Repository files navigation

Fluent UI System Icons are a collection of familiar, friendly and modern icons from Microsoft.

• View the full list of regular icons

• View the full list of filled icons

Within the metadata.json file for an icon, a property nameddirectionType is used to indicate the direction of the icon. This property can have one of the following values:

• unique, meaning that the icon is unique and has a specific RTL and LTR version
• mirror, meaning that the icon can be mirrored for RTL or LTR languages

The propertysingleton is also used to indicate the default direction that should be used for the icon.

The library is published via Maven Central, please ensure that themavenCentral() repository has been added to the rootbuild.gradle file:

repositories {...    mavenCentral()}

Include the following dependency in your project'sbuild.gradle:

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

For library docs, seeandroid/README.md.

use_frameworks!pod"FluentIcons","1.1.319"

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

For library docs, seeios/README.md.

In thepubspec.yaml of your flutter project, add the following dependency:

dependencies:...fluentui_system_icons:^1.1.319

For library docs, seeflutter/README.md.

Inline svg directly. Seepackages/svg-icons/README.md.

The importer generates the Android and iOS libraries from the icons in theassets directory.

Jump into the directory:

cd importer

Install npm dependencies:

npm installnpm run clean

List all the available commands:

npm run

Ourbuild pipeline runsdeploy:android anddeploy:ios to create the libraries. The build definitions are located in.github/workflows/.

You can build and run the demo apps following the steps below.

1. Follow theImporter section above and run the commandnpm run deploy:android
2. Open theandroid directory in Android Studio
3. Select thesample-showcase in the build configuration dropdown
4. Click run

Prerequisite: Make sure you have flutter configured in Android Studio

1. Open theflutter directory in Android Studio
2. Select theexample in the directory and open it in Android Studio
3. Click run

Please feel free toopen a GitHub issue and assign to the following points of contact with questions or requests.

• Jason Custer(@jasoncuster) / Spencer Nelson(@spencer-nelson) / Joe Woodward(@thewoodpecker) - Design
• Nick Romano(@rickromano) - iOS
• Will Hou(@willhou) - Android
• Akashdeep Singh(@aakash1313) - Flutter

This project has adopted theMicrosoft Open Source Code of Conduct. For more information see theCode of Conduct FAQ or contactopencode@microsoft.com with any additional questions or comments.