13 bibliothèques d'icônes SVG gratuites côte à côte : les mêmes icônes dans chacune, les vraies licences vérifiées dans chaque paquet, le nombre d'icônes, les styles, les paquets React et Vue, et comment les utiliser de façon accessible.
Bibliothèques d'icônes SVG gratuites comparées
Lucide, Heroicons, Phosphor et Tabler sont les jeux d'icônes gratuits les plus pratiques pour les sites web : tous sont sous licences permissives (ISC ou MIT), et tous proposent des paquets React qui n'embarquent que les icônes que vous importez. Tabler a le plus d'icônes, Phosphor le plus de graisses, et Heroicons le jeu le plus petit et le plus resserré.
Choix rapide
Si vous voulez
Essayez
Un grand jeu cohérent d'icônes au trait
Lucide ou Tabler
Plusieurs graisses de la même icône
Phosphor
Un petit jeu assorti à Tailwind UI
Heroicons
Des logos de marques
Simple Icons (vérifiez les règles des marques déposées)
Le style de Google, à graisse variable
Material Symbols
Les huit mêmes icônes du quotidien dessinées par six bibliothèques, pour comparer directement leur style, puis un tableau complet de treize bibliothèques avec les licences lues dans le fichier LICENSE de chaque paquet, le nombre d'icônes tiré des fichiers publiés et les paquets à installer.
Comparez la grille. Chaque ligne est une bibliothèque qui dessine les huit mêmes idées : accueil, recherche, utilisateur, paramètres, cœur, supprimer, courrier et notifications.
Vérifiez la colonne licence avant de choisir. La plupart sont MIT ou ISC, mais Remix Icon a désormais sa propre licence et Font Awesome Free exige une attribution.
Installez le paquet de votre framework depuis la colonne React ou Vue, ou copiez des fichiers SVG individuels dans votre projet.
Suivez les remarques d'accessibilité ci-dessous pour que les icônes décoratives restent muettes pour les lecteurs d'écran et que les icônes porteuses de sens aient une étiquette.
Choisissez une bibliothèque et tenez-vous-y. Mélanger des jeux aux épaisseurs de trait et aux angles différents donne une interface qui paraît inachevée.
Importez les icônes une par une (import { Search } from 'lucide-react') plutôt que toute la bibliothèque, pour que votre bundle ne contienne que ce que vous utilisez.
Définissez la couleur des icônes avec currentColor pour qu'elles suivent la couleur du texte des boutons et des liens, y compris au survol et en mode sombre.
Donnez aux boutons composés uniquement d'une icône un nom accessible avec aria-label sur le bouton, et masquez le svg lui-même avec aria-hidden="true".
Revérifiez la licence lors d'une mise à jour. Remix Icon est passé d'Apache 2.0 à sa propre licence avec la version 4.9.0, publiée en janvier 2026.
Questions fréquentes
Puis-je utiliser ces icônes dans des projets commerciaux ?
Oui pour les treize bibliothèques listées, dans le cadre de leurs licences. MIT, ISC et Apache 2.0 autorisent l'usage commercial si vous conservez l'avis de licence avec les copies. Font Awesome Free exige une attribution, que ses fichiers contiennent déjà. Remix Icon autorise l'usage dans des produits mais interdit de vendre les icônes sous forme de pack ou de les utiliser comme logo.
Lucide, c'est la même chose que Feather ?
Lucide est né comme fork communautaire de Feather lorsque les mises à jour de Feather ont ralenti. Il garde le style de Feather, compte bien plus d'icônes et est activement maintenu. Les icônes issues de Feather restent sous la licence MIT de Feather ; le reste de Lucide est sous ISC.
Heroicons ou Lucide ?
Heroicons est un jeu plus petit, créé par les auteurs de Tailwind CSS, avec des tailles pleines et réduites assorties, ce qui convient aux interfaces construites avec Tailwind. Lucide compte plusieurs fois plus d'icônes, vous risquez donc moins d'en manquer. Les deux sont sous licence permissive et disposent de paquets React.
Faut-il utiliser une police d'icônes ou du SVG ?
Du SVG, dans la plupart des cas. Le SVG en ligne ou un paquet de composants s'affiche net, se stylise chemin par chemin, n'embarque que les icônes utilisées et fonctionne avec les lecteurs d'écran. Une police d'icônes peut charger une police entière pour quelques icônes et échouer sans bruit si la police est bloquée.
Comment rendre les icônes accessibles ?
Déterminez si l'icône porte du sens. Les icônes décoratives placées à côté d'un texte reçoivent aria-hidden="true". Une icône qui constitue le seul contenu d'un bouton ou d'un lien a besoin d'une alternative textuelle, en général un aria-label sur le bouton ou un texte visuellement masqué à l'intérieur.
Trois façons de placer une icône sur une page
Les paquets de composants comme lucide-react ou @heroicons/react sont les plus simples dans un projet React ou Vue. Chaque icône est un composant, vous n'importez que celles que vous utilisez, et des props définissent la taille, la couleur et l'épaisseur du trait.
Le SVG en ligne consiste à coller le balisage svg directement dans votre HTML. Il ne demande ni paquet ni requête, et le CSS peut styliser chaque partie, mais le balisage se répète partout où l'icône apparaît.
Un sprite SVG regroupe toutes les icônes dans un seul fichier sous forme d'éléments symbol, et chaque utilisation en référence un avec <use href="/icons.svg#search">. Le navigateur met le fichier en cache une seule fois, ce qui convient aux sites en HTML simple qui comportent beaucoup d'icônes.
Comment nous avons vérifié les licences
Chaque licence du tableau provient du fichier LICENSE présent dans la version du paquet indiquée, et non des métadonnées du paquet. C'est important : la fiche npm de Remix Icon indique encore Apache 2.0, alors que le fichier LICENSE de la version 4.9.1 est la nouvelle Remix Icon License v1.0. Le nombre d'icônes correspond au nombre de fichiers SVG que le paquet fournit dans le dossier indiqué.
Les licences peuvent changer d'une version à l'autre. Avant de mettre en ligne, ouvrez le fichier LICENSE de la version que vous installez.
Bibliothèques d'icônes gratuites comparées (versions et nombres tels que publiés sur npm, vérifiés le 13 octobre 2026)
Bibliothèque
Licence
Icônes
Styles
React
Vue
Lucide 1.55.0
ISC
Au trait (épaisseur réglable)
Heroicons 2.2.0
MIT
324 (chacune en 4 styles)
Trait 24, plein 24, mini 20, micro 16
@heroicons/react
@heroicons/vue
Phosphor 2.1.1 (core)
MIT
1,512 (chacune en 6 graisses)
Thin, light, regular, bold, fill, duotone
@phosphor-icons/react
@phosphor-icons/vue
Tabler Icons 3.49.0
MIT
5,184 au trait, 1,054 pleines
Au trait (épaisseur réglable), pleines
@tabler/icons-react
@tabler/icons-vue
Bootstrap Icons 1.13.2
MIT
2,078 fichiers (beaucoup ont un jumeau -fill)
Variantes au trait et pleines
react-bootstrap-icons (communautaire)
Rien d'officiel ; utilisez le SVG ou la police d'icônes
Material Symbols 0.48.0 (@material-symbols/svg-400)
Apache 2.0
3,929 symboles
Outlined, rounded, sharp ; axes de remplissage, de graisse et de grade
Utilisez la police Google Fonts ou les paquets SVG
Utilisez la police Google Fonts ou les paquets SVG
Remix Icon 4.9.1
Remix Icon License v1.0
1,539 (trait et pleines)
Trait, pleines
@remixicon/react
@remixicon/vue
Font Awesome Free 7.3.1
CC BY 4.0 (icônes), SIL OFL 1.1 (polices), MIT (code)
2,001 solid, 273 regular, 609 brands
Solid, regular (partiel), brands
@fortawesome/react-fontawesome
@fortawesome/vue-fontawesome
Ionicons 8.1.0
MIT
1,357 fichiers
Pleines, au trait, sharp
Web component (ion-icon)
Web component (ion-icon)
Iconoir 7.12.1
MIT
1,383 regular, 288 solid
Regular (trait), solid
@iconoir/vue
Radix Icons 1.3.2
MIT
Un seul style, dessiné sur une grille de 15 × 15
@radix-ui/react-icons
Rien d'officiel
Feather 4.29.2
MIT
Au trait
react-feather (communautaire)
vue-feather-icons (communautaire)
Simple Icons 16.35.0
CC0 1.0 (les fichiers SVG)
3,466 logos de marques
Logos de marques monochromes
@icons-pack/react-simple-icons (communautaire)
Utilisez le SVG
ISC
Les icônes reprises de Feather sont aussi sous MIT. Conservez l'avis de copyright avec les copies.
MIT
Conservez l'avis de copyright avec les copies.
MIT
Conservez l'avis de copyright avec les copies.
MIT
Conservez l'avis de copyright avec les copies.
MIT
Conservez l'avis de copyright avec les copies.
Apache 2.0
Incluez le texte de la licence avec les copies et signalez les modifications que vous apportez.
Remix Icon License v1.0
Gratuit dans les produits commerciaux, mais vous ne pouvez pas vendre les icônes sous forme de pack, en tirer un jeu d'icônes concurrent ni en utiliser une comme logo. Les versions jusqu'à 4.8.0 étaient sous Apache 2.0 ; la nouvelle licence s'applique à partir de 4.9.0.
CC BY 4.0 (icônes), SIL OFL 1.1 (polices), MIT (code)
L'attribution est obligatoire ; les commentaires déjà présents dans les fichiers téléchargés valent attribution, ne les supprimez donc pas. Les icônes Pro sont payantes.
MIT
Conservez l'avis de copyright avec les copies.
MIT
Conservez l'avis de copyright avec les copies.
MIT
Conservez l'avis de copyright avec les copies.
MIT
Conservez l'avis de copyright avec les copies. Rarement mis à jour ; Lucide en est issu.
CC0 1.0 (les fichiers SVG)
Les fichiers sont dans le domaine public, mais les logos sont des marques déposées de leurs propriétaires. Respectez les règles de chaque marque.
Accueil
Recherche
Utilisateur
Paramètres
Favori
Supprimer
Courrier
Notifications
Les huit mêmes icônes, six bibliothèques
Fond sombre
Huit icônes courantes telles que dessinées par chaque bibliothèque
Bibliothèque
Icône {concept} de {library}
Les icônes sont les fichiers SVG non modifiés de chaque paquet, dans la version du tableau ci-dessous (seuls les noms de fichiers ont changé), présentés sous leurs propres licences.
Textes des licences :
Bibliothèques comparées
Remarques sur les licences
Utiliser les icônes de façon accessible
Dans les trois cas, le svg est masqué pour les lecteurs d'écran et c'est le bouton qui porte le nom. Si une icône apparaît à côté d'un texte visible, masquez l'icône et laissez le texte parler.