Home

¿Qué es este esto?

Este repositorio contiene todos los iconos que usamos actualmente desde el equipo de Novum en Telefónica.

Los iconos que hay aquí son la única fuente de la verdad desde el equipo de diseño sobre que iconos usar.

Si hay cualquier duda, puedes preguntar directamente en el canal de Slack #designsystem

Subir iconos al repo

El proceso parte por ahora desde Zeplin. Debes exportar los iconos tanto en .svg como en .pdf para Global (GLO) y O2, crea una nueva rama y copialos a las carpetas del repositorio, comitea y haz un pull request para integrarlos.

Debes tener

Zeplin
Kactus

Indice de tareas

1º Crear una branch nueva

Antes de empezar todo es importante hacer una rama nueva desde production del repositorio. Esta rama será la relacionada con nuestro proyecto y debería de llevar, si es existe, el número del ticket asociado de Jira en el título.

acronimo-TICKETJIRA-descripcion_descripcion; ejemplo → add-DSN345-24_icon_support

2º Exporta los iconos desde Zeplin

Exportar un único icono

Entra el proyecto de Icons Global Libray, en .svg para Android o en .pdf para iOS y ve a styleguide/components.
Una vez en components busca el icono que quieras exportar y desde el panel derecho elige el archivo a descargar.

Zeplin 2

Exportar varios iconos a la vez

Entra el proyecto de Icons Global Libray, en .svg para Android o en .pdf para iOS y ve a la artboard que contenga todos los iconos que quieras exportar de una vez.

Zeplin 3

Accede desde el panel derecho, en la parte de arriba a los assets de esa página (icono cuchilla) y allí podrás descargar todos los iconos en bloque.

Zeplin 4

• ⚠️ Cuando exportes en bloque, recuerda siempre exportar solo los iconos de Global u O2 de una vez. Nunca los exportes juntos desde la misma hoja, ya que si tienen el mismo nombre se sobreescribiran.

3º Copiar los iconos a las carpetas del repo

Una vez descargados los iconos en tu local, copialos en las carpetas que están dentro de icn_export siguiendo el siguiente patrón:

.
└── icn_export
    └── Global                  // Iconos para Movistar, Vivo y Tuenti
          ├── icn_name.svg
          └── icn_name.pdf
    └── O2                      // Iconos para O2
          ├── icn_name.svg
          └── icn_name.pdf

• ⚠️ Cada icono nuevo que se añada siempre tendrán 4 archivos. Dos para Global y dos para O2, tanto en .svg como en .pdf. No añadir nunca menos de estos 4 iconos.