Icone pulsante animate
48 icone in movimento
Ogni icona pulsante 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.
ButtonFluttuazione
ButtonScossa
ButtonPulsazione
ButtonPop in
ButtonBattito
ButtonRimbalzo
ButtonPulsazione
ButtonPop in
ButtonBattito
ButtonPulsazione
ButtonOscillazione
ButtonOscillazione
ButtonScossa
ButtonBattito
ButtonScossa
ButtonScossa
ButtonOscillazione
ButtonRimbalzo
ButtonBattito
ButtonTremolio
ButtonFluttuazione
ButtonScossa
ButtonPulsazione
ButtonRimbalzo
ButtonTremolio
ButtonOscillazione
ButtonRimbalzo
ButtonScossa
ButtonOscillazione
ButtonOscillazione
ButtonBattito
ButtonRimbalzo
ButtonFluttuazione
ButtonTremolio
ButtonOscillazione
ButtonFluttuazione
ButtonPulsazione
ButtonBattito
ButtonTremolio
ButtonPop in
ButtonBattito
ButtonPop in
ButtonPop in
ButtonPulsazione
ButtonOscillazione
ButtonFluttuazione
ButtonPop in
ButtonTremolio
Formati delle icone pulsante 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ì.