hangman demo

// index.html
<svg class="img-container" height="250" width="200">
      <!-- the hanger -->
      <line x1="60" y1="20" x2="140" y2="20"></line>
      <line x1="140" y1="20" x2="140" y2="50"></line>
      <line x1="60" y1="20" x2="60" y2="230"></line>
      <line x1="20" y1="230" x2="100" y2="230"></line>

      <!-- Head -->
      <circle cx="140" cy="70" r="20" class="body-parts"></circle>

      <!-- Body -->
      <line x1="140" y1="90" x2="140" y2="150" class="body-parts"></line>
      <line x1="140" y1="110" x2="170" y2="90" class="body-parts"></line>
      <line x1="140" y1="110" x2="110" y2="90" class="body-parts"></line>
      <line x1="140" y1="150" x2="170" y2="210" class="body-parts"></line>
      <line x1="140" y1="150" x2="110" y2="210" class="body-parts"></line>
</svg>

// style.css
.img-container {
  fill: transparent;
  stroke: white;
  stroke-width: 4px;
  stroke-linecap: round;
}