JSFiddle - React, Tailwind, and code Playground

HTML

<svg width="500" height="400">
  <circle cx="100" cy="100" r="100" transform="translate(100, 100)"> 
  </circle>
</svg>

CSS

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