Heroicons
Icônes SVG soignées créées par l'équipe Tailwind CSS. 292 icônes en style outline et solid, disponibles en React, Vue et HTML pur.
1 min de lecture
Icônes
Créées par Adam Wathan et l’équipe Tailwind, Heroicons sont ce que tu mets dans tes projets quand tu veux des icônes qui ne jurent pas avec un design system moderne.
Qu’est-ce que Heroicons ?
Une bibliothèque de 292 icônes SVG dessinées à la main, disponibles en deux styles — outline (trait fin) et solid (rempli) — ainsi qu’en variante mini (20px). Conçues pour s’intégrer parfaitement avec Tailwind CSS mais utilisables dans n’importe quel projet.
Utilisations typiques :
- Interfaces React ou Vue avec Tailwind
- Boutons, navigation, formulaires
- Tableaux de bord et applications SaaS
- N’importe quel projet qui veut des icônes propres sans bruit visuel
Points forts
- Cohérence visuelle irréprochable — chaque icône respecte les mêmes proportions et l’épaisseur du trait
- Packages officiels React (
@heroicons/react) et Vue (@heroicons/vue) - Copie du code SVG inline directement depuis le site
- Deux tailles : 24px standard et 20px mini
- Open-source (MIT), maintenu par l’équipe Tailwind
Limites
- Catalogue limité à 292 icônes — il manquera forcément certains cas spécifiques
- Style neutre et épuré : pas fait pour les designs très expressifs ou illustratifs
Tarifs
100% gratuit et open-source.
Alternatives
- Lucide — fork de Feather, catalogue plus large, même philosophie
- Phosphor Icons — plus de styles et de variantes
Catégories
Commentaires
Outils connexes
La référence open-source pour les icônes de technologies de développement. Plus de 450 icônes de langages, frameworks et outils, disponibles en SVG et en font icon.
Bibliothèque open-source de drapeaux de pays en SVG et CSS. Simple à intégrer dans n’importe quel projet web qui gère plusieurs langues ou zones géographiques.