Interaktiver SVG-Vektoreditor
Verzögerungsfreier Vektoreditor im Browser für Farben, Strichstärke, viewBox, Transformationen, Abstände, Hintergründe und sofortigen SVG/PNG-Export.
Direct canvas editing: select a part, then drag to move. Use the picker’s Replace selected or Add layer modes to build a composite SVG.
Hefte mehrere angepasste Symbole an und baue ein gemeinsames Symbolblatt.
Noch keine Symbole angeheftet. Hefte Symbole an, um sie in einem Blatt zu sammeln.
KI-Prompts erzeugen oder Symbol auf der Leinwand verbessern
Wähle eine Vorlage, kopiere den Prompt in dein KI-Werkzeug oder verbessere das Symbol auf der Leinwand.
Interaktiver SVG-Vektoreditor
Verzögerungsfreier Vektoreditor im Browser für Farben, Strichstärke, viewBox, Transformationen, Abstände, Hintergründe und sofortigen SVG/PNG-Export.
Hochgeladene .svg-Dateien (bis 2 MB), eingefügtes SVG-XML oder Katalogsuche
Bereinigtes SVG 2.0, High-DPI-PNG/WebP, JSX/TSX, Vue, Svelte, CSS-Maske
Verlustfreie DOM-Pfadbearbeitung mit 50-stufigem Verlauf und lokaler XSS-Bereinigung
So verwendest du Interaktiver SVG-Vektoreditor
-
1
Fügen Sie SVG-Code ein oder laden Sie eine Datei auf die Zeichenfläche.
-
2
Wählen Sie eine Ebene oder einen Knoten und ändern Sie Füllung, Kontur, Radius und Position.
-
3
Aktivieren Sie Raster und Einrastfunktionen für pixelgenaue Ausrichtung.
-
4
Laden Sie das bearbeitete SVG herunter oder kopieren Sie den bereinigten Code.
<circle cx="24" cy="24" r="12" fill="#f59e0b"/>
<circle cx="24" cy="24" r="16" fill="#f59e0b" stroke="#24324a"/>
Einschränkungen
- Pfadgebundener Text (textPath) kann in diesem Editor nicht bearbeitet werden.
- Uploads sind auf 2 MiB pro Datei begrenzt.
- Figma-Exporte müssen als SVG vorliegen (PDF-Exporte werden beim Parsen abgewiesen).
Dateien, die Sie in diesem Arbeitsbereich öffnen oder einfügen, werden lokal in Ihrem Browser verarbeitet. Nichts wird auf einen Server hochgeladen.