Loading icons...

Conjuntos de iconos

8 conjuntos de iconos agregados de bibliotecas de código abierto.

Haz clic en los enlaces de una tarjeta para visitar la página principal o el repositorio de GitHub. Los «nombres nativos» que se muestran en las etiquetas de estilo indican cómo se llama ese estilo en la biblioteca original.

Font Awesome Free

fontawesome

La versión gratuita de Font Awesome, que cubre las familias `solid`, `regular` y `brands`.

2.9k
iconos
Licencia
CC BY 4.0 / MIT
Tamaño por defecto
24 px
Tamaños
∞ Escalable
Vector / ráster
Vector (SVG)
Estilos
filled (solid) outline (regular) brands
Notas
Los iconos exclusivos de Pro están excluidos. `solid` y `regular` de FA son ambos basados en relleno (los trazos son formas con contorno, no strokes); `brands` contiene logos corporativos monocromáticos.

Heroicons

heroicons

El conjunto oficial de iconos de Tailwind Labs, afín a la estética de diseño de Tailwind.

648
iconos
Licencia
MIT
Tamaño por defecto
24 px
Tamaños
16, 20, 24 px
Vector / ráster
Vector (SVG)
Estilos
outline filled (solid)
Notas
Los nombres nativos son `outline` y `solid`; aquí se remapean a los canónicos `outline` / `filled` para mantener consistencia en toda la aplicación.

Iconos Lucide

lucide

Una bifurcación comunitaria, activamente mantenida, heredera de Feather Icons.

1.7k
iconos
Licencia
ISC
Tamaño por defecto
24 px
Tamaños
∞ Escalable
Vector / ráster
Vector (SVG)
Estilos
outline (regular)
Notas
Un SVG maestro por icono, basado en trazos. El color se controla vía CSS `stroke="currentColor"`.

Iconos Phosphor

phosphor

Una familia de iconos flexible con seis grosores estilísticos para un ajuste visual fino.

9.1k
iconos
Licencia
MIT
Tamaño por defecto
24 px
Tamaños
∞ Escalable
Vector / ráster
Vector (SVG)
Estilos
thin light regular bold filled (fill) duotone
Notas
Grosores: `thin`, `light`, `regular`, `bold` (todos basados en trazos), más `filled` y `duotone`. El código de estilo nativo `fill` se remapea al canónico `filled`.

Iconos Tabler

tabler

Un amplio conjunto gratuito de iconos con licencia MIT con variantes `outline` y `filled` a juego.

6.1k
iconos
Licencia
MIT
Tamaño por defecto
24 px
Tamaños
∞ Escalable
Vector / ráster
Vector (SVG)
Estilos
outline filled
Notas
Contorno basado en trazos, relleno basado en fill. Ambos estilos comparten un único SVG maestro (escalables).

Iconos de sistema FluentUI

fluentui

El sistema oficial de iconos de Microsoft, diseñado para aplicaciones Fluent UI en Windows, iOS, Android y la web.

5.4k
iconos
Licencia
MIT
Tamaño por defecto
24 px
Tamaños
16, 20, 24, 28, 32, 48 px
Vector / ráster
Vector (SVG)
Estilos
outline (regular) filled color light
Notas
Se distribuye con SVG ajustados a mano en **16, 20, 24, 28, 32, 48 px** — los trazos se afinan por tamaño para alinearse con la cuadrícula de píxeles, por lo que los iconos no son escalables en el sentido de un único archivo maestro. Incluye una variante `color` (multicolor, no tematizable) junto a `regular` / `filled` / `light`.

Remix Icon

remix

Una biblioteca de iconos neutra, de estilo sistema, diseñada para trabajo de producto y UI.

3.1k
iconos
Licencia
Apache 2.0
Tamaño por defecto
24 px
Tamaños
∞ Escalable
Vector / ráster
Vector (SVG)
Estilos
outline (line) filled (fill)
Notas
Los códigos de estilo nativos son `line` y `fill`; remapeados a los canónicos `outline` / `filled`.

Símbolos Material

material

La familia de iconos Material de Google, que abarca cinco variantes visuales del mismo conjunto de glifos.

10.7k
iconos
Licencia
Apache 2.0
Tamaño por defecto
24 px
Tamaños
∞ Escalable
Vector / ráster
Vector (SVG)
Estilos
filled outline (outlined) rounded (round) sharp duotone (twotone)
Notas
Variantes: `filled`, `outline` (nativo `outlined`), `rounded` (nativo `round`), `sharp`, `duotone` (nativo `twotone`). Los SVG fuente de Material se distribuyen **sin atributos `fill` ni `stroke`** — por defecto son negros y no responden a tematización CSS. Durante la sincronización inyectamos `fill="currentColor"` en el `<svg>` raíz para que los iconos hereden el color del tema. La variante `duotone` es técnicamente un tinte monocromático (opacidad completa + 30 % del mismo color), no un auténtico diseño bicolor.