Íconos e ilustraciones

Los íconos guían la vista y hacen que una interfaz se entienda sin leer; las ilustraciones dan personalidad a una landing page o a un estado vacío. Aquí tienes los mejores sets gratuitos, casi todos en SVG, el formato ideal para la web: pesa poco, se ve nítido en cualquier pantalla y puedes cambiarle el color con CSS.

Sobre licencias

La mayoría de estos sets usan licencias abiertas (MIT, ISC, Apache, CC0). Algunos bancos como Flaticon o Icons8 son gratuitos con atribución obligatoria o tienen planes de pago. Lee la licencia antes de usarlos en un proyecto de cliente.

Sets de íconos para interfaces

LucideMás de 1,500 íconos de línea consistentes; paquetes para React, Vue y más.HeroiconsÍconos SVG de los creadores de Tailwind CSS.Font AwesomeEl set de íconos más famoso, con versión gratuita amplia.Tabler IconsMás de 5,000 íconos de línea gratuitos.Phosphor IconsFamilia flexible con 6 pesos: thin, light, regular, bold, fill y duotone.Bootstrap IconsMás de 2,000 íconos oficiales de Bootstrap.Material SymbolsÍconos de Google como fuente variable o SVG.Remix IconÍconos neutrales en versión de línea y relleno.FeatherSet minimalista y elegante (base de Lucide).BoxiconsÍconos web de alta calidad, también como fuente.IoniconsÍconos de Ionic, ideales para apps y móviles.IconoirMás de 1,500 íconos de línea libres.Fluent UI IconsÍconos del sistema de diseño de Microsoft.OcticonsLos íconos de GitHub.

Buscadores y agregadores de íconos

IconifyMás de 200,000 íconos de 150+ sets en un solo buscador.IcônesExplorador rápido de íconos de Iconify con copiado en SVG, Vue o React.SVG RepoMás de 500,000 SVG gratuitos para uso comercial.React IconsLos sets más populares como componentes de React.FlaticonMillones de íconos (gratis con atribución).Icons8Íconos en muchos estilos (gratis con enlace de atribución).The Noun ProjectEnorme colección de íconos de todo tipo de conceptos.

Logos de marcas y tecnologías

Simple IconsMás de 3,000 logos de marcas en SVG.DeviconLogos de lenguajes y herramientas de desarrollo.SVGLLogos SVG de empresas y tecnologías con modo claro y oscuro.World Vector LogoLogos vectoriales de marcas conocidas.

Ilustraciones gratuitas

unDrawIlustraciones SVG cuyo color principal eliges tú.StorysetIlustraciones personalizables y animables (con atribución).Open PeepsBiblioteca de personas dibujadas a mano, combinables.HumaaansPersonas ilustradas que mezclas y combinas.DrawKitIlustraciones e íconos con packs gratuitos.ManyPixels GalleryGalería de ilustraciones gratis en varios estilos.BlushIlustraciones personalizables de distintos artistas.Open DoodlesDibujos sueltos gratuitos de dominio público.3diconsÍconos 3D de código abierto.

Fondos, formas y patrones

HaikeiGenera fondos SVG: olas, blobs, capas y degradados.BlobmakerCrea formas orgánicas (blobs) en SVG.Get WavesGenera separadores de ondas en SVG.Hero PatternsPatrones SVG repetibles para fondos.SVG BackgroundsFondos SVG personalizables.

Usa íconos en línea (inline SVG)

Pegar el SVG directamente en el HTML (o importarlo como componente) te permite cambiar su color con currentColor, animarlo con CSS y evita una petición extra. Y no cargues una fuente de íconos completa para usar cinco íconos: importa solo los que necesitas.