Animierte Shield-Icons
48 Icons in Bewegung
Jedes shield-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.
ShieldPulsieren
ShieldHerzschlag
ShieldSchütteln
ShieldPulsieren
ShieldSchwingen
ShieldHerzschlag
ShieldWackeln
ShieldHerzschlag
ShieldSchweben
ShieldSchwingen
ShieldSchütteln
ShieldAufploppen
ShieldSchütteln
ShieldHüpfen
ShieldPulsieren
ShieldSchütteln
ShieldSchwingen
ShieldSchweben
ShieldWackeln
ShieldSchweben
ShieldSchütteln
ShieldHüpfen
ShieldHerzschlag
ShieldWackeln
ShieldPulsieren
ShieldPulsieren
ShieldAufploppen
ShieldHüpfen
ShieldSchütteln
ShieldSchütteln
ShieldSchütteln
ShieldHüpfen
ShieldSchütteln
ShieldSchütteln
ShieldWackeln
ShieldHüpfen
ShieldAufploppen
ShieldHüpfen
ShieldSchwingen
ShieldSchütteln
ShieldAufploppen
ShieldSchwingen
ShieldPulsieren
ShieldHerzschlag
ShieldPulsieren
ShieldWackeln
ShieldAufploppen
ShieldSchwingen
Formate animierter shield-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 shield-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.