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 vote204 views1 answer
Input type password css
CSS
2 votes188 views2 answers
Ng-multiselect-dropdown custom css
CSS
0 vote190 views1 answer
Media query not working with rem
CSS
0 vote198 views1 answer
Scss import class from another file
CSS
18 votes164 views2 answers
Red rgba
CSS
0 vote183 views1 answer
Css media queries if else
CSS
85 votes185 views5 answers
Scroll css
CSS
0 vote187 views3 answers
Howto stop the screen from zooming in when I click on input tag on mible
CSS
0 vote181 views2 answers
How set image at top in wordpress
CSS
0 vote202 views1 answer
Media queries and or conditions
CSS