JSFiddle - React, Tailwind, and code Playground

by Dogbert

HTML

<svg width="400" height="400">
  <rect x="0" y="0" width="400" height="400" />
  
  <!-- <rect x="100" y="100" width="60" height="20" /> -->
  <circle cx="100" cy="100" r="22" />
  
  <circle cx="150" cy="160" r="5" />
  
  <path d="M150 160 L110 120 Z" stroke="black" />
</svg>

CSS

svg {
  display: block;
  margin: 20px auto;
}

rect, circle {
  stroke-width: 1px;
  stroke: black;
  fill: none;
}