Iconos y símbolos.
Lucide es la fuente preferida para iconos de interfaz React. Logos, marks y símbolos de identidad provienen sólo de los activos canónicos.
Capas
| Tipo | Fuente |
|---|---|
| Interfaz React | Lucide |
| HTML universal | SVG aprobado por Kit |
| Identidad | LOGOS-CANONICOS.md y manifest |
| Datos | Símbolos del renderer y leyenda |
| Estado | Icono más texto |
Reglas
- Tamaño base 16, 20 o 24 px.
- Stroke consistente y currentColor.
- Un icono decorativo usa aria-hidden.
- Un botón sólo con icono requiere nombre accesible.
- No usar emoji como icono funcional canónico.
- No modificar logos para igualar la familia de iconos.
Uso
<button type="button" aria-label="Descargar CSV">
<svg aria-hidden="true" width="20" height="20">…</svg>
</button>