LazyTools

SVG Path Editor/Optimizer

Edit, visualize, and optimize vector SVG path data.

SVG Path Data
Enter SVG path data to edit and visualize
Preview
Visual representation of the SVG path
Path Analysis
Information about the SVG path
5
30 characters
4
M: 1
H: 2
V: 1
L: 1
Optimized Path
21 characters (30.0% smaller)
M10 10H90V90H10L10 10

SVG Path Commands

  • M/m - Move to (absolute/relative)
  • L/l - Line to (absolute/relative)
  • H/h - Horizontal line (absolute/relative)
  • V/v - Vertical line (absolute/relative)
  • C/c - Cubic Bézier curve (absolute/relative)
  • Q/q - Quadratic Bézier curve (absolute/relative)
  • A/a - Elliptical arc (absolute/relative)
  • Z/z - Close path