JSFiddle - React, Tailwind, and code Playground

HTML

<a class="link" href="#">
  <i class="i i--icon">#</i>
  Text
  <i class="i i--icon">#</i>
</a>

CSS

.link {text-decoration: none;}

.link i {
    color:black;
    font-size: 25px;
}
.link i:nth-child(2) {
    color: red;
}