Icônes gratuits (svg ou png) et images vectorielles libres de droit à utiliser dans ses projets web
Modifié le 03 juillet 2024
À la recherche de pictogrammes de qualité pour illustrer une page web, une application, une présentation PowerPoint ou une plaquette commerciale ? De nombreux sites internet proposent des icônes à télécharger gratuitement au format JPG, PNG, GIF, EPS, PSD ou SVG. Les icônes étant des images composées de formes relativement simples, les formats vectoriels se montrent bien mieux adaptés à ce type d'illustrations.
Une image vectorielle au format SVG (acronyme de Scalable Vector Graphics) est légère et garantit une bonne vitesse de chargement dans le cas d'un usage web. Elle offre aussi l'avantage de pouvoir s'adapter à toutes les dimensions, sans aucune perte de qualité. Les documents destinés à l'impression (affiche, plaquette commerciale, flyer) utilisent plutôt des fichiers EPS (acronyme d'Encapsulated PostScript), un formats vectoriels plus ancien, certes, mais un véritable standard dans le domaine de l'imprimerie.
Il est donc important de bien identifier ses besoins avant de choisir un format d'image.
Sommaire
Heroicons.com
★★★★★ Une collection de 220 icônes, particulièrement adaptée à l'illustration d'interfaces web ou d'applications. Les images sont déclinées dans plusieurs finitions : outline, solid, mini et micro. Le site Heroicons.com a été conçu par les créateurs du framework Tailwind CSS. Il permet de copier directement des icônes au format SVG ou en JSX (JavaScript Syntax Extension) pour faciliter leur intégration dans vos projets React.
Flaticon.com
★★★★☆ Un site qui dispose d’une quantité impressionnant d’icônes ! La plateforme est longtemps restée gratuite; beaucoup d'images au format PNG le sont toujours, mais l’accès aux fichiers vectoriels SVG est désormais payant via un système d’abonnement plutôt onéreux (et c’est bien dommage). Flaticon.com propose aussi une belle collection d'icônes animés, téléchargeables en GIF et en MP4.
Svgrepo.com (notre préféré !)
★★★★★ Une collection énorme de plus de 300.000 icônes au format SVG. Ici tout est gratuit, les fichiers sont d’une excellente qualité et l’interface est particulièrement soignée ! Un moteur de recherche efficace permet de filtrer les résultats selon plusieurs critères (monocolor, multicolor, duotone, outlined, flled, glyph, rounded et sharp) de manière à trouver sur Svgrepo.com des illustrations qui correspondent à une charte graphique bien précise.
Iconmonstr.com
★★★☆☆ Une très grande collection composée de plus de 4500 fichiers ! Des icônes simples avec un style homogène et avec un look flat design téléchargeables aux formats SVG, PNG, EPS et PSD (fichier propriétaire développé par Adobe) Les ressources disponibles sur Iconmonstr.com sont entièrement gratuites et l'utilisation du site ne nécessite aucune inscription.
Iconsvg.xyz
★★★★★ Une interface simple et efficace qui propose uniquement des icônes vectoriels. À première vue, le choix peut sembler limité mais la plateforme permet un grand nombre de réglages pour modifier l'apparence des images avant leur téléchargement : choix des couleurs, des angles, épaisseur des traits... La collection Iconsvg.xyz offre la possibilité de télécharger les icônes au format SVG ou de copier-coller le code dans le presse-papiers pour l'intégrer directement dans une feuille de style CSS par exemple.
Tablericons.com
★★★★☆ Une galerie de plus de 1500 images vectorisées. Il suffit de cliquer sur l’icône de son choix pour copier-coller le code SVG dans le presse-papiers. Celui-ci peut être intégré dans son code HTML par le biais d'un éditeur de texte (Notepad ou SublimeText). Simple et efficace, Tablericons.com permet de personnaliser les icônes selon ses besoins : taille, épaisseur des traits, couleur ...
Openmoji.org
★★★★☆ Openmoji.org, une très belle bibliothèque Open Source (gratuite et libre de droit) pour trouver des Emoji colorés de qualité. Toutes les ressources sont classées par thème et sont disponibles aux formats SVG et PNG.
Commons.wikimedia.org
★★★★☆ Une gigantesque médiathèque de 86 millions de fichiers ! Des icônes PNG et SVG libres de droit relevant du domaine public. À l'image de Wikipédia, la célèbre encyclopédie collaborative, Commons.wikimedia.org est une bibliothèque participative alimentée par les utilisateurs eux-mêmes. La qualité des ressources est variable mais c'est un outils intéressant pour trouver des images originales et uniques.
Fonts.google.com
★★★★★ En bonus, un focus sur le célèbre site Fonts.google.com/icons qui propose également des milliers d’icônes systèmes en Open Source. Une ressource indispensable pour donner un aspect Material Design a son projet. Les icônes sont disponibles dans différentes finitions : linéaires, à fond plein ou en couleurs.