Icônes

1 h Niveau 3

Ajouter des icônes dans une page HTML est on ne peut plus simple, en CSS. Il suffit simplement d’utiliser une bibliothèque d’icônes.

Ajouter des icônes

Font Awesome fait partie des bibliothèques d’icônes les plus utilisées par les développeurs web. Pour l’utiliser, il suffit juste d’ajouter le nom de l’icône dans l’attribut class de n’importe quel élément HTML de type inline, tel qu’un <i> ou un <span>. L’élément HTML <i> est également souvent utilisé pour ajouter des icônes depuis une bibliothèque. À la base, cet élément HTML est utilisé pour mettre du contenu en italique, mais l’usage à fait que l’élément <i> est fréquemment interprété comme l’acronyme de “icône” ou du moins est utilisé à cette fin. Même s’il n’est donc pas rare de voir l’utilisation de cette balise afin d’afficher des icônes, gardez en mémoire que ce n’est pas une bonne pratique et ne correspond pas à la sémantique prodiguée par le HTML. Préférez l’utilisation de <span> lorsque c’est possible.

Remarque : Il est courant de trouver dans les documentations des librairies d'icônes des exemples d’utilisation avec la balise <i>. Leur utilisation avec la balise <span> (et ainsi conforme à la sémantique HTML) n’entraîne normalement aucun désagrément.

Utiliser les icônes Font Awesome

logo discord

Besoin d'aide ?

Rejoignez notre communauté officielle et ne restez plus seul à bloquer sur un problème !

En savoir plus