Archived topic
How to change Font Awesome icon colors?
3 replies · Started by Ignacio on July 3, 2016
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;
}