JSFiddle - React, Tailwind, and code Playground

HTML

<svg width="400" height="400" viewBox="50 0 200 200">
  <svg width="200" height="200" viewBox="0 0 200 200">
    <circle cx="50" cy="50" r="50" fill="pink"></circle>
  </svg>
   

</svg>

CSS

html, body {
  margin: 0;
  height: 100%;
}

svg {
  background-color: white;
  border: 1px solid pink;
}