URL87 URL87 - 5 months ago 14
CSS Question

Font awesome - change the inner "i" color in class="fa-info-circle"

Does it possible to change the inner "i" color within

<i class="fa fa-info-circle">
?

i.e - in this fiddler make just the "i" with red color .

Answer

you should implement this like this:

html

<span class="fa-stack fa-2x">
  <i class="fa fa-circle fa-stack-2x icon-background2"></i>
  <i class="fa fa-info fa-stack-1x"></i> 
 </span>

css

.icon-background2 {
    color: #564363;
}

.fa-info {
  color:pink;
}

JSFiddle Example: https://jsfiddle.net/codejhonny/8feo4k4x/

Comments