JSFiddle - React, Tailwind, and code Playground
HTML
<script src="https://rawgit.com/innovato/fontanimate/master/dist/fontanimate.min.js"></script>
<script src="https://use.fontawesome.com/releases/v5.0.8/js/all.js"></script>
<h1>
<i data-duration="500" data-stroke-width="5" data-stroke="blue" class="fab fa-500px font-animate"></i>
<i data-duration="500" data-stroke-width="5" data-stroke="#FF0000" class="fab fa-apple font-animate"></i>
</h1>
CSS
h1 {
font-size: 10em;
}
JavaScript
$(document).ready(function () {
$('.font-animate').fontAnimate({
fill: 'blue'
});
});