Aide S'inscrire

Des icônes gratuites pour votre site ♥


Nous ne le répéterons jamais assez : pour construire un superbe site, vous n'avez pas besoin de savoir coder ou d'être un expert en design. Il existe de nombreux outils et services en ligne pour vous aider à créer un site de pro !

Les icônes en font partie : elles feront la différence sur votre site et ajouteront un peu de peps à votre design. Dans cet article, nous verrons comment trouver et insérer facilement des icônes sur votre site.

Pourquoi les icônes sont-elles importantes pour votre design ?

En un mot : la communication ! Les icônes attirent directement l'oeil de vos visiteurs sur le contenu de votre site le plus important. Elles sont comme des panneaux de signalisation qui guident vos visiteurs sur votre site.

Une simple icône communique plus rapidement ce que vous voulez transmettre, que ce soit votre numéro de téléphone, votre agenda, etc... Tout le monde sait que l'icône d'un panier représente une boutique. Par conséquent, utiliser correctement les icônes sur votre site vous apportera les avantages suivants :

 

  • Elles sont faciles à reconnaître. Si un nouveau visiteur arrive sur votre site, les icônes lui permettront d'accéder rapidement aux informations qu'il recherche. 
  • Elles sont jolies ! Les icônes rendent votre site plus attrayant et améliorent sa lisibilité - tout comme la longueur de vos lignes. 
  • Elles sont universelles. Les icônes sont compréhensibles dans toutes les langues !
De simples icônes peuvent facilement améliorer la communication et le look de votre site.
De simples icônes peuvent facilement améliorer la communication et le look de votre site.
Sans icône, cette partie du site peut paraître un peu text-heavy.
Sans icône, cette partie du site peut paraître un peu text-heavy.

Comment choisir les bonnes icônes pour votre site ?

Tout d'abord, un petit conseil : ne soyez pas trop créatif dans le choix des icônes pour votre site. Contentez-vous d'utiliser des icônes qui sont connues et reconnues de tous, par exemple que vous avez déjà vues sur un site.

Et n'hésitez pas à accompagner votre icône d'un texte en cas d'ambiguité. Les icônes sont là pour compléter le contenu de votre site, pas pour le remplacer.


Voici quatre critères importants pour choisir des icônes :  

 

Taille : assurez-vous que les icônes ne sont pas trop petites - et donc pas assez visibles -  mais pas trop grandes non plus - elles voleraient la vedette aux autres éléments de la page.

Emplacement : vous pouvez utiliser les colonnes pour organiser de manière claire et lisible les icônes avec un texte. En fonction du design de votre site, les icônes rendront mieux à droite, en haut ou en bas du texte. Peu importe ce que vous décidez, il est important de placer toutes les icônes au même endroit par rapport au texte.


Placez toutes vos icônes dans la même position par rapport au texte - cela rendra la lecture plus agréable.
Placez toutes vos icônes dans la même position par rapport au texte - cela rendra la lecture plus agréable.

Couleur : l'idéal est d'utiliser toujours la même couleur pour vos icônes. Vous pouvez utiliser une couleur qu'on retrouve dans votre logo par exemple, ou la couleur générale de votre site. Relisez notre article de blog pour bien choisir les couleurs sur votre site.

Cohérence : choisissez des icônes au style similaire. Le mélange des genres peut avoir un effet négatif sur l'apparence de votre site, comme dans l'exemple ci-dessous :

Des icônes avec différents styles ou couleurs entacheront l'harmonie de votre site.
Des icônes avec différents styles ou couleurs entacheront l'harmonie de votre site.

Où trouver des icônes gratuites ?

Il existe de nombreux sites proposant des icônes à utiliser gratuitement - nous en avons sélectionné trois pour vous :

Iconmonstr

Iconmonstr a près de 3.000 icônes que vous pouvez utiliser gratuitement sur votre site.

Les +

  • C'est gratuit.
  • Vous pouvez modifier la taille et la couleur de l'icône.
  • Les icônes sont classées par catégorie.

Les -

  • Vous ne pouvez pas sauvegarder la taille et la couleur de l'icône modifiée. Si vous créez une icône et modifiez la taille et la couleur, assurez-vous de noter la taille et le code de la couleur pour l'appliquer à vos autres icônes.

Flaticon.com

Flaticon.com possède une très grande sélection d'icônes gratuites.


Les +

  • Les icônes sont classées par catégorie.
  • Sur le site, vous pouvez sauvegarder des icônes dans “Mes icônes.” C'est pratique pour faire votre sélection - vous pouvez retrouver les icônes que vous avez déjà utilisées.
  • Vous pouvez télécharger des icônes en fonction de leur taille.

 

Les -

  • Les icônes sont gratuites mais vous devez mentionner l'auteur. Sinon vous devez prendre un abonnement mensuel.
  • Toutes les icônes sont noires. Pour modifier la couleur, vous devez modifier vous-même l'icône avec un programme comme PhotoShop par exemple.

Flaticons.net

Flaticons.net est un autre site où trouver de nombreuses icônes que vous pourrez personnaliser.

Les +

  • C'est gratuit.
  • Vous pouvez changer la taille et la couleur de l'icône.
  • Vous pouvez créer une icône bicolore en personnalisant le fond et la couleur.
  • Vous pouvez rechercher des icônes par catégorie.

Les -

  • Comme sur Iconmonstr, vous ne pouvez pas sauvegarder la taille et la couleur de l'icône modifiée.

Comment ajouter une icône sur votre site Jimdo ?

Pour ajouter une icône sur votre site, c'est simple, vous devez utiliser l'élément image. Insérez un élément Image où vous voulez et téléchargez le document au format .PNG. Vous pouvez ajuster la position et modifier la taille de l'icône dans les paramètres comme montré ci-dessous. Vous pouvez aussi mettre un lien dans l'icône vers une autre page de votre site ou vers une page externe, cliquez simplement sur le symbole lien et sélectionnez ou entrez le lien souhaité.

Ajoutez facilement une icône sur votre site grâce au module Image.
Ajoutez facilement une icône sur votre site grâce au module Image.

Conclusion : utilisez des icônes pour améliorer le design et la lisibilité de votre site !

Les experts web sont d'accord pour dire qu'un des principaux facteurs pour que vos visiteurs restent sur votre site est la lisibilité. Les icônes sont un moyen simple mais efficace pour rendre votre site plus lisible. N'oubliez pas de choisir une icône qui correspond bien au texte qui l'accompagne et gardez en tête les quatre critères évoqués plus haut : la taille, la couleur, l'emplacement et la cohérence. Mais c'est comme pour tout, il ne faut pas en abuser et en mettre partout sur votre site !

 


Mathilde Kurtz

Blogueuse pour la communauté

Ces articles peuvent aussi vous intéresser :


Écrire commentaire

Commentaires : 3
  • #1

    SC (mardi, 22 septembre 2015 23:08)

    Encore une bonne idée pour améliorer son site;

  • #2

    Carole - Melodie-web (mercredi, 23 septembre 2015 11:16)

    J'utilise aussi http://icones.pro/ qui est pas mal !
    J'ajoute ceux de l'article dans mes favoris
    Merci

  • #3

    Marc Meloche (vendredi, 25 septembre 2015 16:18)

    Super! merci