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>
  <button onclick="alert('Clicked!')" disabled>
    <i class="fa fa-facebook-square"></i>
  </button>
</div>

CSS

i.fa {
  font-size: 40px;
  margin: 10px;
}