✏️Developer

SVG Path Editor

Edit SVG path data with live preview, fill and stroke controls, viewBox settings, and shape presets.

Presets

Path Data (d)

Preview

Style Controls

Fill

No fill

Stroke

Stroke Width0px

ViewBox

minX

minY

width

height

SVG Markup

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24">
  <path
    d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"
    fill="#2dd4bf"
    stroke="#000000"
    stroke-width="0"
  />
</svg>

Back to all tools