Logo- und Icon-Animation
Lass Logos und Icons dezent rotieren, schweben oder pulsieren. Beschreibe, welche Formen unverändert bleiben sollen.
KI-SVG-Animationsgenerator
Beschreibe ein animiertes Icon, Logo oder eine Illustration – oder lade dein SVG hoch und beschreibe die gewünschte Bewegung. Bearbeite Grafik und Animation im selben Arbeitsbereich.
Neues SVG erstellenKI-Verfügbarkeit wird geprüft…
Beschreibe deine Animation
KI-Verfügbarkeit wird geprüft…
Ergebnis
Dein SVG erscheint hier
Einstellungen
px
Hintergrund
SVG
Kostenlos exportieren. Ohne Registrierung. Ohne Credits.
Bearbeitbarer VektorcodeExporte direkt im BrowserDownloads ohne Anmeldung
ZUM WEITERGESTALTEN GEMACHT
Arbeitsbereich öffnenMit SVGBase erstellte SVG-Beispiele
Probiere einen rotierenden Ladekreis, eine schwebende Illustration oder einen sich zeichnenden Pfad aus. Lade ein Beispiel, passe die Bewegung an und lade die SVG herunter.
SVG mit KI animieren
Mit Text oder einem SVG beginnen
Wähle „Animation erstellen“ für ein neues Design oder „SVG animieren“, um eine Datei hochzuladen oder SVG-Code einzufügen. Beschreibe dann die gewünschte Bewegung.
Die Bewegung beschreiben
Beschreibe, welches Element sich bewegt, wie lange und ob sich die Bewegung wiederholt. Wähle „Schnell“ oder „Qualität“ und prüfe die angezeigten Credits, bevor du startest.
Anpassen und ansehen
Beschreibe die nächste Änderung an Farben, Formen oder Bewegung. Starte, pausiere oder wiederhole die Vorschau. Mit „Code ansehen“ kannst du das SVG direkt bearbeiten.
Animiertes SVG herunterladen
Lade eine eigenständige SVG-Datei mit CSS-Animation herunter. PNG, JPG und WebP sind Standbilder zum Zeitpunkt 1 Sekunde.
Ein SVG-Animator für unterschiedliche Aufgaben
Ladeanimationen und Linien
Erstelle einen animierten Ladeindikator oder lasse einen Pfad mit stroke-dashoffset nachzeichnen. Passe das Tempo mit einer weiteren KI-Anfrage an.
Illustrationen und einfache Abläufe
Bewege einzelne Gruppen oder blende sie zeitversetzt ein. Kleine, kompakte SVGs lassen sich zuverlässiger bearbeiten.
Unterstützte SVG-Animationen
Eigenständige CSS-Keyframes für Transformationen, Deckkraft, Farben und Konturen; Schleifen, einmalige Wiedergabe und zeitversetzte Abläufe. Nicht unterstützt werden Skripte, externe Inhalte, SMIL, beliebiges Pfad-Morphing, komplexe Szenen mit Figuren sowie GIF-, Video- und Lottie-Export. Große SVGs können die Grenze für KI-Bearbeitungen überschreiten. Das wird vor der Abbuchung geprüft.
Fragen zu SVG-Animationen
Kann ich vorhandene SVGs mit KI animieren?
Ja. Wähle „SVG animieren“, lade eine Datei hoch oder füge SVG-Code ein und beschreibe die Bewegung. Import und Vorschau laufen lokal; erst bei einer Preisabfrage oder Generierung wird der Quelltext an den Server gesendet.
Ist der SVG-Animationsgenerator kostenlos?
Codebearbeitung im Browser, Beispielvorschau, das Entfernen von Animationen und Downloads sind kostenlos. KI-Generierung und Änderungen verbrauchen die vorab angezeigten Credits. „Schnell“ und „Qualität“ nutzen dasselbe Guthaben wie der KI-Agent auf der Startseite. Berechtigte Konten können Test-Credits erhalten.
Wo funktioniert die heruntergeladene SVG-Animation?
CSS-Animationen können beim direkten Öffnen der SVG-Datei, als <img>-Bild oder inline abgespielt werden. Manche CMS, E-Mail-Programme und Bereinigungswerkzeuge entfernen Stile oder deaktivieren Animationen. Prüfe daher die Zielumgebung. Bei aktivierter Einstellung für reduzierte Bewegung erscheint die statische Grafik.
Kann ich PNG, GIF oder Video exportieren?
SVG behält die Animation. PNG, JPG und WebP sind Standbilder zum Zeitpunkt 1 Sekunde. GIF-, Video- und Lottie-Export werden in dieser Version nicht unterstützt.
Wie viele Credits kosten SVG-Animationen?
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.