SVG Path Inspector — Analyze Path Commands & Coordinates

Look inside the geometry of an SVG. The path inspector parses every element, breaks its d-attribute into individual commands — moves, lines, cubic and quadratic Béziers, arcs, and close-path — and lists the coordinate pairs for each, making complex generated paths debuggable.

Features

  • Parses every path element and its d-attribute
  • Breaks paths into commands: M, L, H, V, C, S, Q, T, A, Z (absolute and relative)
  • Shows coordinate pairs per command
  • Detects empty or malformed paths that silently render nothing

How it works

  1. Paste SVG code containing one or more path elements.
  2. Each path is parsed into a readable command breakdown.
  3. Use the breakdown to debug, simplify, or hand-edit path data.

Frequently asked questions

What do the letters in a path d-attribute mean?

Each letter is a drawing command: M moves the pen, L draws a line, C and Q draw Bézier curves, A draws an elliptical arc, and Z closes the shape. Uppercase means absolute coordinates; lowercase means relative.

Why does my path render nothing?

Common causes are an empty d-attribute, a path consisting only of move commands, or zero-size geometry. The inspector flags empty and suspicious paths explicitly.

All processing happens locally in your browser — your SVG code is never uploaded to a server.