✏️

SVG Path Editor

Preview and edit SVG path data in real time

Path d Attribute

Samples

viewBox

Stroke Color #333333

Fill Color #4a90d9

Stroke Width

Show Fill Show Stroke Show Control Points

How to Use

Enter SVG path d attribute data to see a real-time preview.

Real-time preview
viewBox settings
Stroke/fill toggle
Control point display
Sample paths

Use cases

Fine-tune SVG icon paths
Visually verify SVG d attribute data

Share

X Facebook LINE

Related Tools