Aurora v10.10.0 · Lucide 288 · Solar 50 · ISC · CC-BY-4.0

Iconos numerados

Cada icono tiene un número estable —nz-i-001, nz-i-042— que no se reutiliza nunca. El número es la referencia; el nombre es la comodidad. Todos son SVG de 24×24 con el color y el grosor del sistema.

Navegación · 34Acciones · 37Estados · 23Datos y gráficas · 23Archivos · 24Personas y organización · 17Comunicación · 16Media y dispositivos · 27Mapas y transporte · 21Comercio · 18Sistema y desarrollo · 52Marcas · 15Formato y objetos · 31

338 iconos · todos visibles

Cómo se usa

En línea, copiando el SVG del fichero (lo que hace esta página):

<svg class="nz-icon" viewBox="0 0 24 24" aria-hidden="true">…cuerpo del icono…</svg>

El color no se escribe: el icono hereda el del texto (currentColor). Cambiarlo es un modificador, no un segundo fichero:

<svg class="nz-icon nz-icon--accent" viewBox="0 0 24 24" aria-hidden="true">…</svg>

--brand · --accent · --success · --warning · --danger · --info · --invert
--fino (1,5) · --grueso (2,25) · --sm · --lg · --xl

Por sprite, una sola petición para todos:

<svg class="nz-icon" aria-hidden="true"><use href="iconos/sprite.svg#nz-i-042"/></svg>

Y por número, desde el manifiesto:

python3 -c "import json;m=json.load(open('iconos/iconos.json'));print([i for i in m['iconos'] if i['numero']==42][0])"

Iconos de Lucide (ISC), Lucide Contributors · https://lucide.dev; Solar (CC-BY-4.0), 480 Design · https://solar-icons.vercel.app. Manifiesto: iconos/iconos.json · sprite: iconos/sprite.svg.