Iconography
Icons provide visual clarity and enhance usability. Our icon system maintains consistency while supporting our brand identity.
Icon Style
Icon
24pxIcon
24pxIcon
24pxIcon
24pxIcon
24pxIcon
24pxIcon
24pxIcon
24pxIcons should be simple, recognizable, and consistent in style. Use a consistent stroke width and corner radius throughout.
Icon Sizes
16px
20px
24px
32px
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