c38020a15e
**What's new** Align Distribute Bottom / 16 / Filled & Regular Align Distribute Left / 16 / Filled & Regular Align Distribute Right / 16 / Filled & Regular Align Distribute Top / 16 / Filled & Regular Align Stretch Horizontal / 16 / Filled & Regular Align Stretch Vertical / 16 / Filled & Regular Arrow Next / 16 / Filled & Regular Arrow Previous / 16 / Filled & Regular Braces Checkmark / 16 / Filled & Regular Braces Dismiss / 16 / Filled & Regular Branch / 16 / Filled & Regular CD / 16 / Filled & Regular Calendar Arrow Counterclockwise / 16, 20, 24, 28, 32, 48 / Filled & Regular Calendar Play / 16, 20, 24, 28 / Filled & Regular Calendar Shield / 16, 20, 24, 28, 32, 48 / Filled & Regular Call Transfer / 24, 32 / Filled & Regular Camera Off / 16 / Filled & Regular Certificate / 16 / Filled & Regular Clipboard Error / 16 / Filled & Regular Clipboard Multiple / 16 / Filled & Regular Clipboard Note / 16 / Filled & Regular Clipboard Task / 16 / Filled & Regular Clipboard Text LTR / 16 / Filled & Regular Clipboard Text RTL / 16 / Filled & Regular Cloud Add / 24 / Filled & Regular Cloud Link / 24 / Filled & Regular Code CS Rectangle / 16 / Filled & Regular Code CS / 16 / Filled & Regular Code FS Rectangle / 16 / Filled & Regular Code FS / 16 / Filled & Regular Code JS Rectangle / 16 / Filled & Regular Code JS / 16 / Filled & Regular Code PY Rectangle / 16 / Filled & Regular Code PY / 16 / Filled & Regular Code RB Rectangle / 16 / Filled & Regular Code RB / 16 / Filled & Regular Code TS Rectangle / 16 / Filled & Regular Code TS / 16 / Filled & Regular Code Text Off / 16 / Filled & Regular Code VB Rectangle / 16 / Filled & Regular Code VB / 16 / Filled & Regular Comment Multiple / 16 / Filled & Regular Cone / 16 / Filled & Regular Data Bar Horizontal Descending / 16 / Filled & Regular Data Bar Vertical Ascending / 16 / Filled & Regular Database Stack / 16 / Filled & Regular Database / 16 / Filled & Regular Developer Board / 16 / Filled & Regular Document CS / 16 / Filled & Regular Document CSS / 16 / Filled & Regular Document Contract / 16 / Filled & Regular Document Data / 16 / Filled & Regular Document FS / 16 / Filled & Regular Document JS / 16 / Filled & Regular Document Number 1 / 16 / Filled & Regular Document PY / 16 / Filled & Regular Document RB / 16 / Filled & Regular Document TS / 16 / Filled & Regular Document Target / 16 / Filled & Regular Document VB / 16 / Filled & Regular Eyedropper / 16 / Filled & Regular Folder Multiple / 16 / Filled & Regular Folder Open Vertical / 16 / Filled & Regular Gantt Chart / 16 / Filled & Regular Hard Drive / 16 / Filled & Regular Hourglass Half / 16 / Filled & Regular Hourglass One Quarter / 16 / Filled & Regular Hourglass Three Quarter / 16 / Filled & Regular Hourglass / 16 / Filled & Regular Keyboard Mouse / 16 / Filled & Regular Memory / 16 / Filled & Regular More Circle / 16, 24, 28, 48 / Filled & Regular Network Adapter / 16 / Filled & Regular People Star / 16, 20, 24, 28, 32, 48 / Filled & Regular Person Search / 16, 32 / Filled & Regular Person Standing / 16 / Filled & Regular Person Walking / 16 / Filled & Regular Play Multiple / 16 / Filled & Regular RAM / 16 / Filled & Regular Radio Button Off / 16 / Filled & Regular Radio Button / 16 / Filled & Regular Save Multiple / 16 / Filled & Regular Script / 16 / Filled & Regular Server Surface Multiple / 16 / Filled & Regular Server Surface / 16 / Filled & Regular Server / 16 / Filled & Regular Shield / 12 / Filled & Regular Slide Text Person / 16, 20, 24, 28, 32, 48 / Filled & Regular Spray Can / 16 / Filled & Regular Step / 16 / Filled & Regular Steps / 16 / Filled & Regular Table Lock / 16, 20, 24, 28, 32, 48 / Filled & Regular Text T Tag / 16 / Filled & Regular Translate / 16 / Filled Video Person Clock / 16, 20, 24, 28, 32, 48 / Filled & Regular Video Person / 32 / Filled & Regular Voicemail / 32 / Filled & Regular Web Asset / 16 / Filled & Regular **What's updated** Attach / 16 / Filled & Regular Certificate / 20, 24 / Filled & Regular Cloud Add / 16 / Filled & Regular Cloud Archive / 16, 24 / Filled & Regular Cloud Arrow Down / 16, 24 / Filled & Regular Cloud Arrow Up / 16, 24 / Filled & Regular Cloud Checkmark / 16, 24 / Filled & Regular Cloud Dismiss / 16, 24 / Filled & Regular Cloud Edit / 16, 24 / Filled & Regular Cloud Error / 16, 24 / Filled & Regular Cloud Flow / 24 / Filled & Regular Cloud Link / 16 / Filled & Regular Cloud Off / 16, 24 / Filled & Regular Cloud Swap / 24 / Filled & Regular Cloud Sync / 16, 24 / Filled & Regular Cloud Words / 16, 24 / Filled & Regular Hard Drive / 20 / Filled & Regular Preview Link / 16, 20, 24 / Filled & Regular |
||
|---|---|---|
| .azure/pipelines | ||
| .github/workflows | ||
| android | ||
| art | ||
| assets | ||
| flutter | ||
| fonts | ||
| importer | ||
| ios | ||
| packages | ||
| .gitignore | ||
| CONTRIBUTING.md | ||
| FluentIcons.podspec | ||
| LICENSE | ||
| NOTICE | ||
| README.md | ||
| SECURITY.md | ||
| generate_icons_md.py | ||
| icons_filled.md | ||
| icons_regular.md | ||
| package-lock.json | ||
| package.json | ||
README.md
Fluent UI System Icons
Fluent UI System Icons are a collection of familiar, friendly and modern icons from Microsoft.
Icon List
View the full list of regular icons
View the full list of filled 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.188@aar'
For library docs, see android/README.md.
iOS and macOS
CocoaPods
use_frameworks!
pod "FluentIcons", "1.1.188"
Carthage
git "git@github.com:microsoft/fluentui-system-icons.git" "1.1.188"
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.188
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
- Follow the Importer section above and run the command
npm run deploy:android - Open the android directory in Android Studio
- Select the
sample-showcasein the build configuration dropdown - Click run
Flutter
Prerequisite: Make sure you have flutter configured in Android Studio
- Open the flutter directory in Android Studio
- Select the 'example' in the directory and open it in Android Studio
- Click run
Contact
Please feel free to open 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
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 opencode@microsoft.com with any additional questions or comments.