JSFiddle - React, Tailwind, and code Playground

HTML

<div><i class="icon"></i><i class="noicon"></i></div>
<div><i class="icon"></i></div>

CSS

body {
    font-size: 2em;   
}

div {
    background: red;
}

i {
    display: inline-block;
    width: 1em;
    height: 1em;
    background: green;
    vertical-align: top;
}

i.icon:before {
    content: 'Ω';
}

i.icon:hover:before {
    content: '';
}