A curated library of icons to be used throughout the product. This ensures consistency and a shared visual language.
Icons are a universal language. A consistent library reduces cognitive load and speeds up recognition. Mixing styles (e.g., filled vs. outlined, different stroke weights) makes the UI feel broken and unprofessional.
Test how icons render at different sizes, weights, and styles.
Navigation, actions, and utilities (e.g., arrows, search, menu). Usually 16px-24px.
Represent key features or object types. Usually 24px-32px.
Used for empty states or onboarding. More detailed, often multi-color.
Custom icons that reflect the brand's unique personality.
Are all icons from the same family (e.g., Phosphor, Material)?
Do they match the typography weight?
Do they remain legible at small sizes?