JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css">
<div class='iconWrapper'>
  <i class='icon fa fa-bars'></i>
</div>

SCSS

.iconWrapper{
  display: table;
  
  width: 50px; height: 50px; 
  background-color: lightgreen;
 
  border-radius: 999px;
  
  i{
      display: table-cell;
      vertical-align: middle;
      text-align: center;
  }
}