JSFiddle - React, Tailwind, and code Playground

by batcave

HTML

<div class="block"></div>

SCSS

.block {
  position: relative;
  width: 3rem;
  height: 3rem;
  &:after {
    content: '';
    position: absolute;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNyIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDcgMTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTS45IDExLjhhLjg5OS44OTkgMCAwIDEtLjYzNy0xLjUzNkw0LjYyOCA1LjkuMjYzIDEuNTM2QS45LjkgMCAxIDEgMS41MzcuMjY0bDUgNWEuOS45IDAgMCAxIDAgMS4yNzJsLTUgNUEuODk5Ljg5OSAwIDAgMSAuOSAxMS44IiBmaWxsPSIjMEQwRDBEIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=);
    background-repeat: no-repeat;
    background-size: contain;
    top: 50%;
    right: .5rem;
    transform: translateY(-50%);
    width: .4375rem;
    height: .75rem;
  }
}