Official Reicon core package — open-source icon library for designers & developers

Installation

npm install reicon
# or
pnpm add reicon
# or
yarn add reicon

Quick Start

import { Home, Search3, HandHeart } from 'reicon';

// Appends SVG elements directly
document.body.appendChild(Home({ size: 24, color: '#9B8AFB' }));
document.body.appendChild(Search3({ size: 20, weight: 'Filled' }));
document.body.appendChild(HandHeart({ size: 24 }));

CDN / HTML Script Tag

<script src="https://unpkg.com/reicon/cdn/reicon.js"></script>

<re-icon icon="home" size="24"></re-icon>

Options & Props

| Option | Type | Default | Description | | ------ | ---- | ------- | ----------- | | size | number | string | 24 | Icon width and height in pixels. | | weight | 'Outline' | 'Filled' | 'Outline' | Visual weight style. | | color | string | 'currentColor' | Icon fill or stroke color. | | className | string | undefined | Custom CSS classes on the SVG element. |

License

Free for commercial and personal use under the MIT License.

Credits

Thank you to all the people who contributed and supported Reicon!