Animierte Daten-Icons
48 Icons in Bewegung
Jedes Daten-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.
DatenSchütteln
DatenHüpfen
DatenSchwingen
DatenPulsieren
DatenHerzschlag
DatenSchweben
DatenSchütteln
DatenWackeln
DatenAufploppen
DatenWackeln
DatenPulsieren
DatenWackeln
DatenSchwingen
DatenSchütteln
DatenHerzschlag
DatenSchwingen
DatenSchütteln
DatenAufploppen
DatenHerzschlag
DatenHüpfen
DatenSchütteln
DatenSchweben
DatenSchweben
DatenSchütteln
DatenHerzschlag
DatenAufploppen
DatenSchütteln
DatenSchwingen
DatenHüpfen
DatenWackeln
DatenAufploppen
DatenPulsieren
DatenAufploppen
DatenSchweben
DatenAufploppen
DatenAufploppen
DatenHerzschlag
DatenHerzschlag
DatenPulsieren
DatenAufploppen
DatenHerzschlag
DatenAufploppen
DatenSchweben
DatenWackeln
DatenSchweben
DatenHüpfen
DatenPulsieren
DatenSchweben
Formate animierter Daten-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 Daten-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.