base on Fluent System Icons are a collection of familiar, friendly and modern icons from Microsoft. # 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](icons_regular.md) - [View the full list of filled icons](icons_filled.md) ## Direction Within the metadata.json file for an icon, a property named `directionType` 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 property `singleton` is also used to indicate the default direction that should be used for the icon. ## Installation ### Android The library is published via Maven Central, please ensure that the `mavenCentral()` repository has been added to the root `build.gradle` file: ```groovy repositories { ... mavenCentral() } ``` Include the following dependency in your project's `build.gradle`: ```groovy implementation 'com.microsoft.design:fluent-system-icons:1.1.305@aar' ``` For library docs, see [android/README.md](android/README.md). ### iOS and macOS #### CocoaPods ```ruby use_frameworks! pod "FluentIcons", "1.1.305" ``` #### Carthage ```bash git "[email protected]:microsoft/fluentui-system-icons.git" "1.1.305" ``` For library docs, see [ios/README.md](ios/README.md). ### Flutter In the `pubspec.yaml` of your flutter project, add the following dependency: ```yaml dependencies: ... fluentui_system_icons: ^1.1.305 ``` For library docs, see [flutter/README.md](flutter/README.md). ### Plain svg Inline svg directly. See [packages/svg-icons/README.md](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](https://github.com/microsoft/fluentui-system-icons/actions) 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](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](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](https://github.com/microsoft/fluentui-system-icons/issues/new) and assign to the following points of contact with questions or requests. - Jason Custer([@jasoncuster](https://github.com/jasoncuster)) / Spencer Nelson([@spencer-nelson](https://github.com/spencer-nelson)) / Joe Woodward([@thewoodpecker](https://github.com/thewoodpecker)) - Design - Nick Romano([@rickromano](https://github.com/nickromano)) - iOS - Will Hou([@willhou](https://github.com/willhou)) - Android - Akashdeep Singh([@aakash1313](https://github.com/aakash1313)) - Flutter ## Code of Conduct This project has adopted the [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct). For more information see the [Code of Conduct FAQ](https://opensource.microsoft.com/codeofconduct) or contact [email protected] with any additional questions or comments. ", Assign "at most 3 tags" to the expected json: {"id":"14033","tags":[]} "only from the tags list I provide: [{"id":77,"name":"3d"},{"id":89,"name":"agent"},{"id":17,"name":"ai"},{"id":54,"name":"algorithm"},{"id":24,"name":"api"},{"id":44,"name":"authentication"},{"id":3,"name":"aws"},{"id":27,"name":"backend"},{"id":60,"name":"benchmark"},{"id":72,"name":"best-practices"},{"id":39,"name":"bitcoin"},{"id":37,"name":"blockchain"},{"id":1,"name":"blog"},{"id":45,"name":"bundler"},{"id":58,"name":"cache"},{"id":21,"name":"chat"},{"id":49,"name":"cicd"},{"id":4,"name":"cli"},{"id":64,"name":"cloud-native"},{"id":48,"name":"cms"},{"id":61,"name":"compiler"},{"id":68,"name":"containerization"},{"id":92,"name":"crm"},{"id":34,"name":"data"},{"id":47,"name":"database"},{"id":8,"name":"declarative-gui "},{"id":9,"name":"deploy-tool"},{"id":53,"name":"desktop-app"},{"id":6,"name":"dev-exp-lib"},{"id":59,"name":"dev-tool"},{"id":13,"name":"ecommerce"},{"id":26,"name":"editor"},{"id":66,"name":"emulator"},{"id":62,"name":"filesystem"},{"id":80,"name":"finance"},{"id":15,"name":"firmware"},{"id":73,"name":"for-fun"},{"id":2,"name":"framework"},{"id":11,"name":"frontend"},{"id":22,"name":"game"},{"id":81,"name":"game-engine "},{"id":23,"name":"graphql"},{"id":84,"name":"gui"},{"id":91,"name":"http"},{"id":5,"name":"http-client"},{"id":51,"name":"iac"},{"id":30,"name":"ide"},{"id":78,"name":"iot"},{"id":40,"name":"json"},{"id":83,"name":"julian"},{"id":38,"name":"k8s"},{"id":31,"name":"language"},{"id":10,"name":"learning-resource"},{"id":33,"name":"lib"},{"id":41,"name":"linter"},{"id":28,"name":"lms"},{"id":16,"name":"logging"},{"id":76,"name":"low-code"},{"id":90,"name":"message-queue"},{"id":42,"name":"mobile-app"},{"id":18,"name":"monitoring"},{"id":36,"name":"networking"},{"id":7,"name":"node-version"},{"id":55,"name":"nosql"},{"id":57,"name":"observability"},{"id":46,"name":"orm"},{"id":52,"name":"os"},{"id":14,"name":"parser"},{"id":74,"name":"react"},{"id":82,"name":"real-time"},{"id":56,"name":"robot"},{"id":65,"name":"runtime"},{"id":32,"name":"sdk"},{"id":71,"name":"search"},{"id":63,"name":"secrets"},{"id":25,"name":"security"},{"id":85,"name":"server"},{"id":86,"name":"serverless"},{"id":70,"name":"storage"},{"id":75,"name":"system-design"},{"id":79,"name":"terminal"},{"id":29,"name":"testing"},{"id":12,"name":"ui"},{"id":50,"name":"ux"},{"id":88,"name":"video"},{"id":20,"name":"web-app"},{"id":35,"name":"web-server"},{"id":43,"name":"webassembly"},{"id":69,"name":"workflow"},{"id":87,"name":"yaml"}]" returns me the "expected json"