Animierte Door-Icons
48 Icons in Bewegung
Jedes door-Icon unten spielt eine Bewegung aus dem Icon-Animator. Wechseln Sie die Bewegung für die ganze Seite und laden Sie jedes Icon als animiertes SVG, GIF, WebP oder Lottie, oder öffnen Sie es im Animator zum Feinschliff.
DoorHerzschlag
DoorSchwingen
DoorSchütteln
DoorPulsieren
DoorSchwingen
DoorSchweben
DoorPulsieren
DoorHüpfen
DoorPulsieren
DoorSchwingen
DoorPulsieren
DoorSchweben
DoorPulsieren
DoorAufploppen
DoorSchweben
DoorAufploppen
DoorSchweben
DoorHüpfen
DoorWackeln
DoorWackeln
DoorHerzschlag
DoorHüpfen
DoorAufploppen
DoorHüpfen
DoorSchwingen
DoorSchütteln
DoorWackeln
DoorAufploppen
DoorSchweben
DoorWackeln
DoorHerzschlag
DoorHüpfen
DoorSchwingen
DoorPulsieren
DoorWackeln
DoorHerzschlag
DoorHerzschlag
DoorHerzschlag
DoorPulsieren
DoorAufploppen
DoorHerzschlag
DoorSchweben
DoorAufploppen
DoorSchütteln
DoorWackeln
DoorHerzschlag
DoorSchweben
DoorPulsieren
Formate animierter door-Icons
Animiertes SVG
Das Icon mit seiner Bewegung als CSS in der Datei. Läuft in jedem Browser als Bild oder inline, bleibt in jeder Größe scharf und wiegt wenige Kilobyte.
GIF und WebP
Pixeldateien für Folien, Chats, E-Mail und Social Media. GIF öffnet überall; animiertes WebP ist kleiner mit weicher Transparenz.
Lottie JSON
Für Apps und Seiten mit lottie-web, React Native oder After-Effects-Workflows. Vektor, winzig und skriptbar.
Bewegungen: Pulsieren, Hüpfen, Wackeln, Schweben, Schwingen, Herzschlag, Aufploppen, Schütteln, Drehen, Einblenden, Hereingleiten, Zeichnen. Eigenes Icon animieren →
Fragen zu animierten door-Icons
Noch unsicher? Lies die Lizenz oder schreib uns.
Ja. Vorschau und animierte SVG-Downloads sind kostenlos; GIF-, WebP- und Lottie-Dateien folgen den Download-Einstellungen der Seite und können eine Anmeldung verlangen.
Animiertes SVG, GIF, animiertes WebP und Lottie JSON. Öffnen Sie das Icon im Animator für MP4, dotLottie und Telegram-Sticker.
Wie jedes Bild einbinden: <img src="icon.svg">. Die Bewegung ist CSS in der Datei und läuft ohne Skript. Inline einfügen, wenn es der Textfarbe folgen soll.
Ja. Öffnen Sie das Icon im Animator, ändern Sie Bewegung, Tempo, Stärke und die bewegten Teile und laden Sie es von dort.