JSFiddle - React, Tailwind, and code Playground

HTML

<svg width="350px" height="325px" version="1.1" xmlns="http://www.w3.org/2000/svg">
  <path d="M80 80
           A 45 45, 0, 0, 0, 125 125
           L 125 80 Z" fill="green"/>
  <path d="M230 80
           A 45 45, 0, 1, 0, 275 125
           L 275 80 Z" fill="red"/>
  <path d="M80 230
           A 45 45, 0, 0, 1, 125 275
           L 125 230 Z" fill="purple"/>
  <path d="M230 230
           A 45 45, 0, 1, 1, 275 275
           L 275 230 Z" fill="blue"/>
</svg>

<svg width="35px" height="35px" version="1.1" xmlns="http://www.w3.org/2000/svg">

<rect x="10" y="10" width="300" height="100" fill="pink"/>
<rect x="60" y="10" rx="15" ry="15" width="100" height="30" fill="grey" />
</svg>