JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css">
<i class="fa fa-cog line correct fa-spin" aria-hidden="true"></i>
<i class="fa fa-circle-thin line correct fa-spin" aria-hidden="true"></i>
<i class="fa fa-certificate line correct fa-spin" aria-hidden="true"></i>
<i class="fa fa-circle line correct fa-spin" aria-hidden="true"></i>
<i class="fa fa-compass line correct fa-spin" aria-hidden="true"></i>
<i class="fa fa-minus-circle line correct fa-spin" aria-hidden="true"></i>
<i class="fa fa-futbol-o line correct fa-spin" aria-hidden="true"></i>
<i class="fa fa-life-ring line correct fa-spin" aria-hidden="true"></i>
<i class="fa fa-sun-o line correct fa-spin" aria-hidden="true"></i>

CSS

.line {
    font-size: 200px; 
    line-height: 176px;
}