UseFreeTools

SVG Path Data Explainer and Editor

Inspect SVG path commands and nudge a selected endpoint or control point with a native path preview.

Inputs stay on your device No sign-up Free to use
How this works

The tool runs in this browser. Your file or text is not uploaded to UseFreeTools. Check this tool's limits for anything it may save on your device.

Privacy details

Path data only, not markup. M/L/H/V/C/S/Q/T/A/Z, upper or lower case. Up to 10,000 characters and 500 expanded commands; coordinates within ±1,000,000.

Numbers follow expanded command groups; repeated coordinate groups are separate commands.

Four numbers. Geometry outside this preview box is clipped; adjust the box to inspect a larger path.

Processed in your browser. Your inputs stay on this device.

Showing a generated example. Generate again for a new result.

How to use SVG Path Data Explainer and Editor

  1. Paste path data without SVG markup.
  2. Inspect command groups and select an editable point or control point.
  3. Enter a bounded nudge, then preview and export the updated path.

Example: SVG Path Data Explainer and Editor

M 10 10 L 30 10 L 20 30 Z, with no nudge.

You add
SVG path data: M 10 10 L 30 10 L 20 30 Z Command number to edit: 2 Parameter point to edit: endpoint Horizontal nudge: 0 Vertical nudge: 0 Preview viewBox: min-X min-Y width height: 0 0 40 40
You get
Explained 4 path commands and nudged command 2 by (0, 0). Sample rows: 1 | M | Absolute | x=10; y=10 | 10, 10; 2 | L | Absolute | x=30; y=10 | 30, 10.

Options

Command number
Numbers refer to expanded command groups. Repeated coordinate groups in one command letter count as separate editable commands.
Point and nudge
Choose the supported endpoint or control point and enter horizontal/vertical changes. The viewBox controls the inspection window rather than rewriting path geometry.

Supported inputs and limits

Path data only, up to 10,000 characters and 500 expanded commands. M/L/H/V/C/S/Q/T/A/Z, absolute and relative forms, with finite coordinates within ±1,000,000 and nudges within ±10,000. Markup, URLs and invalid arc flags are refused. Edit one command’s endpoint, supported control point or its coordinate pairs; arc radii are not dragged. Later relative segments may move too. Inspect the controlled SVG preview; this is not general vector editing or geometry repair.

Where your input is processed

This tool processes your input in this browser. Your text and files are not uploaded to UseFreeTools. Check this tool's limits for anything it may save on your device.

Inspect both the path and its viewBox

A valid edit may move a curve outside the chosen preview window. Expand or shift the viewBox before assuming that geometry disappeared. Relative and absolute command conventions affect how a change is represented in the exported path. Reopen the result in its intended SVG context; this editor does not simplify curves or infer a better shape.

Questions about SVG Path Data Explainer and Editor

Can I paste a complete SVG document?

No. Enter only its path data so unrelated markup and resources cannot run.

How does a relative command differ?

Its coordinates describe an offset from the relevant current point. The explanation and edit retain that command semantics.

Will nudging a point preserve the entire drawing?

No. It changes the selected point, and relative later segments can depend on it. Inspect the resulting path before using it.

Project manager: Tony Hines · Content updated 4 October 2026 · Report a problem

Related tools

All tools in Developer