JSFiddle - React, Tailwind, and code Playground

by Egli

HTML

<div style="position:relative; width:300px; height:500px; background-color:pink; padding:0; margin:0;">
  <svg style="position:absolute; top:0; left:0;" xmlns="http://www.w3.org/2000/svg"
      xmlns:xlink="http://www.w3.org/1999/xlink">

    <polygon points="50,5   100,5  125,30  125,80 100,105
                     50,105  25,80  25, 30"
            style="stroke:#660000; fill:#cc3333; stroke-width: 3;"/>

  </svg>
  <svg style="position:absolute; bottom:0; right:0;" xmlns="http://www.w3.org/2000/svg"
      xmlns:xlink="http://www.w3.org/1999/xlink">

    <polygon points="50,5   100,5  125,30  125,80 100,105
                     50,105  25,80  25, 30"
            style="stroke:#660000; fill:#cc3333; stroke-width: 3;"/>

  </svg>
</div>
</div>