Dein KI-Agent für SVG

KI-SVG-Generator & Editor

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.

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.

Arbeitsbereich öffnen
SVG EINFACH ERKLÄRT

Was ist SVG?

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.

SVG-Animation ausprobieren

Kostenloser SVG-Editor, Viewer und Konverter

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.

  1. Lade eine SVG-Datei hoch oder füge SVG-Code in den Editor ein.
  2. Prüfe Live-Vorschau, Abmessungen und Hintergrund.
  3. Ändere Farben, Text oder Formen im Code und sieh gültige Änderungen sofort.
SVG-Viewer öffnen

Wähle einen SVG-Konverter

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.

ExportformatGeeignet für
SVGBearbeitbare Vektorgrafiken mit Transparenz.
SVG in PNGPixelbilder mit Transparenz für Grafiken und Präsentationsfolien.
SVG in JPGBilder ohne Transparenz. Ein transparenter Exporthintergrund wird weiß.
SVG in WebPPixelbilder mit Transparenz für Websites.
SVG in PDFEinseitige Dokumente zum Drucken und Teilen.
SVG in DXF2D-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

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

Credits pro KI-Anfrage

AufgabeSchnellQualität
SVG erstellen oder bearbeiten510

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.

Arbeitsbereich öffnen