Iconos
Phosphor, con un peso coherente para cada uso.
Bold es el peso funcional por defecto: botones, menús e indicadores. Las seis variantes siguen disponibles.
Estado actual
Decisiones que ya existen y pueden observarse en el producto.
14px en controles extra pequeños, 16px en botones, 20px en navegación y 24px en contenido.
Regular/light/thin para detalles; fill para selección; duotone para ilustraciones. Cambia weight, no stroke-width.
Icon oculta símbolos decorativos. Si el icono es la única acción, el botón lleva aria-label. En servidor usa /ssr.
14px16px20px24px14px compacto · 16px botón · 20px navegación · 24px contenido. Phosphor Bold por defecto.
Tokens actuales
Valores presentes hoy; documentarlos no significa que todos sean definitivos.
| Token | Valor | Uso actual |
|---|---|---|
| weight | bold | Predeterminado funcional |
| size | 14 / 16 / 20 / 24px | Escala de iconos |
Qué falta
Huecos que impiden tratar esta base como una regla estable.
No quedan huecos abiertos en el alcance actual de esta foundation.
Próximas decisiones
Orden recomendado para convertir los hallazgos en una foundation estable.
- 01
Comprueba el selector de las seis variantes en Componentes → Icon.