Skip to content

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

License

Notifications You must be signed in to change notification settings

bheston/fluentui-system-icons

 
 

Repository files navigation

Fluent UI System Icons

CI

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

fluent system icons

Icon List

View the full list of icons

Installation

Android

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

repositories {
    ...
    mavenCentral()
}

Include the following dependency in your project's build.gradle

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

For library docs, see android/README.md.

iOS and macOS

CocoaPods

use_frameworks!

pod "FluentIcons", "1.1.154"

Carthage

git "[email protected]:microsoft/fluentui-system-icons.git" "1.1.154"

For library docs, see ios/README.md.

Flutter

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

dependencies:
  ...
  fluentui_system_icons: ^1.1.154

For library docs, see flutter/README.md

Plain svg

Inline svg directly. See packages/svg-icons/README.md.

Contributing

Importer

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

Jump into the directory

cd importer

Install npm dependencies

npm install
npm run clean

List all the available commands

npm run

Build Pipeline

Our build pipeline runs deploy:android and deploy:ios to create the libraries. The build definitions are located in .github/workflows/.

Demo apps

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

Android

  1. Follow the Importer section above and run the command npm run deploy:android
  2. Open the android directory in Android Studio
  3. Select the sample-showcase in the build configuration dropdown
  4. Click run

Flutter

Prerequisite: Make sure you have flutter configured in Android Studio

  1. Open the flutter directory in Android Studio
  2. Select the 'example' in the directory and open it in Android Studio
  3. Click run

Contact

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

Code of Conduct

This project has adopted the Microsoft Open Source Code of Conduct. For more information see the Code of Conduct FAQ or contact [email protected] with any additional questions or comments.

About

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

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • Dart 37.4%
  • HTML 32.3%
  • Swift 20.6%
  • CSS 9.2%
  • Python 0.2%
  • Kotlin 0.1%
  • Other 0.2%