Icone nuvola animate
48 icone in movimento
Ogni icona nuvola 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.
CloudScossa
CloudFluttuazione
CloudFluttuazione
CloudFluttuazione
CloudPulsazione
CloudBattito
CloudRimbalzo
CloudTremolio
CloudFluttuazione
CloudPop in
CloudScossa
CloudPulsazione
CloudPulsazione
CloudOscillazione
CloudRimbalzo
CloudScossa
CloudTremolio
CloudFluttuazione
CloudTremolio
CloudTremolio
CloudRimbalzo
CloudPop in
CloudOscillazione
CloudRimbalzo
CloudPulsazione
CloudFluttuazione
CloudFluttuazione
CloudTremolio
CloudOscillazione
CloudFluttuazione
CloudRimbalzo
CloudPulsazione
CloudFluttuazione
CloudRimbalzo
CloudPop in
CloudBattito
CloudOscillazione
CloudTremolio
CloudBattito
CloudFluttuazione
CloudScossa
CloudPop in
CloudScossa
CloudOscillazione
CloudOscillazione
CloudFluttuazione
CloudTremolio
CloudRimbalzo
Formati delle icone nuvola 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ì.