Font Awesome est une bibliothèque d'icônes faciles à intégrer à un site Web. Il est même possible de modifier la couleur et la taille des icônes à l'aide de règles CSS ou encore de leur appliquer des animations, toujours à l'aide de CSS.
Il y a de nombreux icônes gratuits qui répondent à la majorité des besoins.
Si vous souhaitez vous abonner à l'un de leurs forfaits moyennant des frais annuels, vous aurez accès aux séries Pro qui offrent encore plus d'icônes et plus de diversité dans les styles offerts.
Il n'est pas nécessaire de télécharger les icônes pour les utiliser. Je vous propose une technique qui travaillera directement avec les icônes en ligne.
De plus, cette technique vous permet d'utiliser Font Awesome gratuitement.
Pour choisir un icône à insérer, je vous propose une procédure pour effectuer une recherche seulement parmi les icônes gratuits.
Vous éviterez ainsi d'être déçus.
Voici ce à quoi votre code HTML pourrait ressembler.
<!DOCTYPE html>
<html lang="fr-CA">
<head>
...
<script src="https://kit.fontawesome.com/XXXXXXXXXX.js" crossorigin="anonymous"></script>
</head>
<body>
...
<i class="fa-regular fa-sun mon-icone"></i>
...
</body>
</html>
Et pour appliquer des styles CSS à l'icône :
.mon-icone {
color: white;
}
.mon-icone:hover {
color:#5C9FA0;
}
▼Publicité
