JSFiddle - React, Tailwind, and code Playground

HTML

<svg>
    <defs>
  <mask id="mask1" x="0" y="0" width="100" height="100" >
      <image xlink:href="http://tau.rghost.ru/8mcTWyrw5/thumb.png" x="0" y="0" width="100" height="100"/>
  </mask>
</defs>


<rect x="1" y="1" width="100" height="100" style="stroke: none; mask: url(#mask1)"/>
</svg>

CSS

rect {
    fill: #0000ff;
}