SVG Dashed Line Generator

  • Controls
  • Dash Style

SVG Width

SVG Height

Stroke Width

x1

x2

Vertical Position

y1

y2

Select Color #

Markup

CSS

Continue Editing
Get Code

A simple dashed lines generator for web using SVG stroke-dasharray attribute as documented on MDN.