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;
}

svg {
  fill-opacity: 0;
  transition: fill-opacity 1s;
}

svg.finished * {
  fill-opacity: 1;
}

JavaScript

$(document).ready(function () {
  $('.font-animate').fontAnimate({
    callback: function (obj) {
 		 	obj.el.classList.add('finished');
		}
  });
});