Free Developer Tool
SVG Path Length Calculator
Calculate the total length of an SVG path from its path data.
2
Supported:M L H V C S Q T A Z
Relative:Supported
Length is calculated using the browser's native SVG path geometry API.
What is SVG Path Length Calculator?
Calculate the rendered length of an SVG path from its path data. The result can be useful when working with SVG animations, dashed paths, drawing effects and other vector graphics that depend on path length.
How to use
- Paste SVG path data.
- Calculate the path length.
- Review the calculated length.
- Copy the result if needed.
Features
- SVG path length calculation
- Support for common path commands
- Instant calculation
- SVG path inspection
- Browser processing
Common Use Cases
- SVG animations
- Stroke-dasharray calculations
- Vector graphic analysis
- Icon development
- Frontend development
Example
Input
M10 10 L90 10 L90 90
Output
160
FAQ
What does the calculator measure?
It calculates the total rendered length of the supplied SVG path.
Can it calculate paths containing curves?
Yes. Supported curved path commands can be included in the length calculation.
What unit is the result measured in?
The result uses the coordinate units defined by the SVG path and its coordinate system.
Missing a feature?
If this tool doesn't cover your use case or is missing functionality, please let me know through the Contact page.
New improvements and features are added based on user feedback.