Icones

Description

Aggregates 118 icon packs with powerful search. Supports React/Vue components, UnoCSS integration, and multiple formats. A must-have for frontend developers.

Visit Site

What is Icones

Icones is an icon aggregation platform created by Anthony Fu that brings together mainstream icon libraries in one place. It currently includes 118 icon libraries with over 200,000 icons, covering popular sets like Material Design, Heroicons, and Lucide. It's pretty straightforward to use - just search and preview icons in real-time. Click any icon to copy SVG code or export in various formats like PNG and SVG. For React or Vue developers, it can generate component code directly. Works particularly well with UnoCSS, where you can use class names to display icons without additional imports. Pretty useful for frontend development.

Homepage - Icon Search Interface

How to use Icones

Very simple to use with minimal learning curve.

Search Icons
Type keywords like "home", "user", "settings" in the search box on homepage. Results appear in real-time.

Select Icons
Click any icon to view details including source library, author, and license. Export options are on the right side.

Copy Code
Copy SVG code directly to your project, or generate component code for React, Vue, Svelte frameworks.

Additional Features:

UnoCSS users can copy class names like i-heroicons-home
Hold Ctrl to multi-select icons for batch export
Manage visible icon libraries in settings page

Icones Key Features

Massive Icon Collection

118 mainstream icon libraries with 200K+ icons, from Material Design to boutique collections

Smart Search Engine

Real-time search with fuzzy matching and multilingual support - faster than finding emojis

One-Click Code Generation

Generate SVG, React, Vue, Svelte component code instantly - just copy and paste

Perfect UnoCSS Integration

Use class names directly with atomic CSS frameworks for a seamless experience

Batch Operations

Multi-select icons and export them all at once with custom sizes and colors

PWA Offline Support

Install as a desktop app and search cached icons even without internet

Icones Use Cases

Rapid Frontend Development

Perfect for prototyping and quick development - search, copy, done. No need to worry about style consistency

Design System Building

Curate the perfect icon set for your company or project to maintain visual consistency

Learning and Inspiration

Browse different icon styles to find inspiration or study design patterns

Cross-Framework Projects

Use the same icon across React, Vue, and vanilla HTML projects with minimal effort

Icones Pros & Cons

Pros

Large collection with good coverage

Fast search with real-time results

Multiple export formats and code generation

Good UnoCSS integration

Clean, distraction-free interface

Free and open source

PWA support for offline use

Active community support

Cons

Icon library quality varies

Need to check individual library licenses

Basic batch operation features

No online icon editing capability

Icones FAQ

Q1: Can icons be used commercially?

Depends on the specific library. Each has different licenses - MIT, Apache, CC variants. You can check the license on the icon detail page. Popular ones like Heroicons and Lucide typically support commercial use.

Q2: How to use with UnoCSS?

Install @iconify/json, add the iconify preset to your UnoCSS config, then use class names like i-heroicons-home directly in markup - no imports needed.

Q3: Can I download entire collections?

Icones focuses on individual icon downloads. For entire libraries, visit the original project's GitHub repository. Most projects work better with selective icon choices anyway.

Q4: Can I upload custom icons?

No upload functionality. Icones aggregates existing open source libraries. For custom icons, consider creating an Iconify-compatible package or standalone library.

Q5: Why can't I find certain icons?

Could be search terms or disabled icon libraries in settings. Try different English keywords or check enabled libraries in the settings page.

More about Icons

Tabler Icons

A free open-source (MIT License) icon library with 2,150 icons, adjustable weight and size.

Iconoir

A high-quality open-source icon library supporting multiple frontend frameworks, Figma, Framer, 24x24px perfection, and linear/solid styles.

Remix Icon

Open-source icon library Remix Icon

Ming Cute

MingCute Icon: A free open-source library with over 2,300 icons in SVG, PNG, and Webfont formats.

Icons Home

Views: - Visitors: -