Quick Start Option 1: CDN (Fastest) Add one script tag to your HTML. That's it. <script src="https://cdn.viconic.dev/js/copyicons-smart-loader.min.js"></script> <viconic-icon icon="ti:home"></viconic-icon> <viconic-icon icon="ti:search" style="font-size: 32px;"></viconic-icon> <viconic-icon icon="ti:heart" style="color: red;"></viconic-icon> Enter fullscreen mode Exit fullscreen mode Icons are loaded from the CDN at runtime. Your bundle size stays at 0KB. Option 2: React Install the package: npm install viconic-react-icons Enter fullscreen mode Exit fullscreen mode Then use it in your components: import { ViconicIcon } from "viconic-react-icons"; function App() { return ( <div> <ViconicIcon name="ti:home" /> <ViconicIcon name="ti:search" size={32} /> <ViconicIcon name="ti:heart" color="red" /> </div> ); } Enter fullscreen mode Exit fullscreen mode Works with React, Next.js, Vue, Angular, Svelte — anything that supports SVG.…