[Resolved] How to change Font Awesome icon colors?

[Ignacio]

Hello Tom:
I want to change the color of the default black Font Awesome icons, for example into blue. How can I do that?
Thanks in advance

[Tom]

Add the color to the HTML element, like this:

<i class="fa fa-car" style="color:#DDDDDD;"><!-- icon --></i>

Let me know if that helps or not 🙂

[Max]

You can also add icon sizing

<i class="fa fa-car fa-lg" style="color:#DDDDDD;"><!-- icon --></i>

<i class="fa fa-car fa-4x" style="color:#DDDDDD;"><!-- icon --></i>

See here:
http://fontawesome.io/examples/

• This reply was modified 7 years, 9 months ago by Tom.

[Richard]

And there is also css so you can make site-wide changes e.g.:

.fa {
	color: black;
}
.fa-car {
	color: red;
}
.fa-bus {
	color: green;
}

[Author]

Posts