URL87 URL87 - 1 year ago 69
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 Source

you should implement this like this:


<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> 


.icon-background2 {
    color: #564363;

.fa-info {

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