JSFiddle - React, Tailwind, and code Playground

by Rishi Kumar

HTML

<svg>
  <path fill="green" stroke="white" d="m 48.999998,40.714287 a 16.071428,11.857142 0 1 1 -32.142857,0 16.071428,11.857142 0 1 1 32.142857,0 m 54.800776,-7.9412799 a 53.386562,17.147339 0 1 1 -106.773125,0 53.386562,17.147339 0 1 1 106.773125,0 z m 54.800776,-7.9412799 a 53.386562,17.147339 0 1 1 -106.773125,0 53.386562,17.147339 0 1 1 106.773125,0 m -5.7331306,20.627303 c 0,5.342382 -12.8846504,9.67209 -28.7810944,9.67209 -15.896447,0 -28.782633,-4.329708 -28.782633,-9.67209 0,-5.342381 12.887723,-9.67209 28.782633,-9.67209 15.896444,0 28.7810944,4.329709 28.7810944,9.67209 l 0,0"></path>
</svg>