JSFiddle - React, Tailwind, and code Playground

HTML

<div class="line">
  <a class="fa fa-cogs">TEST</a>
  </div>

CSS

.line {
display:block;
margin:50px auto;
text-align:center;
background:rgba(192,57,43,.7);
width:40%;
height:2px;
border-radius:5px;
}
  .line a {
width:50px !important;
height:50px !important;
font-size:34px;
color:#e74c3c;
position:relative;
top:-25px;
background:#fff;
padding:0px 10px;

}