Mejores páginas para encontrar SVG
Una selección curada de las mejores plataformas para encontrar iconos, logos, ilustraciones y patrones SVG. Organizadas por categoría para encontrar lo que necesitas rápido.
Los SVGs son fundamentales en el desarrollo web moderno: escalables, ligeros y perfectos para animaciones. Aquí tienes las plataformas que uso habitualmente, organizadas por tipo de recurso para que encuentres exactamente lo que necesitas.
Iconos UI
4 recursosIcones
GratisMás de 200.000 iconos SVG de los mejores icon packs (Heroicons, Lucide, Tabler, Phosphor…) en un solo sitio. Integración directa con proyectos JS.
Gravity UI Icons
GratisColección de iconos UI de alta calidad mantenida por Yandex. Disponible como paquete npm, perfecta para proyectos React.
Flaticon
GratisMillones de iconos en SVG, PNG y otros formatos. Gratuito con atribución. Una de las colecciones más grandes del mundo.
Iconfinder
FreemiumPlataforma con iconos de alta calidad, tanto gratuitos como de pago. Buena opción para uso comercial.
Logos de marcas
3 recursosSVGL
GratisLa mejor fuente para logos SVG de tecnologías y marcas conocidas. Perfecta para portfolios y páginas de tech stack. Actualizada constantemente.
Simple Icons
GratisLogos SVG de más de 3.000 marcas populares, todos con el mismo estilo. Disponible como paquete npm para fácil integración.
Brandfetch
FreemiumLogos oficiales de marcas en alta calidad. API disponible para integrar en tus proyectos.
Ilustraciones
4 recursosSVG Repo
GratisMás de 500.000 SVGs gratuitos para uso personal y comercial. Incluye iconos, ilustraciones y gráficos. Muy buena búsqueda.
unDraw
GratisIlustraciones SVG minimalistas de personas y escenas. Puedes personalizar el color principal directamente en el sitio.
Storyset
GratisIlustraciones SVG animadas y personalizables de Freepik. Puedes elegir estilo (flat, outline, amico…) y colores.
Freepik
FreemiumRecursos gráficos incluyendo SVG, vectores y PSD. Gratis con atribución. Enorme catálogo.
Patrones y fondos
3 recursosHero Patterns
GratisPatrones SVG repetibles de alta calidad para fondos. Genera el CSS listo para usar en tu proyecto.
SVG Backgrounds
GratisFondos SVG animados y estáticos para webs. Personalizables en color e intensidad.
Haikei
GratisGenerador de fondos SVG únicos: blobs, waves, gradientes y más. Exporta SVG listo para usar.
💡 Consejos de uso
⚖️ Revisa la licencia
Cada plataforma tiene sus propias condiciones. Algunos SVGs requieren atribución o solo permiten uso personal. Siempre verifica antes de usar en proyectos comerciales.
🗜️ Optimiza antes de usar
Usa SVGO o svgomg.net para reducir el tamaño. Un SVG sin optimizar puede ser 10x más grande que necesario.
⚡ SVG inline vs img
Usa <img src="icon.svg"> para iconos simples y SVG inline para los que necesitas cambiar color con CSS o animar.
🎨 currentColor para tematizar
Si el SVG usa fill="currentColor", heredará el color del texto. Perfecto para iconos que cambian con el tema claro/oscuro.