Dev Tools

SVG Path Editor/Optimizer

Edit, visualize, and optimize SVG path data

SVG Path Data

Enter SVG path data to edit and visualize

Preview

Visual representation of the SVG path

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