Iconography
Our icon system is clean, geometric, and consistent. Icons should communicate clearly at a glance and complement — never compete with — the content they support.
Style
All icons follow a consistent visual language.
Outline
1.5px stroke weight with rounded caps and joins. Outline style is our primary icon treatment for UI elements.
24px Grid
Icons are designed on a 24x24px grid with 2px padding. This ensures consistent sizing and alignment across the interface.
Rounded
Rounded line caps and joins create a friendly, approachable aesthetic that aligns with the Lovie brand personality.
Grid System
The 24px icon grid with 2px safe zone ensures visual consistency.
Icon Library
Core icons available for use across all Lovie products.
Home
Search
User
Heart
Settings
Bell
Share
Download
Check
Close
Arrow Right
Sizing
Icons should be used at standard sizes to maintain visual harmony.
16px
Inline
20px
Small
24px
Default
32px
Medium
48px
Large
Usage Guidelines
Use icons at standard sizes from the sizing scale
Pair icons with labels for primary navigation
Use brand dark (#031906) or white for icon colors
Don't mix filled and outline styles in the same context
Don't use icons at non-standard sizes
Don't add effects like shadows or gradients to icons