JSFiddle - React, Tailwind, and code Playground

by Andrew Golightly

HTML

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css">
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css">
<ul class="list-inline">
    <li><a href="#"><i class="fa fa-2x fa-facebook-square"></i></a></li>
    <li><a href="#"><i class="fa fa-2x fa-twitter-square"></i></a></li>
    <li><a href="#"><i class="fa fa-2x fa-plus-square"></i></a></li>
</ul>

CSS

.fa {
    background-color: white;
    border-radius: 50%;
}

body {
    background-color: black;
}