Code tool

SVG Path Visualizer

Preview strictly parsed SVG path data on a local canvas and inspect normalized commands without importing SVG markup.

In-browser processingNo account requiredPrivacy details ↗

Local canvas preview; no SVG markup. Commands: M L H V C S Q T A Z (absolute or relative). Start with M/m. Separate numbers with spaces or commas. Up to 16,000 characters, 256 expanded commands, absolute parameter values ≤4,096. Arc radii must be nonnegative and flags 0 or 1. Canvas dimensions: integer 16–1,024 px.

A QUICK WALKTHROUGH

How to use this tool

  1. Path data (d only)
  2. Canvas width / Canvas height
  3. Draw path
  4. Normalized commands

Path data (d only)

Local canvas preview; no SVG markup. Commands: M L H V C S Q T A Z (absolute or relative). Start with M/m. Separate numbers with spaces or commas. Up to 16,000 characters, 256 expanded commands, absolute parameter values ≤4,096. Arc radii must be nonnegative and flags 0 or 1. Canvas dimensions: integer 16–1,024 px.

GOOD TO KNOW

Common questions

Path data (d only)

Local canvas preview; no SVG markup. Commands: M L H V C S Q T A Z (absolute or relative). Start with M/m. Separate numbers with spaces or commas. Up to 16,000 characters, 256 expanded commands, absolute parameter values ≤4,096. Arc radii must be nonnegative and flags 0 or 1. Canvas dimensions: integer 16–1,024 px.