JSFiddle - React, Tailwind, and code Playground

by Sahin Deniz

HTML

<div>
  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
    <ellipse cx="12" cy="12" rx="12" ry="12"/>
    <text x="6" y="21" fill="#fff" stroke="#000" stroke-opacity="null" stroke-width="0" font-family="Helvetica, Arial, sans-serif" font-size="22" transform="matrix(1 0 0 .93007 0 0)">10</text>
  </svg>
</div>

SCSS

$s: 50px;
div {
  height: $s;
  width: $s;
}