Vous avez décidé de vous lancer dans la création de votre site internet ? Il y a un aspect capital à préméditer dès la création de site internet : son graphisme. Celui-ci passe notamment par l’utilisation d’icônes web. Ce sont des ressources graphiques indispensables pour illustrer votre site web, et fournir une navigation agréable.
Dans cet article, je vous en explique plus sur l’importance des icônes, et vous donne quelques liens vers des sites où trouver des icônes gratuites. De rien, ça me fait plaisir 😊
Pourquoi devez-vous utiliser des icônes ?
Les icônes, pictogrammes et autres logos sont omniprésents sur le net. Un webdesigner qui voudrait créer un site en 2019 sans utiliser d’icônes, ce serait un peu comme une entreprise voulant faire du webmarketing sans les réseaux sociaux : une aberration, voire un oxymore, n’ayons pas peur des mots. 😱
De nos jours, qui ne reconnaîtrait pas le logo de YouTube ou d’Instagram ? Les icônes permettent de créer votre image de marque, et de l’identifier très facilement. Elles sont agréables à regarder, et facilement compréhensibles pour tout visiteur, sans même avoir besoin de lire quoi que ce soit.
On constate par exemple, sur les différents magasins d’applications, que les icônes les plus réussies ont un impact direct sur le nombre de téléchargements. Insérer une icône permet de diriger les visiteurs vers des parties de votre site web sans avoir à utiliser du texte, ce qui aère la page, et la rend plus agréable à l’œil.
En uniformisant les éléments de l’identité visuelle de votre marque, en utilisant des icônes respectant une charte graphique harmonieuse, vous pouvez attirer l’attention des visiteurs vers des éléments moins souvent cliquées.
Les types d’icône et leurs utilisations pour votre webdesign
On peut différencier plusieurs types d’icônes : l’icône contour, l’icône remplie, l’icône de glyphe, l’icône à plat (ou flat design icon), l’icône dessinée à la main, ou encore l’icône skeuomorphique, qui vise à reproduire le plus fidèlement possible la réalité (rassurez-vous, vous pourrez réussir dans la vie sans vous rappeler de ce terme). 😃
Les icônes peuvent être utilisées pour diriger vers des rubriques de votre site, pour agrémenter les titres ou les articles, pour créer des infographies… les usages sont multiples. Préférez les images vectorielles, qui gardent leurs belles lignes et proportions, même lorsque vous en réalisez de différentes tailles (ce qui est nécessaire avec un site responsive, adapté tant aux écrans d’ordinateur qu’à la consultation sur mobile).
La règle de webdesign la plus essentielle dans l’utilisation des icônes est de respecter une charte graphique cohérente. Utilisez des icônes de même style, même taille, même couleur, concordantes entre elles, et avec la typographie du site.
10 sites d’icônes gratuits (ou pas)
Vous ne savez pas comment créer une magnifique icône vectorielle ?
Pour votre création graphique, vous pouvez faire appel à un graphiste freelance, qui utilisera vraisemblablement Adobe Illustrator et Photoshop, ou quelque autre logiciel sophistiqué.
Mais, plus simple encore, vous pouvez utiliser des sites web qui vous proposent de télécharger gratuitement des milliers d’icônes. Certaines peuvent être payantes, et/ou sous licence creative commons : vérifiez bien, avant utilisation, quels sont les droits exacts que vous possédez sur les icônes soumises.
The Noun Project
Le site annonce plus d’un million d’icônes, vous devriez pouvoir y trouver votre bonheur. On y déniche beaucoup d’icônes en noir et blanc dans tous les styles, payantes ou gratuites.
Le site ne se cantonne pas au domaine informatique, mais propose des images gratuites pour à peu près tout et n’importe quoi.
Iconfinder
Iconfinder propose des dizaines de milliers d’icônes gratuites.
On y trouve aussi bien des variations des logos des plus célèbres marques et réseaux sociaux, que des smileys, des drapeaux, des icônes glyphes ou remplies, en couleur ou en noir et blanc… le tout bien organisé dans d’innombrables catégories.
Freepik
Freepik offre de très nombreuses ressources graphiques, très utiles pour la création de sites et applications web. Vous y croisez notamment des icônes vectorielles très sympas pour les principaux réseaux sociaux. Mais le site propose aussi des photos, fonds d’écran, images au format PSD…
Parfait pour faire ses petites courses en vue de peaufiner son site internet. D’autant que Freepik offre le téléchargement gratuit pour son contenu, sous réserve de citer l’auteur.
Flaticon
Flaticon est l’œuvre des mêmes créateurs que Freepik.
À la recherche d’un logo vectoriel ? Le site en annonce plus de 1 400 000, regroupés dans plus de 29 000 packs. Les icônes sont disponibles dans de nombreux formats, et gratuites, sous réserve de citer leurs auteurs.
Behance
Behance est une vraie mine d’or de l’icône. Il comporte lui aussi une multitude de ressources graphiques, qui vont bien au-delà des seules icônes.
Il y a une catégorie dédiée aux icônes (je vous conseille pour ça de suivre le lien donné plus haut). Vous pouvez utiliser différents filtres pour tenter de vous y retrouver dans cette véritable caverne d’Ali baba.
Le choix est immense, et la recherche pas toujours aisée, mais c’est à ce prix que vous pourrez dégotter des perles rares, originales et magnifiques.
Dribbble
Dribbble est un site très prisé des designers, qui y postent un grand choix d’icônes pour tous les goûts, aussi bien à usage personnel que commercial.
Vous pouvez notamment les trier par popularité ou date.
Good stuff No nonsense
Ce site d’icône est fabuleux si vous recherchez de magnifiques icônes dessinées à la main par la designer polonaise Agata.
Good Stuff s’en est fait une spécialité. Beaucoup de packs sont payants, mais certains sont totalement gratuits, sans nécessiter de citer l’auteur.
DeviantArt
DeviantArt est un peu un papy d’Internet. Il regroupe une communauté d’artistes, qui partagent leurs créations graphiques.
Le site propose plus de 200 000 icônes gratuites, qui vont des plus basiques au plus originales et détaillées. Les créateurs sur DeviantArt sont souvent de véritables artistes par ailleurs.
Une attribution est souvent nécessaire, voire parfois une inscription au site.
Ego icons
Ce site propose 3 600 icônes vectorielles, toutes uniformisées avec une grande cohérence, dans un style géométrique assez marqué.
Il est possible d’y customiser les icônes, notamment en changeant leurs couleurs pour tout ou partie. Le site propose 100 icônes gratuites, disponible en style contour ou style bi-ton.
Pixeden
Pixeden présente des icônes gratuites de multiples tailles, allant du format 16×16 pixels jusqu’au 512×512 pixels.
Le site contient de nombreuses catégories, des icônes en noir et blanc ou en couleur, mais également quelques autres ressources graphiques et vectorielles intéressantes.
N’oubliez pas le maître-mot pour vos icônes : cohérence !
Bon, vous voyez, finalement ce ne sont pas les sources qui manquent pour trouver des icônes de qualité. Et encore, je ne vous ai pas tout dit : il existe encore bien des sites qui proposent des icônes, qu’elles soient gratuites ou payantes.
L’utilisation des icônes est essentielle pour améliorer la visibilité et la navigation sur votre site. C’est d’ailleurs également vrai si vous créez des applications, ou en règle générale, quoi que ce soit destiné à être vu sur un écran. L’icône est un élément indispensable de la charte graphique, qui augmente l’engagement du lecteur.
Quelle que soit la source que vous utilisez pour vos icônes, rappelez-vous de toujours respecter une cohérence dans l’utilisation de vos pictogrammes. Privilégiez les packs d’icônes réalisés par un même créateur. N’hésitez pas à faire plusieurs tests de design, forme, couleur et taille pour voir ce qui attire et retient le mieux vos utilisateurs.
