JSFiddle - React, Tailwind, and code Playground

by Aleksandr Zidyganov

HTML

<button class="goback"></button>

SCSS

.goback {
  font-size: 60px;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  border: none;
  background: #0077be;
  position: relative;

  &:before {
    width: .7em;
    height: .7em;
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%) ;
    background: url('data:image/svg+xml;utf8,<svg height="512" width="512" xmlns="http://www.w3.org/2000/svg"><path fill="%23ffffff" d="M352 128.4L319.7 96 160 256l159.7 160 32.3-32.4L224.7 256z"/></svg>');
    -webkit-background-size: contain;
    background-size: contain;
  }
}