JSFiddle - React, Tailwind, and code Playground

HTML

<div class="icon "  ></div>
	        <div class="icon icon-orange"  ></div>
	        <div class="icon icon-red"  ></div>

CSS

.icon {
   -webkit-mask: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/18515/heart.svg) no-repeat 50% 50%;
  mask: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/18515/heart.svg) no-repeat 50% 50%;
  -webkit-mask-size: cover;
  mask-size: cover;
     width: 48px;
  height: 48px
}

.icon-orange { background-color: orange; }
.icon-red { background-color: red; }