Repolode
Submit
microsoft

microsoft/fluentui-system-icons

Microsoft's open-source collection of familiar, friendly and modern Fluent UI icons, distributed for Android, iOS/macOS, Flutter and plain SVG.

Open-source alternative to:SF Symbols

View on GitHubWebsite
Stars
10,953
Forks
814
Open issues
216
Last commit
24 hours ago

What is it?

Fluent UI System Icons is a set of icons from Microsoft designed to look familiar, friendly and modern. The icons are organized into regular and filled styles, and each icon comes with metadata that defines its available sizes, styles and text direction.

The project ships the icons as ready-to-use libraries for several platforms. Android users pull in a package from Maven Central, iOS and macOS developers install through CocoaPods or Carthage, and Flutter projects add a pub dependency. Teams that don't use these frameworks can inline the SVG files directly. The Android and iOS libraries are generated from the source SVG assets by an importer in the repository.

Icons can be flagged as mirrored for right-to-left languages or as having distinct RTL and LTR versions, which helps localized interfaces. The repository also includes a sample showcase app for Android and an example app for Flutter.

Key features

  • 01Regular and filled icon styles in multiple sizes
  • 02Native packages for Android, iOS/macOS and Flutter
  • 03Plain SVG files that can be inlined in any web project
  • 04Direction metadata marking icons as mirrored or RTL/LTR specific
  • 05Available via Maven Central, CocoaPods, Carthage and pub

Use cases

  • Adding a consistent icon set to an Android or iOS app
  • Building a Flutter application with Fluent-style icons
  • Using inline SVG icons in a React or web interface
  • Localizing an interface for right-to-left languages with mirrored icons

Quick start

  1. 1

    Add mavenCentral() repository to root build.gradle

  2. 2

    Add the Android dependency to your build.gradle

    implementation 'com.microsoft.design:fluent-system-icons:1.1.344@aar'
  3. 3

    Add the Flutter dependency to pubspec.yaml

    fluentui_system_icons: ^1.1.344

Things to know

  • Android, iOS/macOS and Flutter each need their own library, so there is no single package for all platforms.
  • Plain SVG usage requires copying or inlining the files yourself rather than installing a package.

In collections

Android apps & phone tools

Topics

#icons#design-system#svg#android#ios#flutter#react#ui#design#fluent

FAQ

What is fluentui-system-icons?
Microsoft's open-source collection of familiar, friendly and modern Fluent UI icons, distributed for Android, iOS/macOS, Flutter and plain SVG. Fluent UI System Icons is a set of icons from Microsoft designed to look familiar, friendly and modern. The icons are organized into regular and filled styles, and each icon comes with metadata that defines its available sizes, styles and text direction.
Is fluentui-system-icons free to use? What license does it have?
fluentui-system-icons is open source under the MIT license. Check the license terms before using it in commercial products.
Is fluentui-system-icons still maintained?
Actively maintained. The last commit to fluentui-system-icons was on Nov 5, 2026.
What can I use fluentui-system-icons for?
Adding a consistent icon set to an Android or iOS app Building a Flutter application with Fluent-style icons Using inline SVG icons in a React or web interface Localizing an interface for right-to-left languages with mirrored icons
How do I install fluentui-system-icons?
Add mavenCentral() repository to root build.gradle Add the Android dependency to your build.gradle: implementation 'com.microsoft.design:fluent-system-icons:1.1.344@aar' Add the Flutter dependency to pubspec.yaml: fluentui_system_icons: ^1.1.344
Where can I get fluentui-system-icons?
The source code and installation instructions are on GitHub: https://github.com/microsoft/fluentui-system-icons

Summary generated by AI from the project's README. GitHub stats refresh daily.

Related projects