JSFiddle - React, Tailwind, and code Playground

by and7ey

HTML

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css">
<i class="fa fa-envelope fa-5x fa-border icon-grey"></i>
<span class="badge">100</span>

CSS

*.icon-blue {color: #0088cc}
*.icon-grey {color: grey}
i {   
    width:100px;
    text-align:center;
    vertical-align:middle;
}
.badge{
    background: rgba(0,0,0,0.5);
    width: 100px;
    height: 100px;
    margin: 20px auto;
    border-radius: 50%;
}