1100+ curated SVG icons built for AI Coding Agents, Web Components, and modern web apps

CDN Quickstart

Just include the CDN script in your HTML <head>:

<script src="https://cdn.jsdelivr.net/npm/reicon-agent/cdn/reicon.js"></script>

<!-- Use Web Component anywhere in your HTML -->
<re-icon icon="home" size="24" color="#9B8AFB"></re-icon>
<re-icon icon="search" size="20"></re-icon>
<re-icon icon="arrow-down" size="32" color="#6E54F5"></re-icon>

---

NPM Installation

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

Usage in JavaScript / React / Frameworks

import { Home, ArrowDown, User } from 'reicon-agent';

// Appends SVG Element directly to DOM
document.body.appendChild(Home({ size: 24, color: '#9B8AFB' }));

// String SVG markup for SSR / React innerHTML:
const svgString = ArrowDown.toSvg({ size: 24, color: '#6E54F5' });

---

Properties & Attributes

Attribute	Type	Default	Description
icon	string	—	Icon kebab-case key (e.g., home, user, search)
size	number | string	24	Icon width and height in pixels
color	string	currentColor	Primary SVG stroke/fill color
stroke-width	number | string	—	Optional stroke width override

---

License

Free for commercial and personal use under the MIT License.