Site logo

Archived topic

How to change Font Awesome icon colors?

3 replies · Started by Ignacio on July 3, 2016

Viewing posts 1–4 of 4

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

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 :)

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/

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;
}
This archived topic is closed to new replies.