JSFiddle - React, Tailwind, and code Playground

HTML

<div>
  <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
    <circle cx="100" cy="100" r="100" />
  </svg>
</div>

CSS

body { margin:0; /* This is used to reset any browser-default margins */ }

div {
    height:100%;
    width: 100%;
    background:#f00;
}

svg {
  background:#0f0;
}