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 vote228 views1 answer
Set background transparency
CSS
1 vote316 views1 answer
Mini-css-extract-plugin
CSS
0 vote282 views1 answer
Add padding to gnome terminal
CSS
0 vote274 views1 answer
Css offset border
CSS
4 votes276 views1 answer
Add shadows on an image css
CSS
8 votes284 views1 answer
Remove botton styles
CSS
0 vote279 views1 answer
Select after not visible
CSS
0 vote278 views1 answer
Css set strong to normal text
CSS
2 votes296 views1 answer
Set table cellpadding and cellspacing in CSS
CSS
0 vote289 views1 answer
Make previous commit master
CSS