microsoft/fluentui-system-icons

这是什么？

核心功能

• 01提供常规与填充两种图标样式，并包含多种尺寸
• 02为 Android、iOS/macOS 和 Flutter 提供原生依赖包
• 03提供可直接内联到任意网页项目中的 SVG 文件
• 04通过元数据标记图标是否可镜像或区分 RTL/LTR 版本
• 05可通过 Maven Central、CocoaPods、Carthage 和 pub 安装

适用场景

• 为 Android 或 iOS 应用添加风格统一的图标集
• 用 Fluent 风格图标构建 Flutter 应用
• 在 React 或网页界面中使用内联 SVG 图标
• 为从右到左书写的语言做界面本地化，并使用可镜像图标

快速上手

1. 1

   在根目录 build.gradle 中添加 mavenCentral() 仓库

2. 2

   在项目的 build.gradle 中添加 Android 依赖

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

   在 pubspec.yaml 中添加 Flutter 依赖

   fluentui_system_icons: ^1.1.344

使用前须知

• !Android、iOS/macOS 和 Flutter 各需要单独的库，没有适用于所有平台的统一包。
• !使用纯 SVG 时需要自行复制或内联文件，而不是通过包管理器安装。

收录于专题

标签

常见问题

fluentui-system-icons 是什么？

微软开源的 Fluent UI 系统图标库，提供 Android、iOS/macOS、Flutter 和纯 SVG 多种接入方式。 Fluent UI System Icons 是微软推出的一套风格亲切、现代的图标库，图标分为常规（regular）和填充（filled）两种样式，每个图标都带有元数据，说明其可用尺寸、样式以及文字方向。

fluentui-system-icons 可以免费使用吗？用的什么许可证？

fluentui-system-icons 以 MIT 许可证开源。用于商业产品前，请先确认许可证条款。

fluentui-system-icons 还在维护吗？

活跃维护中。fluentui-system-icons 最近一次提交是在 2026年11月6日。

fluentui-system-icons 适合用来做什么？

为 Android 或 iOS 应用添加风格统一的图标集 用 Fluent 风格图标构建 Flutter 应用 在 React 或网页界面中使用内联 SVG 图标 为从右到左书写的语言做界面本地化，并使用可镜像图标

fluentui-system-icons 怎么安装和运行？

在根目录 build.gradle 中添加 mavenCentral() 仓库 在项目的 build.gradle 中添加 Android 依赖: implementation 'com.microsoft.design:fluent-system-icons:1.1.344@aar' 在 pubspec.yaml 中添加 Flutter 依赖: fluentui_system_icons: ^1.1.344

在哪里获取 fluentui-system-icons？

源代码和安装说明在 GitHub 上：https://github.com/microsoft/fluentui-system-icons