JSFiddle - React, Tailwind, and code Playground

by William Green

HTML

<svg>
  <polygon points="200,10 250,190 160,210" style="fill:lime;stroke:purple;stroke-width:1" />
  <polygon points="0,20 40,20 20,200" style="fill:navy; stroke:orange; stroke-width:5px;"></polygon>
  <polygon points="400,10 340,198 490,78 310,78 460,198" style="fill:blue;stroke:none;fill-rule:nonzero;" />
</svg>

CSS

svg {
  width: 100%;
  height: 100%;
  overflow: auto;
  position: absolute;
  border: 1px dashed #000;
  box-sizing: border-box;
}

html,
body {
  margin: 0;
  padding: 0;
}