JSFiddle - React, Tailwind, and code Playground

by chrisfrisina

HTML

<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%">
  <!--triangle(3)-->
  <path         d="M50,0 100,100 0,100z" fill-opacity="0" stroke="black" transform="translate(0,0)"/>
  <!--square(4)-->
  <path         d="M0,200 100,200 100,300 0,300z" fill-opacity="0" stroke="black" transform="translate(100,0)"/>
  <!--pentagon(5)-->
  <path         d="M294,3 585.246118,214.602691 474,556.983037 114,556.983037 2.753882,214.602691z" fill-opacity="0" stroke="black"/>
 -->  <!--hexagon(6)-->
  <path         d="M723,314 543,625.769145 183,625.769145 3,314 183,2.230855 543,2.230855 723,314z" fill-opacity="0" stroke="black"/>
  <!--septagon(7)-->
  <!--octogon(8)-->
</svg>