SVG Path Editor — Free Visual Tool

Free online SVG path editor and viewer. Paste path data for instant preview, use shape presets, customize stroke and fill, and copy optimized SVG code.

May 16, 2025 · 1 min · 94 words · Productivity Works Editorial | Translations:

SVG Path Editor

Path Data (d attribute)

Shape Presets

Stroke & Fill

Stroke Color

Stroke Width

Fill Color

Fill Opacity

Scale & Translate

Scale X

Scale Y

Translate X

Translate Y

Preview

Commands —

Path Length —

Bounding Box —

Data Size —

Output & Actions

Generated SVG Code

Copied!

Generate CSS gradients → CSS Gradient Generator

Build color palettes → Color Palette Generator

Create favicons → Favicon Generator

SVG Path Editor

Related Tools#

Related Tools