HTML Code

<!DOCTYPE html>

<html lang="en">

<head>

  <meta charset="utf-8">

  <title>SVG Polygon — chevron badge</title>

</head>

<body>

  <h1>SVG &lt;polygon&gt; — stroke-only chevron</h1>

  <svg width="200" height="200" role="img" aria-label="Blue stroke-only chevron pointing right">

    <polygon points="40,30 120,100 40,170 60,170 140,100 60,30"

             fill="none" stroke="#2563eb" stroke-width="4"

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

  </svg>

</body>

</html>

Lines: 0 | Characters: 0

Live Preview Auto-refresh on Run

SVG Polygon — chevron badge (Try It)