Can I change the color of Font Awesome's icon color?
I have to wrap my icon within an <a> tag for some reason.
Is there any possible way to change the color of a font-awesome icon to black?
or is it impossible as long as it wrapped within an <a> tag? Font awesome is supposed to be font not image, right?
<a href="/users/edit"><i class="icon-cog"></i> Edit profile</a>
This worked for me:
.icon-cog {
color: black;
}
For versions of Font Awesome above 4.7.0, it looks this:
.fa-cog {
color: black;
}
Collected from the Internet
Please contact [email protected] to delete if infringement.
edited at
- Prev: What is the bower (and npm) version syntax?
- Next: NodeJS: How to decode base64 encoded string back to binary?
Related
Related Related
- 1
change the color of font awesome's exclamation triangle icon
- 2
Change color when hover a font awesome icon?
- 3
How to change font awesome icon hover color?
- 4
How to change font-awesome icon color when it is active
- 5
How to change font-awesome icon color when it is active
- 6
Font-Awesome Icons, Change Color In The Middle of The Icon (The Text) On Hover
- 7
How do I give a font awesome icon a background color?
- 8
How can I change an icon and text's color on hover?
- 9
Can I change the font color on a portion of a string?
- 10
Can I change the font color on a portion of a string?
- 11
How to change color of font awesome icons
- 12
Change color of Font Awesome icons when they selected
- 13
font awesome - stack circle color change on hover
- 14
Font Awesome Background color
- 15
Ubuntu Mate: Change font color of Desktop Icon
- 16
How to style icon color, size, and shadow of Font Awesome Icons
- 17
Can't change the font color
- 18
how to change the color of multi color glyphicons (icon font)
- 19
How can I change the tree's color?
- 20
How can I change text/icon color in Action Mode?
- 21
How can I change the background color inside the icon?
- 22
Font awesome - change the inner "i" color in class="fa-info-circle"
- 23
can I change the font color of the datePicker in iOS7?
- 24
Can I change background and font color of address bar at Chrome?
- 25
How can I change the tooltip color or font in Ambiance?
- 26
How to change color of Font Awesome stacked icons on hover
- 27
Angular: How May I change Font Awesome icon and Text on condition
- 28
Can't change icon color in action bar
- 29
Can't change icon color in action bar
Comments