Animierte Key-Icons
48 Icons in Bewegung
Jedes key-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.
KeyWackeln
KeySchwingen
KeyHerzschlag
KeyPulsieren
KeyHüpfen
KeyAufploppen
KeyHerzschlag
KeySchütteln
KeySchwingen
KeyAufploppen
KeySchweben
KeyPulsieren
KeyWackeln
KeyWackeln
KeyHüpfen
KeyWackeln
KeyHüpfen
KeySchweben
KeyHerzschlag
KeyPulsieren
KeySchütteln
KeySchütteln
KeySchwingen
KeyPulsieren
KeySchweben
KeyPulsieren
KeyPulsieren
KeyHüpfen
KeyAufploppen
KeySchweben
KeySchütteln
KeySchwingen
KeyHerzschlag
KeySchweben
KeyPulsieren
KeySchweben
KeyWackeln
KeyHerzschlag
KeyWackeln
KeyHerzschlag
KeyWackeln
KeyHerzschlag
KeySchweben
KeyHerzschlag
KeyAufploppen
KeyAufploppen
KeyHerzschlag
KeySchütteln
Formate animierter key-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 key-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.