Reicon

Basic Usage

<!-- Include the CDN -->
<script src="https://reicon.dev/cdn/reicon.min.js"></script>

<!-- Outline (default) -->
<re-icon icon="home"></re-icon>

<!-- Filled -->
<re-icon icon="home" weight="filled"></re-icon>

Icon Sampler — Outline

home
user
settings
heart
star
bell
cart-large
lock
eye
camera
microphone
calendar
cloud
compass
bookmark
folder

Icon Sampler — Filled

home
user
settings
heart
star
bell
cart-large
lock
eye
camera
microphone
calendar
cloud
compass
bookmark
folder

Sizes

16 — 20 — 24 — 32 — 48 — 64

Colors

Custom colors

Rotate & Flip

rotate
flip

Spin Animation

spin attribute

Gradients

linear gradient
radial gradient

Outline vs Filled

outline
filled
outline
filled
outline
filled
outline
filled

JS API

// Total icon count
console.log(Reicon.icons.length); // 1246

// All categories
console.log(Reicon.categories);

// Preload specific icons
Reicon.preload(['home', 'user', 'settings']);

// Ready promise (resolves instantly — data is inlined)
Reicon.ready.then(() => console.log('Ready!'));