Animación de logotipos e iconos
Añade una rotación, flotación o pulsación sutil a tus gráficos vectoriales. Conserva las formas originales y una imagen estática que funcione por sí sola.
Generador de animaciones SVG con IA
Describe un icono, logotipo o ilustración en movimiento, o sube un SVG e indica al agente qué debe moverse. Edita el diseño y su movimiento en un mismo espacio de trabajo.
Crear un SVG nuevoComprobando la disponibilidad de la IA…
Describe tu animación
Comprobando la disponibilidad de la IA…
Resultado
Tu SVG aparecerá aquí
Configuración
px
Fondo
SVG
Exportación gratuita. Sin registro. Sin créditos.
Código vectorial editableExportaciones en el navegadorDescargas sin iniciar sesión
PARA HACERLOS TUYOS
Abrir espacio de trabajoEjemplos de SVG creados por SVGBase
Prueba un indicador de carga giratorio, una ilustración flotante o una animación de dibujo de trazos. Carga un ejemplo, cambia el movimiento y descarga el SVG.
Cómo animar SVG con IA
Empieza con texto o con tu SVG
Elige Crear animación para un diseño nuevo, o Animar SVG para subir un archivo o pegar código SVG. Después, describe qué debe moverse.
Describe el movimiento
Indica qué parte se mueve, la duración y si se repite en bucle o se reproduce una sola vez. Elige Rápido o Calidad y revisa el coste en créditos antes de generar.
Ajusta el resultado y previsualízalo
Describe el siguiente cambio para ajustar colores, formas o movimiento. Reproduce, pausa o reinicia la vista previa. Abre Ver código cuando quieras editar el SVG directamente.
Descarga un SVG animado
Descarga el SVG para conservar la animación CSS integrada en un archivo independiente. Las exportaciones a PNG, JPG y WebP son imágenes estáticas capturadas en el segundo 1.
Una herramienta para animar SVG, varias formas de empezar
Indicadores de carga y dibujo de trazos
Crea un indicador de carga en bucle o revela un trazado con stroke-dashoffset. Ajusta los tiempos con una nueva instrucción.
Ilustraciones y secuencias sencillas
Mueve grupos concretos o haz que aparezcan de forma escalonada. Empieza con un SVG pequeño y conciso para que la edición sea más fiable.
Qué admite este creador de animaciones SVG
Admite animaciones CSS integradas en el SVG con fotogramas clave para transformaciones, opacidad, colores y trazos, así como bucles, reproducción única y retardos escalonados. No admite scripts, recursos externos, SMIL, animaciones que cambien arbitrariamente la forma de los trazados, historias con personajes ni exportación a GIF, vídeo o Lottie. Las ediciones extensas con IA pueden superar la capacidad actual; el agente lo comprueba antes de cobrar.
Preguntas sobre las animaciones SVG
¿Puedo animar un SVG existente con IA?
Sí. Elige Animar SVG, sube un archivo o pega código SVG y describe el movimiento. La importación y la vista previa se realizan localmente; el código fuente se envía al servidor cuando solicitas un presupuesto o pides generar el resultado con IA.
¿Es gratuito el generador de animaciones SVG?
La edición local del código, la reproducción de ejemplos, la eliminación del movimiento y las descargas son gratuitas. La generación y las ediciones con IA usan créditos que se muestran antes de ejecutarse. Rápido y Calidad usan el mismo saldo que el agente de la página de inicio; las cuentas que cumplan los requisitos pueden recibir créditos de prueba.
¿Dónde se reproducirá el SVG animado que descargue?
Este tipo de animación CSS puede reproducirse al abrir el archivo directamente, al insertarlo con una etiqueta img o al incluir el SVG en el HTML. Los gestores de contenido, clientes de correo y filtros de seguridad pueden eliminar los estilos o desactivar la animación. Pruébalo en el entorno donde vayas a usarlo. Se incluye una alternativa para quienes tengan activada la preferencia de reducir el movimiento.
¿Puedo exportar la animación a PNG, GIF o vídeo?
El SVG conserva el movimiento. PNG, JPG y WebP son capturas estáticas en el segundo 1. Esta versión no permite exportar a GIF, vídeo ni Lottie.
¿Cuántos créditos consume la animación SVG?
Genera o edita cualquier SVG estático o animado compatible: Rápido 5 / Calidad 10 créditos por solicitud. Los créditos de bienvenida permiten ediciones localizadas de hasta 32 KiB; los comprados o de suscripción, de hasta 64 KiB, en ambos casos con un margen fijo de edición de 4 KiB. Las reescrituras completas admiten hasta 8 KiB. Las ediciones localizadas incluyen color, opacidad, movimiento y animación de respiración. El precio exacto se muestra antes de empezar. Las solicitudes fallidas devuelven los créditos cobrados. La edición manual, las vistas previas y las exportaciones son gratuitas.