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 vote314 views1 answer
Bootstrap.min.css code download
CSS
0 vote286 views1 answer
Bootstrap accessibility
CSS
2 votes409 views1 answer
Bootstrap class="mb-3"
CSS Bootstrap
18 votes384 views5 answers
Col-md-6 bootstrap
CSS Bootstrap
0 vote316 views1 answer
Html css limit page to a4
CSS
0 vote324 views1 answer
.container
CSS
0 vote367 views1 answer
List-style-type flex
CSS
0 vote359 views1 answer
How to see applications installed by wine cmd
CSS
0 vote334 views1 answer
Adding active Class with JavaScript
CSS
190 votes501 views6 answers
How to use css in html
CSS