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: table;
	width: 50px; height: 50px; 
	background-color: lightgreen;
	border-radius: 999px;
}
.iconWrapper i {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}