Animaciones de carga
111 loaders SVG animados de código abierto. Elige uno, ajusta el color y la velocidad, y exporta
Editor
Elige un loader del catálogo
Elige un loader del catálogo
para empezar a personalizarlo
Ningún loader coincide con tu búsqueda.
Loaders SVG animados gratis
Una selección de animaciones de carga ligeras. Personaliza los colores y la velocidad y expórtalas a SVG o GIF para tus proyectos.
Colección seleccionada
Explora más de 50 animaciones de carga SVG elegidas a mano y organizadas por categorías: spinners, barras, puntos y formas abstractas. Cada loader es ligero y está listo para producción.
Personaliza los colores
Cambia el color de cualquier loader con el selector de color integrado. Adáptalo al instante a la paleta de tu marca sin editar el código SVG.
Ajusta la velocidad
Controla la velocidad de la animación para que encaje con el estilo de tu aplicación. Ralentízala para transmitir calma o acelérala para que la interfaz parezca más rápida.
Varios formatos de exportación
Exporta a SVG optimizado para la web, a GIF animado para una compatibilidad más amplia o copia el código SVG directamente en tu HTML.
Preguntas frecuentes
Sí. Todos los loaders de la colección son de código abierto y gratuitos para uso personal y comercial. No es necesario atribuir la autoría.
Copia el código SVG y pégalo directamente en tu HTML. La animación va integrada en el SVG, sin necesidad de JavaScript ni CSS. También puedes descargar el archivo SVG y enlazarlo con una etiqueta img.
Los loaders SVG no dependen de la resolución, así que se ven nítidos en pantallas Retina. Además, pesan mucho menos, permiten cambiar el color con CSS y no tienen la paleta de colores limitada de los GIF.
Los loaders SVG se adaptan a cualquier tamaño. Basta con definir el ancho y el alto en CSS o en los atributos. Como son vectoriales, se ven nítidos tanto como iconos de 16px como en superposiciones a pantalla completa.