Fluent Design – Iconography
Icons are a core component of the Fluent Design System, providing visual cues that enhance usability and convey meaning across Windows applications. This guide covers the principles, styles, and best practices for integrating icons into your UI.
Principles
- Clarity – Icons must be instantly recognizable.
- Consistency – Use the same visual weight and shape across the product.
- Scalability – Icons should render sharply at all sizes.
- Accessibility – Provide appropriate labels and contrast.
Icon Sets
Add
Delete
Search
Sync
Settings
Download & Integration
All Fluent icons are available as SVG, PNG, and as components for popular frameworks. Visit the Downloads page for assets.
Accessibility
When using icons, always provide a descriptive aria-label or accompanying text. Ensure contrast ratios meet WCAG AA standards.