git404hub

what is fluentui-system-icons fr?

microsoft/fluentui-system-icons — explained in plain English

Analysis updated 2026-06-24

10,542HTMLAudience · designerComplexity · 1/5LicenseSetup · easy

tl;dr

Microsoft's official icon collection in regular and filled styles, packaged for Android, iOS, macOS, Flutter, and web with raw SVG files, covering hundreds of common interface concepts.

vibe map

mindmap
  root((fluentui-system-icons))
    What It Does
      Official Microsoft icons
      Regular and filled styles
      RTL direction support
    Platforms
      Android package
      iOS and macOS
      Flutter package
      Raw SVG for web
    Icon Categories
      Navigation icons
      File and folder icons
      People and settings
    Audience
      App developers
      Designers

Code map

Detail Auto

An interactive map of this repo's files and how they connect — its source is parsed live in your browser. Click Visualize to build it.

filefunction / class

what do people make with this?

VIBE 1

Add a consistent set of professionally designed icons to an Android or iOS app without designing them yourself.

VIBE 2

Use official Microsoft Fluent icons in a Flutter app by adding the ready-made pub.dev package.

VIBE 3

Embed SVG icon files directly in a web project to match Microsoft's design language for a business tool.

VIBE 4

Build an app that supports Arabic or Hebrew using directional icon variants that flip correctly for right-to-left layouts.

what's the stack?

SVGAndroidiOSFlutterHTML

how it stacks up fr

microsoft/fluentui-system-iconslouisshark/chatgpt_system_promptelemefe/node-interview
Stars10,54210,56310,499
LanguageHTMLHTMLHTML
Setup difficultyeasyeasyeasy
Complexity1/51/51/5
Audiencedesignergeneraldeveloper

Figures from each repo's GitHub metadata at analysis time.

how do i run it?

Difficulty · easy time til it works · 5min
Open source and maintained by Microsoft, use freely in your apps following the package license terms.

in plain english

Fluent UI System Icons is Microsoft's official collection of icons used across their products and design system. The icons are described as familiar, friendly, and modern, and they come in two visual styles: regular (outline) and filled (solid). The full list runs to hundreds of individual icons covering common interface concepts like navigation, files, settings, people, and notifications. The collection is packaged for several different development platforms so that app builders can add these icons to their projects without converting image files by hand. There are ready-made libraries for Android apps, iOS and macOS apps, and Flutter apps, each available through their respective standard package managers. If none of those fit, the raw SVG files are also available to embed directly in HTML or web projects. One detail the repository calls out is directional support. Some icons look different depending on whether the interface reads left-to-right or right-to-left. The icon metadata marks each icon as either unique (with separate versions for each direction) or mirrored (where the same shape just flips horizontally for the other direction). This matters for apps that support Arabic, Hebrew, or other right-to-left languages. The project is open source and maintained by Microsoft's design and platform engineering teams. Contributors who want to add or update icons work through an importer tool that generates the Android and iOS library files from source assets. A build pipeline runs automatically on pull requests to validate changes.

prompts (copy fr)

prompt 1
How do I add the Fluent UI System Icons package to my Android project and display a settings icon in my app?
prompt 2
I am building a Flutter app. Show me how to install fluentui-system-icons and display a filled notification bell icon.
prompt 3
Which Fluent UI icon SVG should I use for a file-upload button? How do I embed it in my HTML page?
prompt 4
My app supports Arabic. How do I use the directional variants in fluentui-system-icons so icons mirror correctly for RTL text layouts?

Frequently asked questions

what is fluentui-system-icons fr?

Microsoft's official icon collection in regular and filled styles, packaged for Android, iOS, macOS, Flutter, and web with raw SVG files, covering hundreds of common interface concepts.

What language is fluentui-system-icons written in?

Mainly HTML. The stack also includes SVG, Android, iOS.

What license does fluentui-system-icons use?

Open source and maintained by Microsoft, use freely in your apps following the package license terms.

How hard is fluentui-system-icons to set up?

Setup difficulty is rated easy, with roughly 5min to a first successful run.

Who is fluentui-system-icons for?

Mainly designer.

peek the repo → explain another one

This repo across BitVibe Labs

double-check against the repo, no cap.