Reicon v1.0.0 — Hello, world 👋

Reicon v1.0.0 🎉

The first public release of Reicon — a free, open-source icon library built with obsessive precision. Every icon is handcrafted on a 24×24 grid. No auto-generation, no AI tracing. Just clean, consistent, pixel-perfect SVGs.

🌐 Website: https://reicon.dev
🔎 Browse icons: https://reicon.dev/icons
📖 Docs: https://reicon.dev/usage

---

✨ Highlights

• 2,680+ handcrafted icons — every one drawn by hand on a 24×24 grid
• Two weights — Outline and Filled for every icon
• Use it anywhere — React, Vue 3, vanilla JS, or the CDN
• Tree-shakeable — only the icons you import ship in your bundle
• Zero runtime dependencies — lightweight and self-contained
• First-class TypeScript — full typings out of the box
• MIT licensed — free for personal and commercial use, no attribution required

📦 Packages

Package	Use it for
reicon-react	React components
reicon-vue	Vue 3 components
reiconjs	Vanilla JS (functions + UMD build)
CDN	Drop-in <re-icon> web component

🚀 Install

React

npm install reicon-react

import { Home } from 'reicon-react';

<Home size={24} weight="Outline" color="currentColor" />

Vue 3

npm install reicon-vue

<script setup>
import { Home } from 'reicon-vue';
</script>

<template>
  <Home :size="24" weight="Outline" />
</template>

Vanilla JS

npm install reiconjs

import { Home } from 'reiconjs';
document.body.appendChild(Home({ size: 32, color: '#6C5CE7' }));

CDN / plain HTML

<script src="https://cdn.reicon.dev/cdn/reicon.min.js"></script>

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

🎛️ Props

Prop	Type	Default	Description
size	number | string	24	Icon size in pixels
color	string	currentColor	Any valid CSS color
weight	"Outline" | "Filled"	"Outline"	Icon weight
className	string	—	Additional CSS classes

🌐 On the site

• Searchable browser for all icons with category, weight, and size filters
• Live playground to tweak color, size, and weight
• Per-icon detail pages with copy-ready React, Vue, and HTML snippets
• Full usage guide for React, Vue, and the CDN

🙏 Thanks

This is just the start. Browse the icons, try them in a project, and tell us what's missing — open an issue or start a discussion. Icon requests very welcome.

Built with 💜 by @dqev · License: MIT