ICÔNES : 317 000 icônes à parcourir et copier, même hors ligne
⏱️ Temps de lecture estimé : 3 minutes
📌 ICÔNES est un explorateur d’icônes propulsé par Iconify qui rassemble 231 collections et plus de 317 000 pictogrammes dans une seule interface web. La recherche est floue et instantanée, exécutée localement dans votre navigateur : aucune requête n’est envoyée à un serveur pendant que vous tapez.
On connaît tous le même détour : pour trouver un pictogramme cohérent, on ouvre trois sites de collections, on copie un SVG, on découvre qu’il est en 24×24 alors que le reste de l’interface est en 16, puis on recommence. ICÔNES règle ce problème en agrégeant les grandes familles — Material Symbols, Lucide, Phosphor, Tabler, Fluent UI, Solar, HeroIcons, Arcticons — derrière une barre de recherche unique. Vous tapez « shield », vous filtrez par collection ou par catégorie, et la liste se met à jour à chaque frappe.
La fonction la plus utile n’est pas celle qu’on attend. À côté de chaque icône, un menu propose de copier le rendu en SVG, PNG ou data URL, mais aussi directement en composant Vue, React, Svelte, Solid, Qwik, Astro ou React Native. Pour un projet UnoCSS, il suffit de récupérer
. Je trouve cette approche très concrète : on ne repart pas d’un fichier à importer, on repart d’une ligne à coller dans le composant.
- 🔍 Recherche floue instantanée, exécutée localement, sans requête réseau
- 🎨 231 collections et plus de 317 000 icônes réunies dans une interface
- 🎒 « The Bag » : sélectionnez des icônes et exportez-les en police d’icônes ou en sprite SVG
- 📋 Copie prête à l’emploi en SVG, PNG, ou composant Vue, React, Svelte, Solid, Qwik, Astro
- 📴 Installable en PWA, utilisable hors ligne une fois les collections mises en cache
Ce dernier point mérite qu’on s’y arrête. ICÔNES est une application statique construite avec Vite et Vue 3, et elle s’installe comme une PWA. Un service worker met les collections en cache, si bien que l’outil continue de répondre quand la connexion tombe. Le stockage passe par IndexedDB pour les jeux d’icônes les plus volumineux, afin de ne pas les retélécharger à chaque visite.
Il y a une nuance à garder en tête, et elle compte. Si l’application elle-même est publiée sous licence MIT, chaque collection conserve sa propre licence : une centaine sont en MIT, d’autres en CC BY 4.0, en Apache 2.0 ou en Open Font License. Le projet affiche ces informations à côté de chaque jeu et glisse le commentaire de licence dans le code généré. À vérifier avant un usage commercial.
Reste le confort d’usage. Le mode sombre est là, l’interface tient sur mobile, on peut mettre des collections en favori et retrouver les récentes. Le projet, porté par Anthony Fu depuis 2020 et désormais hébergé par le collectif antfu, dépasse les 7 400 étoiles sur GitHub, et une extension VS Code communautaire existe pour chercher sans quitter l’éditeur. Pour un designer ou un développeur qui jongle entre plusieurs bibliothèques, c’est exactement le genre d’outil qu’on ouvre une fois et qu’on garde en onglet épinglé.
Sources
