JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<div>
      <a href="#">View Full Chart <i class="fa fa-info-circle" aria-hidden="true"></i></a>
    </div>

CSS

body{
  font-family: Arial, 'sans-serif';
}
a {
    font-weight: 500;
    font-size: 30px;
    color: #000;
}
i {
    font-size: 12px !important;
    font-weight: 300;
    vertical-align:middle;
}