JSFiddle - React, Tailwind, and code Playground

HTML

<ul> 
    <li class="facebook"><a href="facebook.com/3ndvorg/">Facebook</a></li>
    <li class="twitter"><a href="twitter.com">Twitter</a></li>
    <li class="rss"><a href="">Subscribe</a></li> 
</ul>

CSS

.facebook a {
    padding-left: 20px;
    /* 
    Apologies to hooplablog.com for stealing the image! 
    Use your own image for the proper implementation.
    */
    background: url(http://hooplablog.com/wp-content/uploads/2011/01/facebook-icon.jpg) no-repeat left;
}

.twitter a {
    padding-left: 20px;
    /* 
    Apologies to keepstream.com for stealing the image! 
    Use your own image for the proper implementation.
    */
    background: url(http://keepstream.com/images/icons/profile/twitter.png?1307495635) no-repeat left;
}

.rss a {
    padding-left: 20px;
    /* 
    Apologies to screendaily.com for stealing the image! 
    Use your own image for the proper implementation.
    */
    background: url(http://www.screendaily.com/magazine/graphics/buttons/b_rss.png) no-repeat left;
}