Expression
Iconography
Evolve has no proprietary icon font. The site does its work with type, photography and the symbol. When icons are genuinely needed, use Lucide: open-source, stroke-based, geometric, which matches the geometric display type.
The Set: Lucide
Outlined only, never filled. A representative sample at 1.7px stroke. Load from CDN: unpkg.com/lucide@latest.
Lucide is our recommendation, not Evolve’s own set: if a preferred library exists (Phosphor, Feather, Heroicons), substitute it wholesale rather than mixing.
Rules
Stroke & Colour
- 1.5px at 16 to 24px; 2px at 32px and above.
- Outlined only, never filled.
- Colour inherits from text (
currentColor). - Violet only for active / selected states.
Sizing & Hit Targets
- 16px inline · 20px in buttons · 24 to 32px marketing · 48 to 64px hero.
- Wrap clickable icons in a 40×40 (mobile 44×44) hit area.
- Never decorative: if it carries no information, leave it out.
Sizes & States
Scale
States
Unicode Glyphs
For arrows, bullets and maths, on-brand unicode beats an icon. Emoji are never used.
→ ← ↑ ↓ · - × &