JSFiddle - React, Tailwind, and code Playground

by EwertonRSilveira

HTML

<svg xmlns="http://www.w3.org/2000/svg"
  xmlns:xlink="http://www.w3.org/1999/xlink">

  <svg x="10">
    <rect x="10" y="10" height="100" width="100" style="stroke:#ff0000; fill: #0000ff"/>
  </svg>
      
  <svg x="200">
    <line x1="10" y1="10" x2="100" y2="10" style="stroke:#009900; fill: #00cc00"/>
      <circle cx="150" cy="35" r="25" />
  </svg>
      
      <circle cx="150" cy="35" r="25" style="stroke:transparent; fill: #00FF06;"/>
      <circle cx="250" cy="35" r="25" style="stroke: #009900; fill: #00ff00;"/>
      
</svg>