Iconografía
Iconos funcionales del sistema de diseño Tanko. Se usan inline dentro de botones, controles y etiquetas — nunca como elemento visual principal de una pantalla.
Escalas
| Escala | Tamaño |
|---|---|
| XS | 16px |
| S | 18px |
| M | 22px |
| L | 24px |
Catálogo
| Token | Recurso | Nombre del recurso |
|---|---|---|
nav | nav.svg | Avión de papel |
arrow | arrow.svg | Flecha derecha |
arrowLeft | arrowLeft.svg | Flecha izquierda |
search | search.svg | Lupa |
filter | filter.svg | Filtro |
settings | settings.svg | Ajustes |
close | close.svg | Cerrar |
menu | menu.svg | Menú |
globe | globe.svg | Globo terráqueo |
moon | moon.svg | Luna |
sun | sun.svg | Sol |
check | check.svg | Verificación |
share | share.svg | Compartir |
Material Symbols
Repositorio oficial: google/material-design-icons
Distribuye SVGs y fuentes para web, iOS y Android. No existe paquete Swift Package Manager oficial — en iOS hay que integrar la fuente manualmente desde el repo.
| Token | Icono | Recurso |
|---|---|---|
nav | send | symbols/web/send |
arrow | arrow_forward | symbols/web/arrow_forward |
arrowLeft | arrow_back | symbols/web/arrow_back |
search | search | symbols/web/search |
filter | tune | symbols/web/tune |
settings | settings | symbols/web/settings |
close | close | symbols/web/close |
menu | menu | symbols/web/menu |
globe | language | symbols/web/language |
moon | dark_mode | symbols/web/dark_mode |
sun | light_mode | symbols/web/light_mode |
check | check | symbols/web/check |
share | ios_share | symbols/web/ios_share |