Comment changer la couleur d'une icône Font Awesome ?

Pour changer la couleur d'une icône Font Awesome, vous pouvez créer une CLASS CSS et l'ajouter à la CLASS existante de l'icône.

Dans l'exemple ci-dessous une crée une CLASS nommée vert à laquelle on applique le propriété CSS color avec la valeur green :

<style>
.vert {
   color: green;
}
</style>

Il vous suffit ensuite d'ajouter la CLASS vert à celles de Font Awesome :

<i class="fas fa-map-marker vert"></i>

De cette façon vous pouvez changer les couleurs des icônes SVG générées avec la librairie Font Awesome.