JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<a class="mylink" href="#">Наведи на меня курсором</a>

CSS

a.mylink:before {
  font-family: FontAwesome;
  content: "\f2dc";
  display: inline-block;
  padding-right: 5px;
  vertical-align: middle;
  color: #F00;
}
a.mylink:hover:before {
  content: "\f099";
   color: #0CD;
}