Iconografía

La iconografía facilita el reconocimiento de acciones, conceptos y estados, complementando la información textual de la interfaz.

Familia de íconos

El sistema utiliza Material Symbols en su variante Outlined como familia principal. También incorpora íconos propios cuando es necesario representar servicios o elementos particulares del Estado, como ClaveÚnica.

Mantener una misma familia permite conservar un lenguaje visual uniforme entre componentes, páginas y servicios digitales.

Tamaños y colores

Los íconos pueden adaptarse al tamaño y color del contexto en el que se utilizan. Esto permite integrarlos en botones, enlaces, mensajes, campos y otros componentes sin perder consistencia visual. Los tokens de color para íconos definen los colores que se usan en íconos.

Significado y accesibilidad

Los íconos ayudan a reconocer información, pero no deben sustituir textos necesarios para comprender una acción o un estado. Según su función, pueden ser decorativos o aportar información que también debe estar disponible para tecnologías de asistencia.