JSFiddle - React, Tailwind, and code Playground

HTML

<svg width=600>
  <line x1=10 y1=10 x2=350 y2=10 stroke="skyblue" stroke-width=20 stroke-linecap=butt></line>
  <line x1=10 y1=70 x2=350 y2=70 stroke="pink" stroke-width=20 stroke-linecap=round></line>
  <line x1=10 y1=130 x2=350 y2=130 stroke="green" stroke-width=20 stroke-linecap=square></line>
</svg>