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 íconos comunican mensajes de un vistazo, sugieren interactividad y llaman la atención sobre información importante.
Mira y descarga la familia de íconos de Material Design
Sistema de íconos
Están diseñados para ser simples, modernos, amigables y a veces extravagantes. Cada ícono se reduce a su forma mínima, expresando características esenciales.
Íconos utilizados en Gob.pe
Material design
![](/static/imagenes/arrow_backward.png)
![](/static/imagenes/arrow_down.png)
![](/static/imagenes/arrow_up.png)
![](/static/imagenes/arrow_forward.png)
![](/static/imagenes/check.png)
![](/static/imagenes/left.png)
![](/static/imagenes/right.png)
![](/static/imagenes/close.png)
![](/static/imagenes/up.png)
![](/static/imagenes/down.png)
Navegación
Descriptivos
![](/static/imagenes/arrow_down_r.png)
![](/static/imagenes/arrow_up_r.png)
![](/static/imagenes/arrow_forward_s.png)
![](/static/imagenes/arrow_forward_b.png)
![](/static/imagenes/time.png)
![](/static/imagenes/calendar.png)
![](/static/imagenes/phone.png)
![](/static/imagenes/not.png)
![](/static/imagenes/external_blue.png)
![](/static/imagenes/external.png)
![](/static/imagenes/arrow_upward.png)
![](/static/imagenes/arrow_upward_s.png)
![](/static/imagenes/location.png)
![](/static/imagenes/user.png)
![](/static/imagenes/mail.png)
![](/static/imagenes/check_s.png)
Archivos
Alertas y comunicaciones
![](/static/imagenes/donwload.png)
![](/static/imagenes/attach.png)
![](/static/imagenes/print.png)
![](/static/imagenes/warning.png)
![](/static/imagenes/info.png)
![](/static/imagenes/chat.png)
Acciones
Social
![](/static/imagenes/search_file.png)
![](/static/imagenes/search.png)
![](/static/imagenes/share.png)
Trámites y servicios fijos
- Acceso al ambiente privado de la entidad:
- Mesa de partes:
- Texto único de procedimientos administrativos (TUPA):
- Casilla o Buzón electrónico:
- Seguimiento de trámites:
- Acceso a la información pública:
- Denunciar actos de corrupción:
- Libro de reclamaciones:
- Convocatorias del Estado:
Personalizados
El contenido del ícono está limitado al área activa de 20 px x 20 px, con 2 px de relleno alrededor del perímetro.
![](/static/imagenes/test.png)
![](/static/imagenes/person.png)
![](/static/imagenes/flag.png)
![](/static/imagenes/citizen.png)
![](/static/imagenes/health.png)
![](/static/imagenes/peru.png)
![](/static/imagenes/institution.png)
Viñetas y barras
![](/static/imagenes/v1.png)
Viñeta para listar contenido específico
![](/static/imagenes/v2.png)
Barra para describir contenido seleccionado desde un menú vertical
![](/static/imagenes/v3.png)
Barra de títulos destacados
![](/static/imagenes/v4.png)
Barra para describir contenido seleccionado desde un menú horizontal
![](/static/imagenes/v5.png)
Barra para describir contenido seleccionado desde un menú horizontal
Tamaño de ícono y padding
![](/static/imagenes/48x44.png)
![](/static/imagenes/36x32.png)
![](/static/imagenes/28x24.png)
![](/static/imagenes/24x20.png)
Área activa
El contenido del ícono está limitado al área activa de 20 px x 20 px, con 2 px de relleno alrededor del perímetro.
![](/static/imagenes/areaactiva.png)
Relleno
![](/static/imagenes/relleno.png)
Densidad del área activa
![](/static/imagenes/densidad.png)
Aplicación
Espaciado y posicionamiento
![](/static/imagenes/espaciado.png)