Las páginas para descargar ilustraciones gratis han cambiado mucho en los últimos años. Hoy no necesitas pagar por vectores planos ni perder horas buscando en bancos genéricos: hay 15 sitios serios con ilustraciones SVG, PNG, AI y Lottie editables, muchas con personas customizables (cambias piel, pelo, ropa) y la mayoría con licencia comercial gratuita.
En este post tienes 15 sitios curados para 2026 organizados por tipo de ilustración: vector flat editable (las todoterreno), personas customizables (la moda actual en landings y onboarding) y 3D + animadas (para proyectos con más presupuesto visual). Cada ficha incluye qué formato exporta, si permite editar colores, licencia comercial y enlace directo. Al final tienes guías de cómo usarlas en Figma, Illustrator, Canva y WordPress, y una tabla comparativa para elegir según tu caso.
Vector flat editable: las todoterreno
Si necesitas ilustraciones genéricas (procesos, conceptos abstractos, escenas de oficina, naturaleza), estas seis páginas resuelven el 80% de tus necesidades sin pagar nada y con licencia comercial limpia.
1
unDraw
El estándar de la industria. Cientos de ilustraciones vectoriales con estilo consistente (líneas finas, color único por escena). Cambias el color principal antes de descargar y exportas en SVG o PNG. Licencia open source MIT, sin atribución requerida. Es lo primero que abro cuando necesito una ilustración rápida.
Licencia MIT · Uso comercial gratis · Sin atribución · Ir a unDraw
2
DrawKit
Mezcla de packs gratuitos y premium organizados por temática (negocio, salud, educación, e-commerce). Lo bueno: dentro de cada pack todas las ilustraciones comparten estilo, lo que te ahorra el problema de mezclar fuentes visuales. Descarga en SVG, PNG y muchos paquetes vienen con archivo Figma editable.
Free + Premium · Comercial gratis los gratis · Verifica cada pack · Ir a DrawKit
3
Illustrations.co
Ilustraciones por Vijay Verma con un estilo flat moderno y formato múltiple: AI, SVG, PNG, EPS y archivos Figma. Útil cuando trabajas con un equipo que mezcla Illustrator y Figma y necesitas el mismo asset en ambos formatos sin reimportar.
Free uso personal y comercial · Atribución apreciada · Ir a Illustrations.co
4
Sketch Valley
Ilustraciones con estilo más isométrico y técnico, ideales para landings de SaaS, apps y proyectos tecnológicos. Descarga en PNG, AI y SVG. Limitación: no son editables online (no puedes cambiar el color en la web), pero al ser vectoriales las modificas en Illustrator o Figma sin problema.
Free uso personal y comercial · Ir a Sketch Valley
5
Reshot
Curaduría seleccionada de ilustraciones SVG con estilos muy diferentes entre sí (handdrawn, flat, geométrico). Lo distintivo: licencia comercial sin atribución muy clara y sin necesidad de registrarse. También tiene apartado de iconos y fotos. Mi favorito cuando quiero algo con personalidad que no parezca otro post de unDraw.
Reshot License · Uso comercial gratis · Sin atribución · Sin registro · Ir a Reshot
6
Pixels Market
Catálogo masivo de más de 15.000 ilustraciones. Volumen aplastante, lo que es bueno cuando buscas algo muy específico (una ilustración de una persona regando una planta exactamente con esos colores) y malo cuando quieres consistencia visual. Descarga en SVG y PNG con cambio de color en la web.
Free uso personal y comercial · Ir a Pixels Market
Personas customizables (cambia piel, ropa y pelo)
Las ilustraciones de personas son lo que mejor humaniza una landing, una app o un onboarding. Las páginas siguientes te dejan personalizar tono de piel, ropa, pelo y a veces hasta gestos, lo que ayuda a representar diversidad sin complicarte. Si solo vas a usar una, mi recomendación es Storyset por nivel de personalización y opción de animación incluida.
7
Storyset
La opción más completa de la lista. Cambias color principal, colores secundarios, eliminas elementos y, sobre todo, exportas con animación incluida (SVG con animaciones, SVG + CSS aparte, SVG + JS aparte, GIF o vídeo). La parte de animación es lo que la separa del resto.
Free con atribución · Premium sin atribución · Ir a Storyset
8
Humaaans
Diseñada por Pablo Stanley, una referencia del sector. Concepto «mix and match»: cabezas, torsos, piernas y accesorios intercambiables que combinas para crear infinitas variaciones. Cambias el tono de piel, color de pelo, ropa, todo. Exporta en SVG.
Free uso personal y comercial · CC BY 4.0 · Ir a Humaaans
9
Open Peeps
El proyecto hermano de Humaaans, también por Pablo Stanley pero con trazo hand-drawn (parece dibujado a mano alzada). Más cálido y menos corporativo que Humaaans, ideal para apps de salud, educación, productos artesanales o comunidades. Misma idea mix-and-match: cabezas, peinados, ropa y poses intercambiables.
CC0 · Dominio público · Sin restricciones · Ir a Open Peeps
10
Open Doodles
Colección de personas en distintas poses (corriendo, sentadas, saludando, trabajando) con un estilo doodle simpático y minimalista. Otro proyecto de Pablo Stanley. Descarga en SVG y PNG.
CC0 · Dominio público · Sin restricciones · Ir a Open Doodles
11
Blush
Colecciones de ilustraciones vectoriales con varios estilos visuales (no solo personas). Tiene plugin oficial para Figma y Sketch que te permite arrastrar ilustraciones directamente al canvas y customizarlas desde el panel. La parte gratuita es limitada, pero suficiente para empezar.
Free limitado · Pro con suscripción · Comercial verificar · Ir a Blush
12
Illustration Kit
Ilustraciones de personas con un estilo geométrico moderno. Tiene plugin para Figma con previsualización en vivo de la customización (cambias colores de ropa y tono de piel desde el panel). Exporta en SVG y PNG.
Free uso personal y comercial · Ir a Illustration Kit
Tip: Si necesitas acceso a millones de ilustraciones premium con licencia comercial sin restricciones y estilos exclusivos que no encuentras en sitios gratuitos, en Envato Elements tienes descarga ilimitada de vectores, ilustraciones, fotos y plantillas con una sola suscripción.
3D e ilustraciones animadas
Cuando un vector flat se queda corto y necesitas algo más impactante (hero de landing, banner principal, presentación, post de redes con movimiento), estas tres páginas cubren 3D, animaciones tradicionales (GIF, vídeo) y animaciones Lottie/JSON ligeras para web.
13
Icons 8 Illustrations
Variedad enorme de estilos: flat 2D, isométrico, claymorphism y especialmente 3D. La parte gratuita es generosa para proyectos pequeños. Cuenta con buscador y generador IA propio. Descarga en PNG y SVG (en 3D solo PNG).
Free con atribución · Premium sin atribución · Ir a Icons 8
14
Pixel True
Ilustraciones gratis en SVG, PNG y AI (Illustrator) con muchas ya animadas listas para web. La parte 3D también es interesante. Hace falta registrarse para descargar las animadas. Limitación honesta: la animación no es Lottie sino formatos tradicionales (GIF/MP4 si las quieres animadas en web).
Free con registro · Verifica comercial · Ir a Pixel True
15
LottieFiles
El estándar para animaciones vectoriales web. Las animaciones Lottie pesan kilobytes (no megabytes como un GIF) y escalan sin perder calidad. Más de cien mil animaciones gratuitas. Las exportas como JSON y las cargas en web con la librería oficial de Lottie. Cualquier landing moderna que veas con animaciones suaves probablemente use esto.
Free + Premium · Licencia variable por autor · Verifica · Ir a LottieFiles
Cómo usar las ilustraciones en Figma, Illustrator, Canva y WordPress
Figma
Tres opciones según la página: 1) plugin oficial (Blush, Illustration Kit, Storyset y DrawKit tienen plugin propio que importa directamente al canvas), 2) descargar el SVG y arrastrarlo al canvas (Figma lo convierte en grupos editables, puedes cambiar colores con el inspector), 3) abrir un archivo .fig si la página lo ofrece (Illustrations.co y DrawKit dan archivos Figma listos).
Illustrator
Si la página da archivo .ai (Illustrations.co, Pixel True, Sketch Valley), ábrelo directo en Illustrator. Si solo da SVG, arrástralo a Illustrator y se importa con capas y trazos editables. Para PNG, no hay editabilidad real: queda como imagen rasterizada. Por eso siempre prefiero descargar SVG.
Canva
Canva tiene su propia biblioteca enorme de ilustraciones, así que para uso dentro de Canva mejor usar las nativas. Si quieres una ilustración específica de una de estas páginas: descárgala en PNG (no SVG, Canva en versión gratuita no acepta SVG), y súbela como elemento. En Canva Pro sí puedes subir SVG.
WordPress
Sube el SVG o PNG a la biblioteca de medios y úsala como cualquier imagen. Si subes SVG, WordPress por defecto no lo acepta por seguridad: instala el plugin «SVG Support» o pega el SVG inline en un bloque HTML. Para animaciones Lottie, instala el plugin «Lottie Animation Block» o usa el código embed que te da LottieFiles directamente en un bloque HTML personalizado.
Tabla comparativa: cuál usar según tu proyecto
| Caso de uso | Mi recomendación | Por qué |
|---|---|---|
| Landing SaaS o app rápida | unDraw | Estilo consistente, MIT, sin atribución, color principal customizable. |
| Onboarding con personas diversas | Storyset o Humaaans | Customización de piel/ropa/pelo. Storyset si quieres animación. |
| Branding artesanal o cálido | Open Peeps u Open Doodles | Trazo hand-drawn, CC0 sin restricciones. |
| Web tecnológica o B2B | Sketch Valley o Icons 8 3D | Isométrico o 3D, comunican modernidad. |
| Animaciones ligeras en web | LottieFiles | Lottie JSON pesa KB, escalable, animación nativa web. |
| Volumen masivo, búsqueda específica | Pixels Market o Reshot | 15.000+ y curaduría con licencia sin atribución. |
| Trabajo en Figma con personalización rápida | Blush o Illustration Kit | Plugin oficial Figma con panel de customización. |
Preguntas frecuentes sobre ilustraciones gratis
¿Puedo usar estas ilustraciones en proyectos comerciales de cliente?
Sí, pero verifica la licencia en cada página. Las más seguras sin restricciones son unDraw (MIT), Open Peeps y Open Doodles (CC0 dominio público), Reshot (Reshot License sin atribución) y Humaaans (CC BY 4.0 con atribución apreciada). El resto suelen permitir uso comercial pero algunas piden atribución, paquetes premium o limitan volumen. Lee la página de licencia antes de incluirlas en un proyecto facturable.
¿Qué formato descargo: SVG, PNG o AI?
Para web y diseño digital, siempre SVG: pesa menos, escala sin pixelar y se puede editar (cambiar colores, eliminar elementos) en cualquier momento desde Figma, Illustrator o un editor de código. PNG solo si vas a usarla en un sitio que no acepta SVG (algunos plugins de WordPress, Canva Free). AI solo si vas a hacer una edición compleja en Illustrator.
¿Cómo cambio el color de una ilustración SVG?
Tres formas. Antes de descargar: muchas páginas (unDraw, Storyset, Pixels Market) tienen un selector de color principal en la web. En Figma o Illustrator: arrastra el SVG, los grupos quedan editables con sus colores. En código: abre el SVG con un editor de texto (es XML), busca los atributos fill="#XXXXXX" y cámbialos por el color que quieras.
¿Cuál es la diferencia entre Lottie y un GIF animado?
Lottie es vectorial (escala sin pixelar) y pesa kilobytes; un GIF es rasterizado (pixela al ampliar) y pesa megabytes. Lottie también soporta interactividad (puedes pausar, reproducir o accionar la animación con un evento JavaScript). Para web moderna, Lottie es siempre mejor. GIF solo si vas a usarla en un canal que no soporta Lottie (Slack, Discord, WhatsApp).
¿Por qué usar ilustraciones en lugar de fotos en una página web?
Las ilustraciones comunican conceptos abstractos (como «seguridad», «colaboración», «crecimiento») mejor que las fotos, refuerzan la identidad visual de la marca al mantener un estilo consistente, evitan los problemas de copyright y diversidad que tienen las fotos de bancos genéricos, y pesan menos en formato SVG que cualquier JPG/PNG. Las fotos siguen ganando cuando necesitas mostrar producto real, equipo humano o casos de uso concretos.
¿Cómo mantengo coherencia visual al mezclar ilustraciones de varias páginas?
La forma más fiable es no mezclar fuentes en una misma sección. Si tu hero usa unDraw, las ilustraciones de las features también de unDraw. Cambias de página solo entre secciones bien separadas. Otra opción: editar todas las ilustraciones al mismo paleta de color en Figma o Illustrator antes de publicarlas, eso unifica visualmente incluso ilustraciones de fuentes distintas.
¿Hay versiones premium si me hace falta más volumen o estilos exclusivos?
Sí. Icons 8, Blush, DrawKit, Pixel True y Storyset tienen planes premium con más ilustraciones, sin atribución y con licencia comercial extendida. Si trabajas con muchos clientes y necesitas variedad, también vale la pena mirar bibliotecas comerciales tipo Envato Elements o Adobe Stock con suscripción mensual.
¿Las ilustraciones afectan al rendimiento web?
Si las usas bien, no. Un SVG bien optimizado pesa entre 5 y 30KB y carga al instante. Para optimizar: pásalas por SVGOMG antes de subirlas (quita metadata redundante), usa loading="lazy" en las que están bajo del pliegue, y para animaciones Lottie carga el JSON con preload="metadata" en lugar de bloquear la primera carga.
Conclusión
Tienes tres caminos según lo que necesites. Para una landing rápida con licencia limpia y cero complicaciones: empieza por unDraw o Reshot. Estilo consistente, comercial sin atribución, descarga directa. Para representar personas con diversidad y customización: Storyset si quieres animación incluida, Humaaans u Open Peeps si prefieres mix-and-match sin animación. Para proyectos que piden impacto visual fuerte: Icons 8 (3D), Pixel True (animadas tradicionales) o LottieFiles (animaciones web ligeras).
Si te ha resultado útil, compártelo con alguien que esté empezando a montar su web. Disfrútalas!
