How to change the color of Font Awesome’s icon color with CSS?

Spread the love

Sometimes, we want to change the color of Font Awesome’s icon color with CSS.

In this article, we’ll look at how to change the color of Font Awesome’s icon color with CSS.

How to change the color of Font Awesome’s icon color with CSS?

To change the color of Font Awesome’s icon color with CSS, we set the color property.

For instance, we write

.icon-cog {
  color: black;
}

to set the icon’s color to black in Font Awesome versions before 4.7.0.

Otherwise, we use

.fa-cog {
  color: black;
}

to do the same thing.

Conclusion

To change the color of Font Awesome’s icon color with CSS, we set the color property.

Leave a Reply

Your email address will not be published. Required fields are marked *