Icônes SVG gratuites — 70 000+ icônes open source

Comment utiliser : Chercheur d'icônes SVG

Saisissez ce qu'il vous faut — maison, flèche droite, panier — et choisissez un jeu d'icônes, ou recherchez dans tous.
Cliquez sur une icône pour l'ouvrir. Réglez la taille, conservez currentColor pour qu'elle suive la couleur de votre texte, ou choisissez une couleur personnalisée ; ajustez l'épaisseur du trait pour les icônes en contour.
Copiez-la en SVG, en JSX pour React, en data URI, en masque CSS, ou collez-la dans Webflow — ou téléchargez-la en SVG ou PNG.
Cliquez sur ☆ Enregistrer pour garder les icônes que vous utilisez souvent ; elles apparaîtront sous ★ Enregistrées la prochaine fois.

Des icônes gratuites que vous pouvez réellement utiliser

Chaque icône proposée ici provient d'un jeu open source sous licence permissive, vous pouvez donc l'utiliser dans des sites web et des applications personnels ou commerciaux. La licence et l'auteur sont indiqués avec chaque icône :

Jeu	Licence	Style
Lucide	ISC	Contour, grille de 24 px
Tabler Icons	MIT	Contour et plein
Heroicons	MIT	Contour, plein, mini
Phosphor	MIT	Six graisses
Bootstrap Icons	MIT	Plein et contour
Feather, Iconoir	MIT	Contour
Fluent UI System Icons	MIT	Style Microsoft
Material Symbols, Material Design Icons, Carbon	Apache 2.0	Styles Google, Pictogrammers et IBM

Les licences MIT, ISC et Apache 2.0 vous demandent de conserver le copyright et la mention de licence lorsque vous redistribuez les fichiers d'icônes eux-mêmes (par exemple dans un package d'icônes). Utiliser des icônes dans un site web ou une application est le cas courant pour lequel ces licences ont été rédigées.

Pourquoi currentColor est important

Une icône dont le fill ou le stroke vaut currentColor reprend la couleur CSS color de son élément parent : le même SVG devient blanc sur un bouton sombre, bleu dans un lien et gris lorsqu'il est désactivé, sans modifier le fichier. Conservez currentColor pour les icônes intégrées au texte de l'interface et aux boutons ; choisissez une couleur fixe pour les illustrations et les favicons.

Quel format copier

SVG — à coller directement dans du HTML, un Embed Webflow ou un fichier .svg.
JSX — attributs compatibles React (strokeWidth, className) à intégrer dans un composant.
Data URI — pour une balise <img src> ou une propriété CSS background-image sans fichier séparé.
Masque CSS — une icône qui hérite de currentColor depuis le CSS, utile dans les pseudo-éléments.
Copier pour Webflow — insère un Code Embed contenant le SVG dans le Designer Webflow.

Optimisez vos propres SVG avec l'Optimiseur SVG ou transformez-en un favicon avec le Générateur de favicon.

Icônes populaires

Collections d'icônes SVG gratuites pour les symboles d'interface les plus courants :

Questions fréquentes

Ces icônes sont-elles gratuites pour un usage commercial ?

Oui. Tous les jeux listés sont open source sous licence MIT, ISC ou Apache 2.0, qui autorisent l'usage commercial. Conservez la mention de licence si vous redistribuez les fichiers d'icônes eux-mêmes.

Dois-je citer l'auteur de l'icône ?

Pas dans un site web ou une application, selon ces licences. Si vous livrez les icônes sous forme de fichiers, par exemple dans un modèle ou un pack d'icônes, incluez la licence du jeu concerné.

À quoi sert currentColor ?

Il fait utiliser à l'icône la couleur de texte de l'élément dans lequel elle se trouve. Ainsi, un seul SVG s'adapte aux boutons, aux liens et au mode sombre grâce au CSS.

Puis-je modifier l'épaisseur du trait ?

Oui, pour les icônes en contour comme Lucide, Tabler, Feather et Iconoir. Les icônes pleines n'ont pas de trait à modifier.

Ma recherche est-elle privée ?

Les mots recherchés sont envoyés à l'API publique Iconify, qui héberge les jeux d'icônes. Rien d'autre ne quitte votre navigateur, et aucun compte n'est nécessaire.

Puis-je installer Chercheur d'icônes SVG en tant qu’application web et l’utiliser hors ligne ?

Oui. Chercheur d'icônes SVG est une application web installable (PWA) : elle s’installe depuis votre navigateur, sans passer par une boutique d’applications. Cliquez sur « Installer l’application » en haut de cette page dans Chrome ou Edge (Windows, macOS, Linux, ChromeOS) ; sur Android, utilisez « Partager » → « Ajouter à l’écran d’accueil » sur iPhone et iPad ; ou « Fichier » → « Ajouter au Dock » dans Safari 17+ sur Mac. L’application s’ouvre alors dans sa propre fenêtre avec sa propre icône, et comme elle s’exécute entièrement dans votre navigateur, elle continue de fonctionner hors ligne. Firefox sur ordinateur de bureau ne permet pas d’installer d’applications web. Comment fonctionne l’installation.