SVG Playground
<polyline>
Draw open multi-segment lines in SVG. Define points and style the stroke.
Preview
SVG Code
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" width="200" height="200"> <polyline points="20,180 60,80 100,140 140,40 180,120" fill="none" stroke="#f59e0b" stroke-width="4" stroke-linejoin="round" /> </svg>
Attributes
Tweak any value to update the preview live.
Each point is an x,y coordinate on the 200×200 canvas. Points connect in order to form the shape.
1
xy
2
xy
3
xy
4
xy
5
xy
Space or comma separated x,y pairs