Iconos

La iconografía de Repsol refleja la transformación y la fuerza de la marca, adpatándose al entorno digital. Las formas de la iconografía parten de su pareja natural, la tipografía corporativa.

Los iconos son un vehículo para apoyar acciones clave y así simplificar la comunicación con nuestros usuarios facilitando el mensaje que deseamos transmitir.

La construcción de la iconografía está basada en una retícula de 24x24px dejando una área activa de 2px.

El dibujo del icono debe permanecere en el área activa, es el espacio que se distancia 2px hacia el interior del espacio total. Ningún icono debería extenderse fuera de este área.

Los iconos pueden representarse a través de distintas composiciones geométricas usando la retícula base: círculo, cuadrado, rectángulo, rectángulo vertical, rectángulo horizontal o diagonales.

El uso del color en la iconografía se compone de dos colores: Turquesa Repsol 80 para iconos con interacción y el uso de Naranja Repsol 60 para iconos estáticos.

Descargas

Iconos SVG

Fuente de iconos

Iconos

Add_document

Add_file

Arrow_down

Arrow_left

Arrow_next

Arrow_previous

Arrow_right

Arrow_up

Calendar

Card_pass

Catering

Check_02

Contrast

Document

Download

Eye_close

Eye_open

Fingerprint

Geolocation

Increase

Label_02

Load_progress

Location

Maintenance

Mobile_01

Mobile_02

Notification_active

Notification

Power_02

Power_03

Replace_this_icon

Report_incidence

Search_document

Security

Turned_in_not

Contribuye

¿Tienes alguna sugerencia? Seguimos trabajando en mejorar Oxygen.

Foundations

Los estilos y cualidades básicas que los productos digitales de Repsol deben compartir.

Librerías diseñadores

Accede a todos los materiales necesarios para empezar a diseñar con el sistema.