FontAwesome 5 Icons anpassen
https://docs-v5.fontawesome.com/web/setup/get-started
Grundlagen:
<!-- style prefix == fas + icon name == download -->
<i class="fas fa-download"></i>
<!-- using an <i> element to reference the icon -->
<i class="fas fa-download"></i>
oder
<!-- using a <span> element to reference the icon -->
<span class="fas fa-download"></span>
Beispiel (ohne Größenangabe > entspricht der zur Schriftgröße passenden Größe)
Farben
Farbe: style="color: #xxx;" / auch Background ist möglich
Größe, relativ zur Vorgabegröße ändern
Direkt als Klasse nach der Definitionsklasse: fa-xs, fa-sm, fa-lg, fa-2x, fa-3x, fa-5x, fa-7x, fa-10x
::before und ::after > Unicode für den content
Jeweils oben rechts in der Detailansicht des Icons.
Unicode für das Download-Symbol: f019:
Beispiel
.class::before {
font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f019";
}