ToolsOnline

Online SVG Path Editor

Apply translate / scale / rotate to a path d, live preview & SVG output


      

About this SVG path editor

Paste any path's d string, set the viewBox (default 0 0 24 24), then adjust translateX / translateY, scale and rotate (degrees). The preview renders the transformed result as an inline SVG in real time — handy for aligning icon shapes quickly.

The output is a complete <svg> snippet wrapping the path in <g transform="…">, with transforms composed in translate → scale → rotate order, ready to paste into an icon file or page. Identity values are omitted so the code stays clean. All processing happens locally in your browser.