JSFiddle - React, Tailwind, and code Playground

HTML

<a href="" class="fleche fleche-droite"></a>
<a href="" class="fleche fleche-gauche"></a>

CSS

.fleche::before {
  display:inline-block;
  content:"";
  border-radius:50%;
  height:20px;
  width:20px;
  line-height:16px;
  font-size:20px;
  text-align:center;
  border:1px solid #AAA;
  color:#444;
}
.fleche-droite::before {
  content:"\AB";
}
.fleche-gauche::before {
  content:"\BB";
}