JSFiddle - React, Tailwind, and code Playground

by thirtydot

HTML

<span class="hasIcon">
    <span class="someText"></span>
    <span class="someBackground"></span>
</span>

CSS

.hasIcon { 
    display: inline-block; 
    position: static; 
    height: 30px; width: 30px; 
    background-color: none; 
    background: url("http://www.franckreich.de/x/IMG/gen/6060dummy.png") no-repeat; 
    background-size: 30px 30px;
    
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
                src='http://www.franckreich.de/x/IMG/gen/6060dummy.png',
                sizingMethod='scale');
    }