Can I change the color of Font Awesome’s cog icon?

by

This worked for me:

.icon-cog {
  color: black;
}

For versions of Font Awesome above 4.7.0, it looks this:

.fa-cog {
  color: black;
}

More Related Contents:

  1. How to change the inner white color of Font Awesome’s exclamation triangle icon?
  2. Font Awesome 5 on pseudo elements shows square instead of icon
  3. Put icon inside input element in a form
  4. Li item on two lines. Second line has no margin
  5. How to center text vertically with a large font-awesome icon?
  6. What characters can be used for up/down triangle (arrow without stem) for display in HTML?
  7. Use Font Awesome icon as CSS content
  8. Font Awesome icon inside text input element
  9. HTML: Changing colors of specific words in a string of text
  10. How do I add a “search” button in a text input field?
  11. Changing highlight color
  12. Why cannot change checkbox color whatever I do? [duplicate]
  13. I can’t get my font-awesome icons to show up. Tried importing css with multiple methods
  14. How do I add a Font Awesome icon to input field?
  15. CSS for changing color of last word in h1
  16. Font Awesome icons are not working, I have included all required files [closed]
  17. Font awesome is not showing icon
  18. How to vertically align text with icon font?
  19. Change color of bootstrap navbar on hover link?
  20. Font Awesome & Unicode
  21. Convert RGBA to HEX
  22. How to collect and manipulate data in HTML using
  23. Imitating a blink tag with CSS3 animations
  24. How can I force a long string without any blank to be wrapped?
  25. 100% Min Height CSS layout
  26. Equal space between flex items
  27. How to get a child element to show behind (lower z-index) than its parent?
  28. Why is nth-child selector not working?
  29. Auto height on parent container with Absolute/Fixed Children
  30. Display text, a dotted line then more text spanning the width of the page

Leave a Comment