Fluent System Icons
A collection of familiar, friendly, and modern icons from Microsoft for Android, iOS, Flutter, and web projects.
What is Fluent System Icons?
Fluent UI System Icons is a collection of icons developed by Microsoft, designed to be familiar, friendly, and modern. It provides a consistent set of visual assets for building user interfaces across Android, iOS, Flutter, and web platforms. The library solves the problem of fragmented iconography by offering a unified design system that aligns with Microsoft's Fluent design language.
Mobile and web developers building applications for Android, iOS, or Flutter who need a cohesive and professionally designed icon set. Designers and product teams seeking consistent visual assets across multiple platforms.
Developers choose Fluent UI System Icons for its official Microsoft backing, ensuring high-quality and regularly updated icons. Its multi-platform support and built-in RTL/LTR handling reduce implementation effort and maintain visual consistency across different operating systems and languages.
Overview
Fluent System Icons are a collection of familiar, friendly and modern icons from Microsoft.
Use Cases
Best For
- Adding consistent Microsoft-style icons to Android apps
- Building Flutter applications with a modern design system
- Ensuring icon consistency across iOS and Android platforms
- Implementing RTL (right-to-left) language support in UI icons
- Using SVG icons in web projects with a cohesive visual style
- Rapid prototyping with pre-designed, production-ready icons
Not Ideal For
- Applications deeply integrated with Google's Material Design ecosystem
- Projects requiring a vast library of niche or highly specialized icons beyond general UI elements
- Teams that prefer icon fonts for web development due to easier CSS styling and vector scaling
- Open-source projects aiming for brand neutrality without association with Microsoft
Pros & Cons
Pros
Icons are available for Android, iOS, Flutter, and as plain SVGs, enabling consistent iconography across different environments, as detailed in the installation section for each platform.
Icons include direction metadata (unique or mirror) for proper rendering in right-to-left languages, reducing manual adjustments and simplifying internationalization, as mentioned in the Direction section.
Developed by Microsoft, the icons provide a familiar, friendly, and modern visual language that aligns with the Fluent UI design system, ensuring high-quality and cohesive aesthetics.
Uses GitHub Actions to generate and deploy platform-specific libraries from source assets, ensuring up-to-date and consistent releases, as highlighted in the Build Pipeline section.
Cons
Icons are tightly coupled with Microsoft's Fluent design philosophy, which may not integrate well with other design systems like Material or Cupertino, limiting flexibility for diverse projects.
Only offers regular and filled styles; lacks other common variants such as outlined, rounded, or duotone, which might restrict design options compared to more versatile icon libraries.
Adding new icons requires using the importer tool and following Microsoft's contribution guidelines, which can be more involved than simply submitting icons to other open-source icon sets.
Frequently Asked Questions
Related Projects
Font AwesomeThe iconic SVG, font, and CSS toolkit
Material design iconsMaterial Design icons by Google (Material Symbols)
FeatherSimply beautiful open-source icons
HeroiconsA set of free MIT-licensed high-quality SVG icons for UI development.
Found a gem we're missing?
Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.