Icônes gratuites pour votre site internet

Les icônes sont indispensables pour enrichir votre site internet professionnel, ou simplement pour animer une présentation en clientèle. Découvrez quels atouts présentent les icônes, dans la création d’un design, et comment les utiliser, pour en tirer le meilleur parti possible !

On commence doucement en vous présentant nos outils favoris en termes d’icônes, à vos lunettes, on démarre! 

 

Comment trouver des icônes gratuites pour son site ?

Rien de plus simple, vous n’aurez même pas à chercher plus loin que cet article puisqu’on va tout vous dire.

Il existe de nombreux sites pour trouver des icônes, Orson vous dévoile aujourd’hui ses 3 chouchous.

 

Flat Icon:

Le plus célèbre hébergeur d’icônes de la toile: le site contient plus de 500 000 icônes de tout thème, de toute catégorie et évolue au gré des tendances. De nombreux designers du monde entier contribue chaque jour à enrichir la banque d’icône afin que vous y trouviez tout ce dont vous avez besoin pour votre site web. Certaines icônes sont payantes, activez le filtre « free » afin que l’on vous propose seulement les images gratuites.

 

Site icônes gratuites flat icon

Icon Icons:

Le site héberge plus de 100 000 icônes gratuites que vous pouvez télécharger sous plusieurs formats: SVG, PNG, ICO, INCS. Sur cet outil, vous avez en plus la possibilité de choisir la taille que vous souhaitez pour votre icône.

 

Site web images free icon icons

Icon Finder:

Idem que sur Flat Icon, il vous faudra cocher la case « free » si vous ne souhaitez pas payer pour avoir de chouettes icônes à mettre sur votre site! Néanmoins, vous trouverez plus de 100 000 icônes gratuites réparties par thème ce qui vous laisse donc un large choix pour égayer et dynamiser votre site web.

 

icônes icon finder

 

 

Maintenant que vous avez les outils pour votre recherche d’icônes gratuites, on passes aux prochaines étapes…

Avantages des icônes pour le design d’un site

Les icônes sont des éléments informatiques visuels, exprimant une idée au travers d’un dessin simpliste. Elles présentent un nombre infini d’avantages, dont les premiers sont certainement la lisibilité, la rapidité de compréhension et le caractère international.

Dans une page web, une icône prend peu de place : elle exprime un maximum de choses, en un minimum de temps et d’espace !

En informatique, le langage des icônes est presque une langue à part entière ! Par exemple, nous savons tous, et en un clin d’oeil, que l’Enveloppe fait référence au courriel, ou que le Globe terrestre évoque la navigation sur Internet !

 

Les icônes pour agrémenter votre site internet

L’atout le plus évident des icônes est sans doute leur dimension esthétique. Une icône, surtout si elle a été créée par un professionnel du web design, est faite pour être jolie à l’oeil, et pour satisfaire le regard de vos visiteurs. Elles font partie des éléments graphiques de base, pour élaborer un beau design de site internet : dans ce domaine, vous pourrez difficilement faire sans elles !

Parallèlement, elles présentent aussi un aspect trendy indiscutable : oui, les icônes sont indémodables. Cependant, elles évoluent avec leur temps : dans le secteur du graphisme web, il y a des tendances, auxquelles sont bien évidemment soumises les icônes (par exemple le flat design, ou le minimalisme). Il existe des sets d’icônes présentant une cohérence esthétique (lignes, couleurs…), pouvant être utilisées ensemble sur un même site internet.

 

Les icônes pour optimiser la navigation de votre site

Les icônes sont ultra lisibles : compréhensibles par tout le monde, rapidement, quels que soient l’âge, la langue, la culture… C’est en cette qualité, qu’elles sont d’excellents atouts pour la navigation de votre site. Pas besoin de traduction, pas besoin d’adapter son langage : l’icône est reçue par tous de la même façon.

Et surtout, elle se comprend en moins d’une seconde : essentiel, quand on sait avec quelle rapidité, les internautes parcourent une page web, et quitte un site !
Un autre de ses avantages majeurs est le gain d’espace, dans le layout d’une page web. A l’heure où la navigation mobile supplante la navigation sur poste fixe, on ne peut vraiment pas négliger ce bénéfice… L’icône est drôlement pratique, pour créer des designs pour les écrans de petite taille !

Convaincu qu’il vous faut des icônes sur votre site mais vous ne savez pas comment vous en servir ? Continuez avec moi!

 

Comment utiliser les icônes gratuites sur votre site internet ?

Il y a de multiples façons de mettre concrètement à profit les icônes, lors de votre création de site internet. Voici quelques exemples d’utilisation, qui vous aideront à réaliser un site plus efficace !

 

Vos icônes de réseaux sociaux

Bien évidemment, les liens vers vos réseaux sociaux, ne se font qu’au travers d’icônes. Facebook, Twitter, LinkedIn et Instagram sont usuellement représentés par leur simple logo, et il n’est pas d’usage de les faire figurer autrement sur un site. Imaginez la surprise des internautes, s’ils devaient cliquer sur le nom de la plateforme sociale, en toutes lettres, pour y accéder !

 

Insérez les icônes gratuites dans vos headers, footers et menus mobiles

Les icônes apparaissent souvent à ces endroits stratégiques, où il est utile d’économiser l’espace. En effet, l’en-tête et le pied de page de votre site internet contiennent beaucoup d’information, et ils doivent cependant rester super clairs, afin de véhiculer une image toujours professionnelle. L’insertion d’une icône, pour ajouter votre numéro de téléphone ou votre adresse mail, permet de faire passer un message évident, de façon concise, et surtout, en utilisant peu de place.

Les menus mobiles sont aussi sujets à cette économie d’espace, il est donc très utile de remplacer certains liens de pages par des icônes, afin d’optimiser au maximum la navigation, sur les petits écrans des smartphones et tablettes.

 

Utilisez les icônes comme calls to action

Les calls to action, pour être efficaces, doivent percuter l’oeil. Ils doivent être précis, engageants et dynamiques : quoi de mieux qu’une icône ? Quand cela est possible, l’icône semble la solution parfaite, pour un bouton d’appel à l’action qui convertit bien.

Ce peut être, par exemple, un Caddie pour l’acte d’achat, ou la lettre i, pour inciter le visiteur à se renseigner.

 

Les icônes gratuites pour appuyer vos arguments

Enfin, les icônes peuvent être utilisées, en complément d’un texte, pour accentuer une idée, avec une image claire. Comme vu plus haut, les longs textes des pages internet sont bien souvent survolés rapidement par les internautes.

Un pictogramme permet d’accrocher leur regard, et est compris instantanément, sans le moindre effort nécessaire.

 

 

Si vous êtes toujours parmi nous, on vous dévoile juste après les différents formats d’icônes pour votre site! 

Nombreux formats d’icônes pour votre site

Cela pour satisfaire les amateurs et les professionnels de la création de sites internet. Mais surtout n’oubliez pas qu’il vous faudra plus que des icônes pour meubler vos pages, il vous faudra aussi trouver des images de qualités pour votre site web.

En PNG 32×32 pixels,

et en version rétina, 64×64 pixels pour les écrans d’iPhone et d’iPad,.

En vecteur (AI et EPS),

si vous avez Illustrator pour récupérer les tracés, changer les couleurs et agrandir les icônes à volonté.

En CSS Sprite,

pour les développeurs qui souhaitent intégrer directement les icônes dans leur site,

sous la forme de typographies

(en format .TTF et .OTF mais aussi en format .WOFF pour les webfonts), aussi faciles à utiliser que n’importe quelle typographie, avec tous les outils de traitement de texte existants (Word, PowerPoint, Keynote, In Design…).

Maintenant, à vous de jouer pour exploiter au mieux les icônes, et donner plus de chaleur et de proximité à votre site internet.

 

Si vous êtes intéressé par les ressources gratuites :

  1. pensez à vous informer sur les licences telles que créative commons et ainsi savoir ce que vous êtes réellement autorisé à faire.
  2. voici une liste de banques d’images gratuites et libres de droits qui pourrait vous intéresser. Pensez à partager vos ressources gratuites pour les prochains lecteurs de cet article.

 

Alors avec ça, si vous n’avez pas un site avec de belles icônes, on ne comprend pas! 😉

Frédérique Biau

Traductrice et Rédactrice autour des Nouvelles Technologies et du Web. Frédérique est en charge de partager nos astuces avec l'art et la manière !