microsoft/fluentui-system-icons

これは何？

主な機能

• 01複数のサイズで使えるRegularとFilledのアイコンスタイル
• 02Android、iOS/macOS、Flutter向けのネイティブパッケージ
• 03あらゆるWebプロジェクトにインラインで追加できるSVGファイル
• 04アイコンの反転やRTL/LTR別のバージョンを示す文字方向メタデータ
• 05Maven Central、CocoaPods、Carthage、pub経由で利用可能

ユースケース

• AndroidまたはiOSアプリに統一感のあるアイコンセットを追加する
• Fluentスタイルのアイコンを使ったFlutterアプリを開発する
• ReactやWebインターフェースでインライン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 とは？

Microsoftが公開する、親しみやすくモダンなFluent UIアイコン集。Android、iOS/macOS、Flutter向けライブラリとSVGで提供されています。 Fluent UI System Iconsは、親しみやすくモダンなデザインのMicrosoft製アイコンセットです。アイコンはRegularとFilledのスタイルに分かれており、それぞれのアイコンには利用可能なサイズ、スタイル、文字方向を定義するメタデータが付属しています。

fluentui-system-icons は無料で使えますか？ライセンスは？

fluentui-system-icons は MIT ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。

fluentui-system-icons は今もメンテナンスされていますか？

活発にメンテナンス中。fluentui-system-icons の最終コミットは 2026年11月5日 です。

fluentui-system-icons は何に使えますか？

AndroidまたはiOSアプリに統一感のあるアイコンセットを追加する Fluentスタイルのアイコンを使ったFlutterアプリを開発する ReactやWebインターフェースでインライン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