ToolsOnline

Online-SVG-Pfad-Editor

Translate / Scale / Rotate auf einen path d anwenden, Live-Vorschau & SVG-Ausgabe


      

Über diesen SVG-Pfad-Editor

Die d-Zeichenfolge eines beliebigen path einfügen, den viewBox festlegen (Standard 0 0 24 24) und dann translateX / translateY, scale und rotate (Grad) anpassen. Die Vorschau rendert das transformierte Ergebnis in Echtzeit als Inline-SVG — praktisch, um Ikonenformen schnell auszurichten.

Die Ausgabe ist ein vollständiges <svg>-Snippet, das den Pfad in <g transform="…"> einschließt; die Transformationen werden in der Reihenfolge Translate → Scale → Rotate kombiniert und lassen sich direkt in eine Icon-Datei oder Seite einfügen. Identitätswerte werden weggelassen, damit der Code sauber bleibt. Die gesamte Verarbeitung läuft lokal im Browser.