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

0 vote187 views2 answers
Modal pop up html css
CSS
0 vote205 views1 answer
Wordpress link post tags
CSS
0 vote215 views1 answer
Css textarea background color transparent
CSS
1 vote206 views1 answer
How to open emoji keyboard windows 10
CSS
0 vote234 views1 answer
Css using border top border bottom to create a hamburger icon
CSS
0 vote217 views1 answer
Make the first item at the very top of the screen
CSS
0 vote251 views2 answers
Generate random grid in css
CSS
1 vote214 views1 answer
Css animate border bottom on hover
CSS
127 votes217 views4 answers
React import bootstrap css
CSS
0 vote261 views1 answer
Bootstrap-navbar-brand
CSS Bootstrap