Erstelle bearbeitbare statische oder animierte SVGs aus Text und verfeinere sie mit KI. Nutze den kostenlosen SVG-Code-Editor, Viewer und Konverter für die Vorschau und den Export.
Code bearbeiten, SVGs ansehen und umwandeln ist kostenlos. KI-Anfragen verbrauchen Credits.
SVG-Arbeitsbereich
Ergebnis
Dein SVG erscheint hier
Einstellungen
px
Hintergrund
Format
Kostenlos exportieren. Ohne Registrierung. Ohne Credits.
Bearbeitbarer VektorcodeExporte direkt im BrowserDownloads ohne Anmeldung
ZUM WEITERGESTALTEN GEMACHT
Mit SVGBase erstellte SVG-Beispiele
Lade ein statisches oder animiertes Beispiel in denselben KI-Assistenten. Sieh dir die Vorschau an und lade die SVG lokal herunter oder beschreibe, was die KI ändern soll.
SVG steht für Scalable Vector Graphics. Es beschreibt Formen, Linien und Text als bearbeitbaren Code statt als festes Pixelraster. Öffne ein SVG im Browser, sieh dir den Code an oder gestalte es in einem SVG-Editor nach deinen Vorstellungen.
Gemacht für Icons, Logos, Illustrationen und Diagramme.
Warum SVG statt PNG oder JPG verwenden?
Vektorformen bleiben bei Größenänderungen scharf. Ändere Farben, passe Text an und verwende dasselbe Design auf Websites, in Apps und Präsentationen. Für Fotos oder Bilder mit fester Größe kann ein Rasterformat besser geeignet sein.
Behalte SVG für bearbeitbare Vektorgrafiken. Exportiere PNG für Transparenz oder JPG für ein Bild ohne Transparenz.
SVGs mit KI erstellen, bearbeiten und animieren.
Beschreibe ein neues Design oder bitte die KI, dein aktuelles SVG zu ändern. Prüfe den bearbeitbaren Code zusammen mit der Live-Vorschau und verfeinere und exportiere dein Ergebnis im selben Arbeitsbereich.
Von der Textbeschreibung zum SVG
Beschreibe das gewünschte Motiv, den Stil, die Farben und das Layout. Der KI-Ablauf ist darauf ausgelegt, bearbeitbaren SVG-Code zu liefern, damit du das Ergebnis weiter verfeinern kannst.
Ein vorhandenes SVG verfeinern
Bringe dein eigenes SVG mit und beschreibe eine Änderung, etwa eine neue Farbpalette oder eine einfachere Komposition. Prüfe den erzeugten Code und die Live-Vorschau vor dem Export.
SVG-Animationen erstellen
Lass Icons mit KI zeichnen, rotieren, schweben oder pulsieren. Lade animierte SVGs herunter; PNG, JPG und WebP zeigen ein Standbild.
Bearbeite SVG-Code mit Live-Vorschau kostenlos in SVGBase oder wähle unten einen SVG-Konverter. Speichere Code als SVG-Datei oder wandle SVG im Browser in PNG, JPG, WebP, PDF oder DXF um – ohne Konto oder KI-Credits.
Online-SVG-Viewer
Öffne Icons, Logos, Illustrationen oder Diagramme, ohne eine App zu installieren. Zoome in Details hinein und wechsle den Hintergrund, um Transparenz zu prüfen.
Lade eine SVG-Datei hoch oder füge SVG-Code in den Editor ein.
Prüfe Live-Vorschau, Abmessungen und Hintergrund.
Ändere Farben, Text oder Formen im Code und sieh gültige Änderungen sofort.
Exportiere SVG, PNG, JPG oder WebP im Arbeitsbereich. Nutze die PDF- und DXF-Tools für Dokumente und CAD-Konturen. Alle Konvertierungen laufen kostenlos in deinem Browser.
2D-Konturen für CAD. Lege vor dem Export die physische Größe fest.
WENIGER AUFWAND. MEHR GESTALTEN.
So erstellst, bearbeitest und exportierst du ein SVG.
Von deiner ersten Idee zur bearbeitbaren Vektorgrafik und einer Datei, die du verwenden kannst.
Beschreiben01
Starte mit einer Idee oder einem SVG.
Lade ein SVG hoch, füge Code ein oder wähle ein Beispiel. Wähle im KI-Bereich „Neu generieren“ oder „Aktuelles bearbeiten“ und beschreibe, was du möchtest.
Eine verspielte Rakete in sanftem Violett…
Verfeinern02
Bearbeite mit Live-Vorschau.
Ändere Farben, Text und Formen im SVG-Code-Editor. Prüfe jede Änderung im SVG-Viewer und passe dann die Größe der Zeichenfläche und den Hintergrund an.
<path fill="#7064e9" />
Exportieren03
Wähle dein Dateiformat.
Lade das bearbeitbare SVG herunter oder wandle SVG in PNG, JPG oder WebP um. Wähle Ausgabegröße und Hintergrund und exportiere für deine Website, App oder Präsentation.
SVG PNG JPG WebP
Wähle deinen Tarif.
Kaufe Credits nach Bedarf oder schließe ein Abo ab, um jeden Monat mehr Credits zu erhalten.
+50 % Creditsmit einem Abonnement zum gleichen Preis wie Credit-Pakete.
Mini
Für gelegentliche Ideen.
4,90 $ / einmalig
40 Credits
Credits ohne Ablaufdatum
Kein Abonnement erforderlich
Starter
Empfohlen
Für regelmäßige kreative Projekte.
9 $ / einmalig
80 Credits
Credits ohne Ablaufdatum
Kein Abonnement erforderlich
Creator
Für deinen täglichen Workflow.
19 $ / einmalig
200 Credits
Credits ohne Ablaufdatum
Kein Abonnement erforderlich
Neue Konten erhalten 20 kostenlose Credits. Nach der E-Mail-Bestätigung: bis zu 4 Anfragen im Modus „Schnell“ oder 2 im Modus „Qualität“, auch kombiniert. Erstellen und Bearbeiten kosten gleich viel.
Zahlungsabwicklung über Stripe
Preise in USD, zuzüglich gegebenenfalls anfallender Steuern. Im Checkout wird möglicherweise die Zahlung in deiner Landeswährung angeboten.
Credits pro KI-Anfrage. Erstellen und Bearbeiten kosten gleich viel, ob statisch oder animiert. Gezielte Änderungen: 32 KiB mit Willkommens-Credits oder 64 KiB mit gekauften Credits, jeweils zuzüglich 4 KiB fester Reserve. Vollständige Überarbeitung: bis 8 KiB.
EIN PAAR GUTE FRAGEN
Antworten auf deine SVG-Fragen.
Praktische Antworten zum Ansehen, Bearbeiten, Generieren und Umwandeln von SVG-Dateien.
Wie kann ich eine SVG-Datei öffnen und ansehen?
Lade dein SVG über „SVG hochladen“ hoch oder füge seinen Code im Bereich „SVG-Code“ ein. Der SVG-Viewer zeigt das Ergebnis live an. Prüfe die Grafik mit den Zoom- und Hintergrundeinstellungen, ohne eine App zu installieren.
Kann KI aus einer Textbeschreibung ein bearbeitbares SVG generieren?
Ja. Melde dich an, wähle „Mit KI erstellen“ und beschreibe Motiv, Farben, Stil und Layout. Die KI liefert bearbeitbaren SVG-Code mit Live-Vorschau. Verfeinere dein SVG mit „Mit KI bearbeiten“ und exportiere anschließend das Ergebnis. KI-Aktionen verbrauchen Credits.
Sind Bearbeitung und Downloads wirklich kostenlos?
Ja. Code-Bearbeitung, Vorschau, Größenänderungen, Hintergründe und die Konvertierung in SVG, PNG, JPG, WebP, PDF oder DXF sind kostenlos und erfordern kein Konto. Nur KI-Generierung und -Bearbeitung verbrauchen Credits.
Werden meine Dateien irgendwo hochgeladen?
Lokale Bearbeitung und Exporte laufen in deinem Browser. Ein Entwurf wird auf diesem Gerät gespeichert. Wenn du KI nutzt, werden deine Beschreibung und im Bearbeitungsmodus auch das aktuelle SVG an den Modelldienst gesendet.
Kann ich mit transparentem Hintergrund exportieren?
Ja. SVG, PNG und WebP unterstützen Transparenz. JPG unterstützt sie nicht, daher werden transparente Bereiche beim JPG-Export weiß. Du kannst vor dem Herunterladen auch einen eigenen Hintergrund wählen.
Werden alle Arten von SVG unterstützt?
Der Arbeitsbereich unterstützt SVG-Formen, Text, Verläufe, Masken, Beschneidungspfade, unterstützte Inline-Stile und ein eingeschränktes CSS-Keyframe-Profil. SVG-Downloads erhalten unterstützte Animationen; PNG, JPG und WebP zeigen ein Standbild bei 1 Sekunde. SMIL und nicht unterstütztes CSS werden abgelehnt. Skripte, externe Ressourcen, eingebettetes HTML/Bilder, use/symbol-Referenzen und Filter werden nicht unterstützt. Ungültiger Code blendet die Vorschau aus und deaktiviert Downloads, bis du ihn korrigierst. Schriftarten hängen vom Gerät ab.
Wie ändere ich Farben oder Text in einem SVG?
Ändere im Bereich „SVG-Code“ die Werte von fill oder stroke, um Farben anzupassen, oder ändere den Inhalt eines text-Elements. Die Vorschau aktualisiert sich, sobald der Code gültig ist. In Pfade umgewandelter Text ist eine Grafik und lässt sich nicht wie normaler Text bearbeiten.
Wie wandle ich SVG-Code in PNG um?
Füge deinen SVG-Code in den Editor ein und prüfe die Live-Vorschau. Wähle PNG, lege die Abmessungen der Zeichenfläche und die Exportskalierung fest, wähle einen transparenten oder einfarbigen Hintergrund und klicke auf „Herunterladen“. Die Umwandlung von SVG in PNG läuft in deinem Browser und verbraucht keine KI-Credits.
Was ist der Unterschied zwischen SVG, PNG und JPG?
SVG beschreibt bearbeitbare Vektorformen, die bei Größenänderungen scharf bleiben. PNG ist ein pixelbasiertes Format mit verlustfreier Komprimierung und Transparenz. JPG ist ein pixelbasiertes Format, das häufig für Fotos verwendet wird und keine Transparenz unterstützt. Wenn du ein Foto in eine SVG-Datei umwandelst, wird es dadurch nicht automatisch zu einer Vektorgrafik.
Brauche ich Programmierkenntnisse, um ein SVG zu bearbeiten?
Hochladen, Vorschau, Größenänderungen, das Ändern des Exporthintergrunds und Herunterladen funktionieren ohne Programmieren. Um die Grafik selbst zu ändern, beschreibe dem KI-Editor die gewünschten Änderungen oder bearbeite den SVG-Code direkt. Dies ist kein vollwertiges Vektorzeichenprogramm.
Wie viele Credits verbrauchen „Schnell“ und „Qualität“?
Unterstützte SVGs erstellen oder bearbeiten: Schnell 5 / Qualität 10 Credits pro Anfrage, ob statisch oder animiert. Gezielte Änderungen sind mit Willkommens-Credits bis 32 KiB und mit gekauften Credits oder Abo-Credits bis 64 KiB möglich, jeweils zuzüglich 4 KiB fester Bearbeitungsreserve. Vollständige Überarbeitungen sind bis 8 KiB möglich. Gezielte Änderungen umfassen Farbe, Deckkraft, Verschiebung und Atemanimationen. Der genaue Preis erscheint vor dem Start. Bei fehlgeschlagenen Anfragen werden abgebuchte Credits zurückerstattet. Manuelle Bearbeitung, Vorschau und Export sind kostenlos.
Wann verfallen meine Credits?
Credits aus Paketen verfallen nicht. Abo-Credits werden monatlich gutgeschrieben und verfallen am Ende des jeweiligen Monatszeitraums. Jahrestarife werden einmal jährlich abgerechnet; die Credits werden jeweils für einen Monat freigegeben. Credits mit dem frühesten Ablaufdatum werden zuerst verwendet.
Mit einem SVG fängt etwas Gutes an.
Wähle ein Beispiel. Ändere ein Detail. Mach es zu deinem eigenen.