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">
<div class='iconWrapper'>
  <i class='icon fa fa-bars'></i>
</div>

CSS

.iconWrapper{
  display: flex;
  justify-content: center;
  align-items: center;
  
  width: 50px; height: 50px; 
  background-color: lightgreen;
 
  border-radius: 50px;
}