JSFiddle - React, Tailwind, and code Playground
HTML
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.7.2/css/all.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.7.2/css/all.min.css">
<button class="btn">
yeah
</button>
CSS
.btn {
padding-left: 32px;
position: relative;
}
.btn:before {
position: absolute;
font-family: 'FontAwesome';
top: 0;
left: 10px;
content: '\f107';
}