HTML Code

<!DOCTYPE html>

<html lang="en">

<head>

  <meta charset="utf-8">

  <title>SVG Polyline — zig-zag</title>

</head>

<body>

  <h1>SVG &lt;polyline&gt; — zig-zag with round caps</h1>

  <svg width="240" height="120" role="img" aria-label="Zig-zag polyline with round caps and joins">

    <polyline points="20,60 60,20 100,80 140,30 180,70 220,40"

              fill="none" stroke="#10b981" stroke-width="10"

              stroke-linecap="round" stroke-linejoin="round" />

  </svg>

</body>

</html>

Lines: 0 | Characters: 0

Live Preview Auto-refresh on Run

SVG Polyline — zig-zag with round caps (Try It)