Brand book › Librería de iconos

Magoya · Iconos v1.1

Librería de iconos

58 iconos de línea con el ADN del wordmark: trazo 2px, terminaciones y esquinas redondeadas, tamaño óptico 24px. Monocromos y recoloreables (usan currentColor). Click en un icono para copiar su SVG.

Click en un ícono lo copia como imagen PNG (pegalo directo en Docs, Slides, Figma o un mail). Los botones PNG / SVG lo descargan. ⌘/Ctrl + click selecciona varios y

stroke: 2px · linecap: round · linejoin: round · grid: 24×24 · color: #161616 sobre claro · #F6F1EB sobre oscuro · lima solo el destacado

Sobre oscuro: crema — y lima únicamente para el icono destacado de la pieza.

Dónde va cada ícono

Tres contextos, tres tamaños, tres teñidos. Si el ícono no aporta significado al lado del texto, no va: si decora nadie lo mira, si explica todos lo leen.

En un slide
Project Based

Equipo dedicado de punta a punta.

Team Extension

Nos sumamos a tu proceso.

Staff Augmentation

Talento senior bajo tu gestión.

Chip negro circular, ícono crema al 55% del chip, uno por card. El ícono dice de qué habla la card — nunca el mismo en dos cards.

En una pieza de redes
AI EN CAMPO
Tu lote,
en datos

Grandes y en fila, uno solo en lima — el destacado. Sobre oscuro van en crema. Nunca junto a personajes ilustrados.

En un documento o web
Discovery con usuarios reales del lote
Prototipo validado antes de escribir código
Métricas de adopción en cada campaña

Chicos (16–20px), alineados a la primera línea, en verde #009145. Como viñeta funcional: mismo ícono repetido, ahí sí.

Hacer
  • Un ícono por idea, y que represente el concepto del título.
  • Mismo trazo (2px) y mismo tamaño óptico en toda la pieza.
  • Uno solo destacado: lima sobre oscuro, verde #009145 sobre claro.
Evitar
  • Íconos decorativos que no agregan significado.
  • Mezclar íconos con personajes ilustrados en la misma pieza.
  • Rellenos sólidos, 3D, sombras, o dos tamaños en la misma fila.
listo
0 seleccionados