JSFiddle - React, Tailwind, and code Playground

HTML

<svg width="400" height="300">
  <rect fill="orange" x="10" y="10" width="50" height="40"></rect>
  <svg x="100" width="20">
    <rect fill="red" x="10" y="10" width="50" height="40"></rect>
  </svg>
</svg>

CSS

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