Iconografía

La iconografía de Polen vive en el archivo 🌻 FDS Iconography de Figma y se importa acá tal cual: cada icono es un SVG de 24 × 24 con trazo de 2 px, puntas redondeadas y color por currentColor — hereda el color del texto y funciona en ambos temas sin variantes extra.

• Line — el set de trabajo: un solo color, para UI, navegación y acciones.
• Duocolor — el mismo dibujo con una capa de acento al 40 % del mismo color. Para momentos con más jerarquía visual: empty states, features de marketing, cards destacadas.

Los dos sets comparten nombres y grilla: podés cambiar de Line a Duocolor sin tocar el layout.

Biblioteca#

Buscá por nombre o keyword (en inglés) y hacé click para copiar el SVG listo para pegar — ya normalizado a currentColor.

Reglas de uso#

• Tamaños: la grilla nativa es 24; en botones y controles se escala a 16/20/24 según el tamaño del componente (ver Button).
• Color: nunca fijes un hex en el SVG — el icono hereda currentColor del texto que acompaña.
• Un set por superficie: no mezcles Line y Duocolor en el mismo bloque; Duocolor se reserva para acentos, no para UI densa.
• Accesibilidad: un icono junto a texto es decorativo (aria-hidden); un icono solo necesita nombre accesible (aria-label).