¿Puedo cambiar el color del ícono de engranaje de Font Awesome?

Resuelto HUSTEN asked hace 11 años • 23 respuestas

Tengo que envolver mi ícono dentro de una <a>etiqueta por alguna razón.
¿Existe alguna forma posible de cambiar el color de un ícono de fuente increíble a negro?
¿O es imposible siempre que esté envuelto dentro de una <a>etiqueta? Se supone que Font Awesome es una fuente, no una imagen, ¿verdad?

ingrese la descripción de la imagen aquí

<a href="/users/edit"><i class="icon-cog"></i> Edit profile</a>
HUSTEN avatar Jan 23 '13 14:01 HUSTEN
Aceptado

Esto funcionó para mí:

.icon-cog {
  color: black;
}

Para las versiones de Font Awesome superiores a 4.7.0 , se ve así:

.fa-cog {
  color: black;
}
Evan Hahn avatar Jan 23 '2013 07:01 Evan Hahn

Puede especificar el color en el atributo de estilo:

<a href="/users/edit"><i class="icon-cog" style="color:black"></i> Edit profile</a>
dandrews avatar Mar 11 '2013 19:03 dandrews

Prueba esto:

<i class="icon-cog text-red">
<i class="icon-cog text-blue">
<i class="icon-cog text-yellow">
Rahul Tathod avatar Mar 25 '2016 06:03 Rahul Tathod

Para cambiar el color de la fuente de los iconos impresionantes para todo tu proyecto, usa esto en tu CSS

.fa {
  color : red;
}
ChAnDu353 avatar Feb 23 '2017 02:02 ChAnDu353