Icone immagine animate
48 icone in movimento
Ogni icona immagine qui sotto sta riproducendo un movimento dell'animatore di icone. Cambia il movimento per l'intera pagina, poi scarica qualsiasi icona come file SVG animato, GIF, WebP o Lottie, oppure aprila nell'animatore per perfezionarla.
ImageScossa
ImagePulsazione
ImageBattito
ImageBattito
ImageScossa
ImageScossa
ImageRimbalzo
ImageRimbalzo
ImageTremolio
ImageOscillazione
ImageRimbalzo
ImageFluttuazione
ImageOscillazione
ImageRimbalzo
ImageScossa
ImageScossa
ImageRimbalzo
ImageBattito
ImageTremolio
ImagePop in
ImageFluttuazione
ImageRimbalzo
ImagePulsazione
ImagePop in
ImagePulsazione
ImageBattito
ImageRimbalzo
ImagePop in
ImagePop in
ImagePop in
ImageOscillazione
ImagePulsazione
ImageFluttuazione
ImageRimbalzo
ImageOscillazione
ImageOscillazione
ImagePulsazione
ImageBattito
ImageBattito
ImageScossa
ImageScossa
ImageTremolio
ImageFluttuazione
ImageTremolio
ImagePulsazione
ImageFluttuazione
ImageTremolio
ImageTremolio
Formati delle icone immagine animate
SVG animato
L'icona con il suo movimento come CSS dentro il file. Funziona in ogni browser come immagine o inline, resta nitida a qualsiasi dimensione e pesa pochi kilobyte.
GIF e WebP
File pixel per slide, chat, email e post social. Il GIF si apre ovunque; il WebP animato è più piccolo con alfa morbido.
Lottie JSON
Per app e siti che usano lottie-web, React Native o flussi di lavoro After Effects. Vettoriale, minuscolo e programmabile.
Movimenti: Pulsazione, Rimbalzo, Tremolio, Fluttuazione, Oscillazione, Battito, Pop in, Scossa, Rotazione, Dissolvenza, Scorrimento, Disegna. Anima la tua icona →
Sì. Le anteprime e i download in SVG animato sono gratis; i file GIF, WebP e Lottie seguono le impostazioni di download del sito e potrebbero richiedere l'accesso.
SVG animato, GIF, WebP animato e Lottie JSON. Apri l'icona nell'animatore per file MP4, dotLottie e sticker Telegram.
Aggiungilo come qualsiasi immagine: <img src="icon.svg">. Il movimento è CSS dentro il file, quindi si riproduce senza script. Inserisci l'SVG inline quando vuoi che segua il colore del testo.
Sì. Apri l'icona nell'animatore per cambiare movimento, velocità, intensità e quali parti si muovono, poi scaricala da lì.