How could I color the icons independently, I want the heart to be yellow and the circle to be red, but it doesn't work for me. I tried with color but neither
Thank you for reading
.fa-circle {
background: red;
}
.fa-heart{
background: yellow;
}
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">
<span class="fa-stack fa-2x">
<i class="fas fa-circle fa-stack-2x"></i>
<i class="far fa-heart fa-stack-1x fa-inverse"></i>
</span>
If you use you
before
can apply as muchbackground
ascolor
. Proof:It was like this for me:
Alvamon6, you just have to change the background style to color.
HTML
And the result would be like this