Comme vous le savez, dans un design, et pour beaucoup de projets web : les icônes, c’est important.
Que ce soit pour guider plus facilement vos utilisateurs, ou pour égailler un peu plus vos interfaces, elles sont omniprésentes !
Et malgré ça, on passe tous quand même par la case : où est-ce que je peux trouver des icônes qui colleront parfaitement à mon projet ?
Gagnons du temps et découvrons ensemble une petite compilation de 5 bibliothèques d’icônes très populaires, testées et approuvées par des milliers de développeurs !
1 / Font Awesome
On ne les présente plus, c’est la référence depuis des années en terme d’icônes libres de droits.
Un package de plus de 33 000 icônes, avec une majorité accessible gratuitement, téléchargeable en SVG/PNG et exploitables directement via leur toolkit.
Les avantages :
- Des icônes connues et reconnues par les utilisateurs,
- Facilité d’intégration et de téléchargement,
- Toolkit CSS simple + intégration React,
- Un moteur de recherche efficace (avec synonymes),
Les inconvénients :
- Un récent changement de modèle économique rendant l’intégration du toolkit un peu plus lourde,
- Une version Pro qui pourrait vite devenir couteuses.
2 / Lucide.dev
Un projet open-source et communautaire très ambitieux, qui nous propose des icônes dans un style assez fin !
Déjà utilisé à titre personnel dans plusieurs projets, une vraie pépite !
Les avantages :
- Une intégration facilitée dans tous vos projets quelle que soit votre stack,
- Des icônes modernes et personnalisables en ligne,
- Une bibliothèque intuitive et facile d’utilisation,
- Un toolkit très facile d’utilisation
Les inconvénients :
- Moteur de recherche sans synonymes et en anglais.
3 / The Noun Project
Une gigantesque bibliothèque d’icônes, et de vecteurs, proposés par des centaines de milliers de graphistes en ligne !
Connu et reconnu pour sa qualité, depuis plus de 10 ans maintenant.
Les avantages :
- Une des plus grandes bibliothèque d’icônes,
- Une classification des icônes en fonction des styles,
- Un moteur de recherche efficace et précis.
Les inconvénients :
- Pas de CDN,
- Abonnement requis pour la plupart des téléchargements,
- Tarification assez floue.
4 / Tabler icons
Un set de plus de 5 700 icônes sous licences permissives MIT. Initialement toutes ces icônes sont utilisées dans le projet éponyme « Tabler » (un bootstrap de Dashboard libre).
Tabler icons a donc l’avantage de contenir une large variété de vecteurs, tout à fait suffisants pour la plupart de vos projets !
Les avantages :
- Un style très fin dans toutes les icônes,
- Grande variété dans le set,
- Un téléchargement / utilisation sans limite,
- Intégration rapide avec des outils comme Figma.
Les inconvénients :
- Pas de CDN,
- Pas de toolkit.
5 / Flowbite Icons
Une collection professionnelle de plus de 500 icônes, parfaitement intégrées dans le style « Tailwind ».
Téléchargeables en l’état en SVG ou intégrables dans vos projets Tailwind / Flowbite.
Les avantages :
- Idéales pour être utilisées dans des dashboards par ex.
- Aucune limitation dans les téléchargements / usages,
- Une intégration facilitée dans vos projets Tailwind
- Filtrage par style / catégorie,
Les inconvénients :
- « Petit » set d’icônes,
- Peu d’évolution dans la taille de la librairie