Center Arrow

by Lucaskazama

HTML

<div>
  <svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><polyline fill="none" stroke="#000" stroke-width="2" points="9 6 15 12 9 18" transform="matrix(-1 0 0 1 23.5 0)"></polyline></svg>
</div>

CSS

/* reset */
*{
  padding: 0;
  margin: 0;
}
div{
  display: flex;
  border: 2px solid green;
}

svg{
  width: 100px;
  height: 100%;
  border: 3px solid red;
  border-radius: 50%;
}