# Fluent UI System Icons: Modern, Cross-Platform Icons from Microsoft

This repository profile is provided by osrepos.com, an open source repository discovery platform.

Source: osrepos.com
Repository profile: https://osrepos.com/repo/microsoft-fluentui-system-icons
Generated for open source discovery and AI-assisted research.

Fluent System Icons offers a comprehensive collection of familiar, friendly, and modern icons developed by Microsoft. This repository provides these high-quality icons for various platforms, including Android, iOS, Flutter, and plain SVG. It's an excellent resource for developers and designers looking to enhance their applications with a consistent and contemporary visual style.

GitHub: https://github.com/microsoft/fluentui-system-icons
OSRepos URL: https://osrepos.com/repo/microsoft-fluentui-system-icons

## Summary

Fluent System Icons offers a comprehensive collection of familiar, friendly, and modern icons developed by Microsoft. This repository provides these high-quality icons for various platforms, including Android, iOS, Flutter, and plain SVG. It's an excellent resource for developers and designers looking to enhance their applications with a consistent and contemporary visual style.

## Topics

- android
- design
- fluent
- flutter
- icons
- ios
- react
- UI/UX

## Repository Information

Last analyzed by OSRepos: Sun May 03 2026 00:51:22 GMT+0100 (Western European Summer Time)
Detail views: 5
GitHub clicks: 4

## Safety Notice

OSRepos shares public repositories for knowledge and discovery only. Review source code, dependencies, licenses, and security implications before running or installing anything.

## Content

## Introduction

Fluent UI System Icons is a comprehensive collection of familiar, friendly, and modern icons from Microsoft, designed to provide a consistent visual language across various platforms. This repository serves as the central hub for these high-quality icons, offering them in both regular and filled styles. It also details how icons handle directionality (RTL/LTR) through `directionType` and `singleton` properties, ensuring proper display in diverse language contexts.

## Installation

Integrating Fluent UI System Icons into your projects is straightforward, with support for major development environments.

### Android

To include the library in your Android project, ensure `mavenCentral()` is added to your root `build.gradle` file:

groovy
repositories {
    // ...
    mavenCentral()
}


Then, add the following dependency to your project's `build.gradle`:

groovy
implementation 'com.microsoft.design:fluent-system-icons:1.1.325@aar'


For detailed documentation, refer to the [Android README](https://github.com/microsoft/fluentui-system-icons/blob/main/android/README.md){target="_blank"}.

### iOS and macOS

#### CocoaPods

Add the following to your Podfile:

ruby
use_frameworks!

pod "FluentIcons", "1.1.325"


#### Carthage

Include this in your Cartfile:

bash
git "git@github.com:microsoft/fluentui-system-icons.git" "1.1.325"


For detailed documentation, refer to the [iOS README](https://github.com/microsoft/fluentui-system-icons/blob/main/ios/README.md){target="_blank"}.

### Flutter

Add the dependency to your `pubspec.yaml` file:

yaml
dependencies:
  # ...
  fluentui_system_icons: ^1.1.325


For detailed documentation, refer to the [Flutter README](https://github.com/microsoft/fluentui-system-icons/blob/main/flutter/README.md){target="_blank"}.

### Plain SVG

You can also use the icons directly as inline SVG. More information is available in the [SVG Icons README](https://github.com/microsoft/fluentui-system-icons/blob/main/packages/svg-icons/README.md){target="_blank"}.

## Examples

The repository includes demo applications for both Android and Flutter, allowing you to see the icons in action and understand their implementation.

### Android Demo

1.  Follow the **Importer** section in the repository's README and run `npm run deploy:android`.
2.  Open the `android` directory in Android Studio.
3.  Select `sample-showcase` in the build configuration dropdown.
4.  Click run to launch the demo.

### Flutter Demo

1.  Open the `flutter` directory in Android Studio.
2.  Select the `example` project within the directory and open it.
3.  Click run to launch the demo.

## Why Use Fluent UI System Icons?

Choosing Fluent UI System Icons brings several advantages to your projects:

*   **Modern and Consistent Design**: Leverage a visually appealing and unified icon set from Microsoft, ensuring a polished look across your applications.
*   **Cross-Platform Compatibility**: Seamlessly integrate icons into Android, iOS, Flutter, and web projects using SVG, maintaining consistency regardless of the platform.
*   **Developer-Friendly**: With clear installation guides and demo applications, getting started and implementing these icons is straightforward for developers.
*   **Open Source**: Benefit from an actively maintained open-source project under the MIT License, providing flexibility and community support.

## Links

*   **GitHub Repository**: [microsoft/fluentui-system-icons](https://github.com/microsoft/fluentui-system-icons){target="_blank"}
*   **Full List of Regular Icons**: [View Regular Icons](https://github.com/microsoft/fluentui-system-icons/blob/main/icons_regular.md){target="_blank"}
*   **Full List of Filled Icons**: [View Filled Icons](https://github.com/microsoft/fluentui-system-icons/blob/main/icons_filled.md){target="_blank"}
*   **Android Library Docs**: [android/README.md](https://github.com/microsoft/fluentui-system-icons/blob/main/android/README.md){target="_blank"}
*   **iOS Library Docs**: [ios/README.md](https://github.com/microsoft/fluentui-system-icons/blob/main/ios/README.md){target="_blank"}
*   **Flutter Library Docs**: [flutter/README.md](https://github.com/microsoft/fluentui-system-icons/blob/main/flutter/README.md){target="_blank"}
*   **SVG Icons Docs**: [packages/svg-icons/README.md](https://github.com/microsoft/fluentui-system-icons/blob/main/packages/svg-icons/README.md){target="_blank"}