Reicon
2674+ pixel-perfect SVG icons • Outline & Filled weights • Vanilla JS & CDN runtime • Zero dependencies • MIT Licensed
Install •
Usage •
Options •
Tree-shaking •
Icon Names •
TypeScript •
CDN
**Reicon** is the core vanilla JavaScript package for Reicon — a free, open-source SVG icon library featuring 2674+ handcrafted, grid-aligned icons. Use it directly as ES modules, or load via CDN with zero build step. Every icon is tree-shakeable, fully TypeScript-ready, and ships with no dependencies.
| 🔗 Resource | Link |
|---|---|
| 🌐 Website & icon browser | [reicon.dev](https://reicon.dev) |
| 📖 Documentation | [reicon.dev/docs](https://reicon.dev/docs) |
| ⚛️ React package | [reicon-react](https://npmjs.com/package/reicon-react) |
| 🎨 Figma plugin | [reicon.dev/docs/figma](https://reicon.dev/docs/figma) |
---
## Install
```bash
npm i reicon
# or
bun add reicon
# or
yarn add reicon
```
### CDN (no build step required)
```html
```
No bundler, no framework — just a `
```
### Direct icon import (smallest bundle)
```js
import Home from 'reicon/icons/Home';
import ShieldCheck from 'reicon/icons/ShieldCheck';
```
---
## Options
| Option | Type | Default | Description |
|--------|------|---------|-------------|
| `size` | `number | string` | `24` | Icon width & height (number = px) |
| `color` | `string` | — | Primary icon stroke/fill color. Leave unset to use CSS. |
| `weight` | `'Outline' | 'Filled'` | `'Outline'` | Icon style variant |
| `strokeWidth` | `number | string` | — | Override the default stroke width |
| `className` | `string` | — | Additional CSS class on the `