Los iconos para diseño web son uno de los recursos más usados en cualquier proyecto: navegación, UI, dashboards, landing pages, redes sociales. En este post tienes los 9 mejores sitios donde encontrar iconos gratis en 2026, organizados por tipo de necesidad.
Repositorios modernos open source
1
Lucide
1.500+ iconos line minimalistas, fork moderno de Feather Icons. ISC License.
ISC · Comercial sin atribución · Ir a Lucide
2
Heroicons
300+ iconos curados por el equipo de Tailwind CSS. Perfectos para UI moderna.
MIT · Comercial · Ir a Heroicons
3
Catálogos completos
4
Iconify
Framework unificado con 200.000+ iconos de varias librerÃas. Cargas solo los que usas.
MIT · Comercial · Ir a Iconify
5
Flaticon
Catálogo masivo con millones de iconos en múltiples estilos (flat, line, 3D).
Free con atribución · Premium sin atribución · Ir a Flaticon
6
Icons8
Múltiples estilos incluyendo 3D y claymorphism. Free con atribución.
Free con atribución · Pro sin atribución · Ir a Icons8
Tip: Para sets de iconos premium con licencia comercial garantizada, en Envato Elements.
Iconos especializados
7
Simple Icons
Logos SVG de marcas (incluido Adobe, Google, redes sociales). Para badges tech.
CC0 · Dominio público · Ir a Simple Icons
8
Material Symbols (Google)
3.500+ iconos del sistema Material de Google. Fuente variable con ejes ajustables.
Apache 2.0 · Comercial sin atribución · Ir a Material Symbols
9
Phosphor Icons
9.000+ iconos en seis estilos (thin, light, regular, bold, fill, duotone).
MIT · Comercial · Ir a Phosphor
Cómo usar iconos en tu web
Para 1-10 iconos: SVG inline en el HTML (máximo control, peso mÃnimo). Para 50+ iconos: icon font (Font Awesome, Lucide font). Para componentes React/Vue: Iconify o paquete oficial (lucide-react, @heroicons/react). Importante: usa siempre aria-label si el icono no lleva texto adyacente.
Conclusión
Diseño UI moderno: Lucide, Heroicons, Tabler. Volumen masivo: Iconify, Flaticon. Logos de marca: Simple Icons. 3D y estilos variados: Icons8 o Phosphor. Disfrútalos!
