Kann ich die Farbe des Font Awesome-Zahnradsymbols ändern?

Question

Ich muss mein Symbol in eine <a> Tag aus irgendeinem Grund.
Gibt es eine Möglichkeit, die Farbe eines font-awesome-Symbols in schwarz zu ändern?
oder ist es unmöglich, solange es innerhalb einer <a> Tag? Font awesome soll eine Schrift sein, kein Bild, richtig?

<a href="stackoverflow.com/users/edit"><i class="icon-cog"></i> Edit profile</a>

Answer 1

Das hat bei mir funktioniert:

.icon-cog {
  color: black;
}

Für Versionen von Font Awesome über 4.7.0 sieht es so aus:

.fa-cog {
  color: black;
}

Answer 2

HTML:

    <i class="icon-cog blackiconcolor">

css :

    .blackiconcolor {color:black;}

Sie können dem Schaltflächensymbol auch eine zusätzliche Klasse hinzufügen...

Answer 3

Sie können die Farbe im Attribut style angeben:

<a href="http://stackoverflow.com/users/edit"><i class="icon-cog" style="color:black"></i> Edit profile</a>

Answer 4

Versuchen Sie dies:

<i class="icon-cog text-red">
<i class="icon-cog text-blue">
<i class="icon-cog text-yellow">

Answer 5

Um die Schriftart awesome icons Farbe für Ihr gesamtes Projekt zu ändern, verwenden Sie diese in Ihrem css

.fa {
  color : red;
}