Analyse SVG path

Inspect SVG path commands, coordinates, and segment geometry.

freeworks offlinenothing uploaded
ToolSVG Path Analyzer
Input
Output
—
Put this on your own site

The frame below runs the same code as this page, in the reader's own browser. Nothing is sent to us, and nothing is sent to you.

Pick a dark background and the text and panels follow it, so the frame stays readable on a dark page.

Preview

How it works

An SVG path’s command letters and numeric parameters are tokenized into move, line, curve, arc, and close segments; relative coordinates are resolved against the current point. Segment endpoints and lengths can then be inspected without rasterizing the artwork.

  • SVG paths describe resolution-independent geometry rather than pixels.

Worked example

Analyze triangle path commands
Parse a simple triangle SVG path
Input
											M 10 80 L 50 10 L 90 80 Z
Output
												SVG Path Analysis
=================

Total commands: 4
Path string length: 25

Commands:
---------
  [1] M 10 80
      Move to (absolute)
  [2] L 50 10
      Line to (absolute)
  [3] L 90 80
      Line to (absolute)
  [4] Z
      Close path

Statistics:
-----------
  L: 2 (Line to (absolute))
  M: 1 (Move to (absolute))
  Z: 1 (Close path)

Properties:
  Closed path: Yes
  Has curves: No
  Has arcs: No

When to use this

Icon audits, imported logos, and generated-vector validation inspect paths.

Edge cases

  • A relative command depends on the previous current point.
  • Arc flags accept only binary values and change sweep selection.
  • A missing command parameter makes the path incomplete even if later numbers parse.

References