Change svg color in pseudo element

p:after {
  width: 48px;
  height: 48px;
  display: inline-block;
  content: '';
  -webkit-mask: url(https://gist.githubusercontent.com/mmathys/fbbfbc171233a30e478ad5b87ec4f5d8/raw/cd9219e336b8f3b85579015bdce9665def091bb8/heart.svg) no-repeat 50% 50%;
  mask: url(https://gist.githubusercontent.com/mmathys/fbbfbc171233a30e478ad5b87ec4f5d8/raw/cd9219e336b8f3b85579015bdce9665def091bb8/heart.svg) no-repeat 50% 50%;
  -webkit-mask-size: cover;
  mask-size: cover;
}

.red:after {
  background-color: red;
}

.green:after {
  background-color: green;
}

.blue:after {
  background-color: blue;
}

Source: stackoverflow.com

Similar codes

1 vote312 views1 answer
Text decoration none doesn't remove underline
CSS
0 vote385 views1 answer
Set number word to new line html
CSS
29 votes345 views9 answers
Traduttore
CSS
4 votes403 views3 answers
Css print
CSS
8 votes340 views1 answer
How to get my div to centre of primary div
CSS
12 votes345 views6 answers
Text-align css
CSS
1 vote347 views1 answer
Ion-item no padding ionic 4
CSS
0 vote381 views1 answer
No nobr substitute in html
CSS
15 votes364 views3 answers
Css change text
CSS
0 vote352 views1 answer
Css put background on top of another background image
CSS