Guía de estilos

Iconografía

El sistema de diseño de gob.pe utiliza íconos de material design para ilustrar acciones, estado y señalización. Los iconos comunican mensajes de un vistazo, sugieren interactividad y llaman la atención sobre información importante.

Ver y descargar la familia de iconos de Material Design



Sistema de íconos

Los iconos del sistema están diseñados para ser simples, modernos, amigables y a veces extravagantes. Cada icono se reduce a su forma mínima, expresando características esenciales.

Iconos utilizados en gob.pe


Material design


Navegación
Descriptivos

Archivos
Alertas y comunicaciones

Acciones
Social


Personalizados

El contenido del icono está limitado al área activa de 20 px x 20 px, con 2 px de relleno alrededor del perímetro.



Viñetas y barras

Viñeta para listar contenido específico
Barra para describir contenido seleccionado desde un menú vertical
Barra de títulos destacados
Barra para describir contenido seleccionado desde un menú horizontal
Barra para describir contenido seleccionado desde un menú horizontal


Tamaño de ícono y padding


Area activa

El contenido del icono está limitado al área activa de 20 px x 20 px, con 2 px de relleno alrededor del perímetro.



Relleno



Densidad del área activa



Aplicación

Espaciado y posicionamiento