The Modern Icon Toolkit
for Creators

Search 200,000+ icons. Optimized for speed. Export to HTML, SVG, JSX, Tailwind & many other features.

Zero-Bundle Bloat Smart Edge CDN 200,000+ Icons Tailwind CSS Native 1-Click Copy JSX/SVG Loved by Devs & Designers Open Licensed Figma & Framer Ready

Quick Start

Installation

npmnpm install viconic-react-icons

Usage (App.jsx)

import { ViconicIcon } from "viconic-react-icons";

function App() {
  return (
    <div style={{ display: "flex", gap: "10px" }}>
      {/* Basic Usage */}
      <ViconicIcon name="h2:0" />

      {/* With Tailwind CSS */}
      <ViconicIcon
        name="lucide:home"
        className="w-8 h-8 text-blue-500"
      />

      {/* With shorthand props */}
      <ViconicIcon
        name="fa:solid:user"
        size={32}
        color="green"
      />
    </div>
  );
}

export default App;

Why Viconic?

Zero-Bundle Bloat

Icons loaded via Smart CDN at runtime. Your project's JS bundle stays at 0KB. Blazing fast speed.

1-Click Workflow

Goodbye SVG junk. Search, recolor, and paste directly into Figma, Framer, or Webflow with one click.

200K+ Icons

Lucide, Tabler, FontAwesome... The world's best open-source icon sets in one platform.

Tailwind Native

Change colors, adjust sizes, or add effects smoothly using the Tailwind CSS classes you already know.

React & NPM Ready

Install via NPM. Perfect support for Next.js (SSR) and automatic code completion with TypeScript.

Frequently Asked Questions

Ready to build something awesome?

Join a growing community of creators using Viconic Kits to optimize their design workflow.