Icônes is a high-performance, web-based icon browser that serves as a unified interface for thousands of open-source icon sets.
Built by Anthony Fu (a prominent figure in the Vue and Vite ecosystems), it is powered by Iconify, which means it grants you instant access to over 200,000+ vector icons from over 150 popular collections—all in one place.
For a designer, it eliminates the need to visit dozens of different websites (like Heroicons, Lucide, or Material Design) to find the right symbol.
Key Features for UI/UX Designers & Developers
- Instant Search Across 150+ Sets: You can search for a keyword (e.g., “user” or “home”) and see results from every major icon library simultaneously. This makes it incredibly easy to compare styles and find the perfect match for your brand’s aesthetic.
- Built-in Customization: Before downloading, you can adjust the icon’s color and size directly in the browser. What you see is exactly what you get.
- Multiple Export Options: Icônes is designed for speed. You can:
- Copy as SVG: Paste directly into Figma, Sketch, or Adobe XD.
- Copy as Component: Get the code for React, Vue, Svelte, or SolidJS.
- Download as File: Save as SVG or PNG for traditional use.
- Pure CSS Icons: One of its most advanced features is the ability to use icons via Atomic CSS (using UnoCSS), allowing developers to load icons with zero JavaScript overhead.
- Collection Browsing: If you prefer a specific “vibe,” you can browse individual collections (like Phosphor, Carbon, or Remix) to ensure visual consistency across your entire project.
