Sterne und Symbole aus der Bibliothek
Zeichne Rechtecke, Kreise, Linien und Freihandstriche. Sterne, Polygone, Pfeile und fertige Symbole holst du dir aus der Formenbibliothek.
KOSTENLOSER SVG-EDITOR ONLINE
Vektor-Editor online
Öffne eine SVG, korrigiere eine Form, ändere eine Farbe oder füg eine Zeile Text ein. Danach lädst du die bearbeitete SVG herunter. Der Editor läuft direkt in deinem Browser, installieren musst du nichts.
Kostenlos, ohne AnmeldungDateien bleiben auf deinem GerätKein Wasserzeichen
Dein Vektorarbeitsbereich
Dateien bleiben auf deinem Gerät
Für präzises Bearbeiten empfiehlt sich ein größerer Bildschirm. Hier kannst du den Arbeitsbereich seitlich scrollen.
Dein Arbeitsbereich wird vorbereitet…
Öffne oder speichere eine Datei über das SVG-Edit-Menü. Wähle ein Werkzeug, um mit dem Zeichnen zu beginnen.
Mit SVG-EditSO FUNKTIONIERT'S
SVG-Datei bearbeiten in drei Schritten
Alles passiert online auf dieser Seite. Ein Konto brauchst du nicht.
01
SVG öffnen
Öffne über das Hauptmenü des Editors eine SVG-Datei von deinem Computer. Noch keine Datei zur Hand? Lade das Beispiel oder fang auf einer leeren Fläche mit 800 × 600 an.
02
Bearbeiten
Klick ein Objekt an, um es auszuwählen. Wähl eine neue Füll- oder Konturfarbe, zieh einen Knoten, um eine Kurve umzuformen, oder klick in den Text und tipp los. Vertan? Strg+Z macht den letzten Schritt rückgängig, auf dem Mac Cmd+Z.
03
SVG herunterladen
Über dasselbe Menü speicherst du die Datei als SVG auf deinem Rechner. Formen, Pfade und Text bleiben bearbeitbar, und die Kanten bleiben in jeder Größe scharf.
WERKZEUGE
Ein kostenloser SVG-Editor mit echten Vektorwerkzeugen
Für Logos, Icons und Diagramme oder für die schnelle Korrektur an einer Datei, die du schon hast.
Pfade Punkt für Punkt
Mit dem Pfadwerkzeug zeichnest du Kurven. Danach verschiebst du einzelne Knoten und ihre Anfasser, fügst Knoten hinzu, löschst sie oder wandelst eine beliebige Form in einen Pfad um.
Farbe, Kontur, Verlauf
Stell Füll- und Konturfarbe, Farbverläufe, Linienstärke, Strichelung und Deckkraft ein. Mit der Pipette überträgst du den Stil eines Objekts auf ein anderes.
Text, der bearbeitbar bleibt
Füg Text ein und ändere Größe, fett oder kursiv, Ausrichtung und Abstände. Die Schriften kommen von deinem Gerät. Auf einem anderen Computer kann der Text deshalb anders aussehen.
Ordnung mit Ebenen und Gruppen
Leg Teile einer Zeichnung auf eigene Ebenen. Gruppiere Objekte, richte sie aus, verteile sie gleichmäßig und hol sie nach vorne oder schick sie nach hinten.
Genau platzieren und drehen
Zieh an den Griffen oder tipp genaue Werte für X, Y, Breite und Winkel ein. Mit Rückgängig und Wiederholen probierst du eine Idee aus und gehst bei Bedarf einen Schritt zurück.
Direkt in den SVG-Code
In der Quelltext-Ansicht liest und änderst du den SVG-Code von Hand. Das hilft, wenn du mit den Zeichenwerkzeugen nicht an etwas herankommst, etwa an eine ID oder die viewBox.
Raster und Zoom für feine Details
Blende ein Raster ein, damit die Abstände sauber werden, und zoom an winzige Details heran. Verbindungslinien hängen an zwei Formen und bleiben dran, wenn du eine davon verschiebst.
Andere Dateien einbinden
Öffne SVGs aus anderen Grafikprogrammen und prüf Filter und Effekte, bevor du speicherst. Über die Importfunktion setzt du eine weitere SVG oder ein PNG oder JPG in deine aktuelle Zeichnung.
Was ist eine SVG-Datei?
SVG steht für Scalable Vector Graphics. Eine SVG-Datei speichert keine Pixel, sondern Formen, Linien, Kurven und Text als Anweisungen. Dein Browser zeichnet sie in jeder Größe neu.
Deshalb sieht ein Logo als SVG auf dem Handy genauso scharf aus wie auf dem Plakat fürs Vereinsfest. Du kannst auch später noch eine einzelne Farbe oder Kurve ändern. Bei einem JPG müsstest du Pixel übermalen.
Mit einem Vektorgrafik-Editor im Browser machst du solche Änderungen, ohne ein Grafikprogramm zu kaufen oder zu installieren. Du öffnest die Datei, änderst, was dich stört, und speicherst sie wieder als SVG.
Immer scharf
Ein Icon wächst von 16 px bis zum Banner, ohne unscharf zu werden.
Reiner Text
Eine SVG ist Code, den du in jedem Texteditor öffnen kannst.
Leicht zu ändern
Jede Form, jede Farbe und jedes Wort bleibt ein eigenes Objekt.
FÜR WEN
Wer nutzt diesen Vektor-Editor?
Designer, die Icons und Logos korrigieren
Färb ein Logo für einen dunklen Hintergrund um, mach eine zu dünne Kontur kräftiger oder entfern eine verirrte Form aus einem Icon, bevor du die Datei weitergibst.
Entwickler, die SVGs fürs Web aufräumen
Prüf die viewBox im Quelltext, ändere IDs von Hand, lösch ungenutzte Ebenen und lade die bearbeitete Datei herunter.
Bastler und Maker, die Plotterdateien vorbereiten
Leg jede Farbe auf eine eigene Ebene, lösch Details, die zu klein fürs Messer sind, und bring das Motiv auf die passende Größe, bevor du es in die Software deines Schneideplotters lädst.
Schüler und Lehrkräfte
Zeichne Diagramme, Beschriftungen und einfache Illustrationen für Präsentationen und Arbeitsblätter. Das klappt auch am Schulrechner, auf dem du keine Programme installieren darfst.
Was dieser SVG-Editor online kann und was nicht
Hier siehst du vorab, was funktioniert und was nicht.
Klappt gut
- SVG-Dateien öffnen, bearbeiten und speichern
- Icons, Logos, Badges, Diagramme und einfache Illustrationen
- Farben, Konturen, Text und Pfadformen ändern
- Den SVG-Quellcode von Hand bearbeiten
Geht hier nicht
- Als PNG, JPG oder PDF speichern. Diese Seite speichert nur SVG.
- AI-, EPS- oder PDF-Dateien direkt öffnen. Exportier sie vorher als SVG.
- Ein Foto in Vektorformen umwandeln. Dafür gibt es „Bild vektorisieren“.
- Automatisch speichern. Lade deine SVG herunter, bevor du den Tab schließt.
Du hast noch keine SVG?
Starte mit einem Bild oder einer Textbeschreibung in unseren anderen Tools und öffne das Ergebnis dann hier zum Bearbeiten.
Fragen zum Vektor-Editor online
Öffne deine SVG
Der Editor steht ganz oben auf dieser Seite. Bearbeite deine Datei und lade die SVG herunter, wenn du fertig bist.
Zurück zum Editor