Recursos de diseño · 30 herramientas

Bibliotecas de iconos para React y la web

Conjuntos de iconos elegidos para el trabajo de interfaz. La mayoría son bibliotecas SVG gratuitas con paquetes para React; algunos son animados o 3D. Comprueba el grosor del trazo y el estilo de las esquinas frente a tu tipografía antes de decidirte, porque cambiar de conjunto de iconos más adelante afecta a todas las pantallas.

Ordenar

lucide.dev

LucideIconosUn conjunto de iconos abierto y mantenido por la comunidad, derivado de Feather, con miles de glifos para interfaces.

phosphoricons.com

PhosphorIconosUna familia de iconos flexible disponible en seis pesos consistentes para el diseño de interfaces.

iconify.design

IconifyIconosUn framework unificado que pone una enorme variedad de iconos a tu alcance al instante.

runeicons.com

Rune IconsIconosUn conjunto de iconos minimalista que se distribuye en cinco estilos distintos para tus interfaces.

icon.museum

Icon MuseumIconosUn archivo que celebra la artesanía detrás de los iconos de aplicaciones móviles más destacados.

tabler.io

Tabler IconsIconosUna biblioteca de miles de iconos de estilo contorno para construir interfaces de usuario.

heroicons.com

HeroiconsIconosIconos SVG hechos a mano por el equipo detrás del framework Tailwind CSS.

fonts.google.com

Material SymbolsIconosLa fuente de iconos variable de Google que ofrece tres estilos seleccionables para interfaces.

icons.getbootstrap.com

Bootstrap IconsIconosLa biblioteca oficial de iconos SVG creada para combinar con el framework Bootstrap.

remixicon.com

Remix IconIconosUna biblioteca de iconos de aspecto neutro disponible en versiones de contorno y rellenas.

iconoir.com

IconoirIconosUn conjunto de iconos SVG de código abierto dibujados con grosores de trazo uniformes y consistentes.

ionic.io

IoniconsIconosUn pack de iconos pulido diseñado para usar en interfaces web y móviles.

simpleicons.org

Simple IconsIconosUna colección de más de 3000 logotipos de marcas populares, cada uno disponible en formato SVG.

thesvg.org

theSVGIconosUn conjunto cuidadosamente seleccionado de logotipos de marcas limpios y listos para usar, entregados en formato SVG.

feathericons.com

FeatherIconosUn conjunto de iconos minimalista y de código abierto con cada glifo dibujado en una cuadrícula de 24 píxeles.

carbondesignsystem.com

Carbon IconsIconosLa biblioteca oficial de iconos de IBM, creada para construir diseños de productos de nivel empresarial.

boxicons.com

BoxiconsIconosUn conjunto de iconos vectoriales elaborados y ofrecidos en tres estilos visuales distintos.

mx-icons.vercel.app

MX IconsIconosUna colección amplia y personalizable de iconos empaquetados como componentes de React.

akveo.github.io

Eva IconsIconosUn pack de 400 iconos disponibles en estilos de contorno y rellenos para interfaces.

devicon.dev

DeviconIconosUn conjunto de iconos que abarca lenguajes de programación y herramientas de desarrollo populares.

css.gg

css.ggIconosUn conjunto de 700 iconos ligeros renderizados enteramente en CSS puro en lugar de SVG.

hugeicons.com

HugeIconsIconosUna amplia biblioteca de iconos que ofrece iconos tanto en estilo de trazo como sólido.

reicon.dev

ReiconIconosUna biblioteca de iconos para React compatible con tree-shaking que distribuye los iconos en dos pesos distintos.

app.iconsax.io

IconsaxIconosUn conjunto de iconos versátil que se distribuye en seis estilos visuales distintos para trabajar con UI.

icons0.dev

icons0IconosUn buscador que te permite encontrar iconos entre más de 200 000 opciones.

heroicons-animated.com

Heroicons AnimatedIconosHeroicons rediseñados con animaciones activadas al pasar el cursor para interfaces interactivas.

icons.download

Icons.downloadIconosUna biblioteca de iconos seleccionada que abarca dieciséis estilos estéticos distintos para elegir.

lucide-animated.com

Lucide AnimatedIconosEl conjunto de iconos de Lucide rediseñado con microanimaciones integradas para interfaces llenas de vida.

iconfoundry.store

Icon FoundryIconosUn archivo con búsqueda que reúne iconos de muchas familias diferentes.

inkword.app

InkwordIconosEscribe una sola palabra y genera una ilustración acorde para acompañarla.

Preguntas frecuentes sobre Bibliotecas de iconos para React y la web

¿Cuáles son las mejores bibliotecas de iconos para React en 2026?

Designeer compara 30 bibliotecas de iconos, cada una con vista previa en vivo, entre ellas Lucide, Phosphor y Tabler Icons. Ofrecen sets de iconos SVG gratuitos con paquetes para React, además de iconos animados y en 3D.

¿Son gratuitas y de código abierto estas bibliotecas de iconos?

Sí, la mayoría son sets de iconos SVG gratuitos y de código abierto, incluidas Lucide, Phosphor y Tabler Icons. Puedes usarlos en proyectos comerciales, y muchas incluyen paquetes para React para que importes cada icono como un componente.

¿Qué biblioteca de iconos tiene paquete para React y funciona con Tailwind?

Lucide, Phosphor y Tabler ofrecen paquetes para React y se estilizan limpiamente con Tailwind CSS usando utilidades de tamaño y color. Iconify puede combinar muchos sets de iconos a la vez, lo que ayuda si mezclas bibliotecas.