Ícones animados de botão
48 ícones com movimento
Todo ícone de botão abaixo está reproduzindo um movimento do animador de ícones. Troque o movimento da página inteira e baixe qualquer ícone como SVG animado, GIF, WebP ou Lottie, ou abra no animador para ajustar.
ButtonFlutuar
ButtonSacudir
ButtonPulsar
ButtonSurgir
ButtonBatimento
ButtonQuicar
ButtonPulsar
ButtonSurgir
ButtonBatimento
ButtonPulsar
ButtonBalançar
ButtonBalançar
ButtonSacudir
ButtonBatimento
ButtonSacudir
ButtonSacudir
ButtonBalançar
ButtonQuicar
ButtonBatimento
ButtonTremer
ButtonFlutuar
ButtonSacudir
ButtonPulsar
ButtonQuicar
ButtonTremer
ButtonBalançar
ButtonQuicar
ButtonSacudir
ButtonBalançar
ButtonBalançar
ButtonBatimento
ButtonQuicar
ButtonFlutuar
ButtonTremer
ButtonBalançar
ButtonFlutuar
ButtonPulsar
ButtonBatimento
ButtonTremer
ButtonSurgir
ButtonBatimento
ButtonSurgir
ButtonSurgir
ButtonPulsar
ButtonBalançar
ButtonFlutuar
ButtonSurgir
ButtonTremer
Formatos de ícones animados de botão
SVG animado
O ícone com o movimento em CSS dentro do arquivo. Funciona em qualquer navegador como imagem ou inline, continua nítido em qualquer tamanho e pesa poucos kilobytes.
GIF e WebP
Arquivos de pixel para slides, chats, e-mail e posts. GIF abre em todo lugar; WebP animado é menor e com alfa suave.
Lottie JSON
Para apps e sites que usam lottie-web, React Native ou fluxos do After Effects. Vetorial, minúsculo e programável.
Movimentos: Pulsar, Quicar, Tremer, Flutuar, Balançar, Batimento, Surgir, Sacudir, Girar, Aparecer, Deslizar, Desenhar. Anime seu próprio ícone →
Perguntas sobre ícones animados de botão
Ainda em dúvida? Leia a licença ou escreva para nós.
Sim. As prévias e os downloads de SVG animado são grátis; arquivos GIF, WebP e Lottie seguem as configurações de download do site e podem pedir login.
SVG animado, GIF, WebP animado e Lottie JSON. Abra o ícone no animador para arquivos MP4, dotLottie e sticker do Telegram.
Adicione como qualquer imagem: <img src="icon.svg">. O movimento é CSS dentro do arquivo, então reproduz sem script. Coloque o SVG inline quando quiser que ele siga a cor do texto.
Sim. Abra o ícone no animador para mudar o movimento, a velocidade, a intensidade e quais partes se movem, e baixe de lá.