JSFiddle - React, Tailwind, and code Playground

HTML

<table>
    <tr>
        <td class="fa fa-info-circle">
            <a href="info.html">About Us</a>
        </td>
    </tr>
</table>

CSS

.fa-info-circle:before{
content:url(http://files.softicons.com/download/toolbar-icons/free-tabs-icons-by-kevin-andersson/png/40x40/Circle-Info.png);
height: 50px;
width: 50px;
    
display:block; /* here is the solution */

}

td.fa-info-circle {
 display: block;
}