JSFiddle - React, Tailwind, and code Playground

by eddiemonge

HTML

<a href=""><span></span>Twitter</a>

CSS

a {
    display: inline-block;
}
    
a span {
    background: url('http://caffegelato.client-proof.com/wp-content/themes/luxuos/images/social/CG_icon_set_35px_v2.png') no-repeat top left;
    width: 35px;
height: 35px;
    display: inline-block;
    margin-right: 10px;
    vertical-align: top;
}
a:hover span {
    background: url('http://caffegelato.client-proof.com/wp-content/themes/luxuos/images/social/CG_icon_set_35px_v2.png') no-repeat bottom left;
}