Documentation

Everything you need to know about using Unicon — from browsing icons in the web interface to integrating with your development workflow.

What is Unicon?

Unicon is a comprehensive icon management tool that gives you access to 19,000+ icons from 9 popular icon libraries — all in one place. Unlike traditional icon packages that bloat your bundle with thousands of unused icons, Unicon lets you generate only the icons you need.

Whether you prefer browsing icons visually, using a command-line interface, or letting AI assistants find icons for you, Unicon has you covered.

Icon Libraries

Lucide

1,900+ icons

Phosphor

1,500+ icons

Hugeicons

1,800+ icons

Heroicons

292 icons

Tabler

4,600+ icons

Feather

287 icons

Remix

2,800+ icons

Simple Icons

3,300+ brand logos

Iconoir

1,600+ icons

Getting Started

Key Features

AI-Powered Search

Semantic search understands intent. Search for "celebration" and find party, confetti, and cake icons.

Tree-Shakeable

Generate one file per icon for perfect tree-shaking. Only bundle icons you actually use.

Multi-Framework

Export as React, Vue 3, Svelte components, or plain SVG. Full TypeScript support.

Zero Dependencies

Generated components have no external dependencies. Copy and own your icons.

Bundle Builder

Define icon bundles in config file. Regenerate anytime with a single command.

Customizable

Control size, stroke width, colors, and all standard SVG properties.

Quick Links

Why Unicon?

Traditional Icon Packages

Download thousands of unused icons
Bloated bundle sizes
Rely on bundler tree-shaking (unreliable)
External dependencies to maintain

Unicon Approach

Generate only the icons you need
Zero bundle bloat
One file per icon = perfect tree-shaking
No external dependencies
Access 19,000+ icons from 9 libraries

Need Help?