JSFiddle - React, Tailwind, and code Playground

HTML

<ul class="g-tabs">
<li><a href="#" id="popover">New <i class="icon-plus-sign"></i></a></li>
    <li><a href="#" id="popover">More New <i class="icon-plus-sign"></i></a></li>
    <li><a href="#" id="popover">No JS <i class="icon-plus-sign"></i></a></li>
</ul>

CSS

.icon-plus-sign:before
{
    content: "*";
}
.icon-plus-sign
{
display:none;
}
.g-tabs a:hover>.icon-plus-sign
{
    display:inline-block;
}