JSFiddle - React, Tailwind, and code Playground

by Timar

HTML

mask on a div with white background:
<div>
</div>
original image:<br/>
<img src="https://firebasestorage.googleapis.com/v0/b/imagetagai.appspot.com/o/users%2FssSyDaHbAWYm4SCtUi1QKsYEbdG2%2Fimages%2Fb5H2xtfdzwCEwJ_ico_big.webp?alt=media"/>

CSS

body { background:#999;}
div { width:100px; height:100px; background:#fff; -webkit-mask-box-image: url(https://firebasestorage.googleapis.com/v0/b/imagetagai.appspot.com/o/users%2FssSyDaHbAWYm4SCtUi1QKsYEbdG2%2Fimages%2Fb5H2xtfdzwCEwJ_ico_big.webp?alt=media);}