JSFiddle - React, Tailwind, and code Playground

by Mr_Vasu

HTML

<svg  height="400" width="450">
    <path d="M 30 30 L 100 30 L 85 50 L 30 50 Z" stroke="green"
  stroke-width="2" fill="green" />
    <g stroke="green" stroke-width="1" fill="green">
        <circle cx="30" cy="40" r="10" />
    </g>
    <g font-size="12" font="sans-serif" fill="white" stroke="none"
  text-anchor="middle">
    <text x="30" y="30" dx="15" dy="15">Active</text>
  </g>
    <g font-size="12" font="sans-serif" fill="white" stroke="none"
  text-anchor="middle">
    <text x="30" y="30" dx="15" dy="15">Active</text>
  </g>
</svg>