JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css">
<div style="border: 1px solid black; overflow: hidden; width: 1em;">
    <i class="fa fa-long-arrow-right fa-slide" style="border: 1px solid black;"></i>
</div>

CSS

.fa-slide {
    animation: slide 2s infinite linear;
}
@keyframes slide {
  0% { transform: translateX(0em); }
  100% { transform: translateX(1em); }
}