JSFiddle - React, Tailwind, and code Playground

HTML

<svg width=200 height=120>
  <polyline points="20,100 70,50 120,100" fill=none stroke=red stroke-width=20 stroke-linejoin=miter></line>
</svg>
<svg width=200 height=120>
  <polyline points="20,100 70,50 120,100" fill=none stroke=green stroke-width=20 stroke-linejoin=round></line>
</svg>
<svg width=200 height=120>
  <polyline points="20,100 70,50 120,100" fill=none stroke=blue stroke-width=20 stroke-linejoin=bevel></line>
</svg>