Iconography
Icons provide visual clarity and enhance usability. Our icon system maintains consistency while supporting our brand identity.
Icon style
Icons should be simple, recognizable, and consistent in style. Use a consistent stroke width and corner radius throughout.
Icon sizes
Standard icon sizes are 16px, 20px, 24px, and 32px. Choose the size that best fits your context and maintains visual hierarchy.
Usage guidelines
Do
- Use icons to enhance meaning, not replace text
- Maintain consistent stroke width
- Pair icons with labels when clarity is important
- Use appropriate sizes for context
Don't
- Mix different icon styles in the same interface
- Use icons that are too small to recognize
- Stretch or distort icon proportions
- Use decorative icons that don't add meaning