JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li><a href="#" class="fbhover"><img src="http://i.imgur.com/nHJ6Loa.png" alt="facebook" /></a>
    </li>
</ul>

CSS

.fbhover{
    display: inline-block;
}
.fbhover:hover {
    background-image:url(http://i.imgur.com/bdMNHnw.png);
    background-repeat:no-repeat;
}
.fbhover:hover > img{
    visibility: hidden;
}