Animações de carregamento
111 loaders SVG animados open source. Escolha um, ajuste a cor e a velocidade e exporte
Editor
Escolha um loader no catálogo
Escolha um loader no catálogo
para começar a personalizar
Nenhum loader corresponde à busca.
Loaders SVG animados grátis
Uma biblioteca selecionada de animações de carregamento leves. Personalize as cores e a velocidade e exporte em SVG ou GIF para os seus projetos.
Coleção selecionada
Explore mais de 50 animações de carregamento SVG escolhidas a dedo e organizadas por categoria — spinners, barras, pontos e formas abstratas. Cada loader é leve e está pronto para produção.
Personalize as cores
Mude a cor de qualquer loader com o seletor de cores integrado. Combine com a paleta da sua marca na hora, sem editar o código SVG.
Ajuste a velocidade
Controle a velocidade da animação para combinar com o ritmo do seu aplicativo. Deixe mais lenta para uma experiência calma ou mais rápida para passar sensação de desempenho.
Vários formatos de exportação
Exporte como SVG otimizado para a web, GIF animado para maior compatibilidade ou copie o código SVG direto para o seu HTML.
Perguntas frequentes
Sim. Todos os loaders da coleção são open source e gratuitos para uso pessoal e comercial. Não é preciso dar crédito.
Copie o código SVG e cole diretamente no seu HTML. A animação fica embutida no SVG — não é preciso JavaScript nem CSS. Você também pode baixar o arquivo SVG e referenciá-lo com uma tag img.
Loaders SVG não dependem de resolução, ou seja, continuam nítidos em telas Retina. Eles também têm arquivos bem menores, permitem mudar a cor via CSS e não têm a paleta de cores limitada dos arquivos GIF.
Loaders SVG se ajustam a qualquer tamanho. Basta definir a largura e a altura no CSS ou em atributos inline. Como são vetores, ficam nítidos tanto em ícones de 16 px quanto em sobreposições de tela cheia.