What Fluent UI is
Fluent UI Icons is Microsoft's icon library for the Fluent Design System, and at 20,170 icons it is the largest set indexed on IconStash. The icons are drawn across multiple sizes from 12px to 48px and in Regular and Filled styles.
The multi-size approach is unusual and practical: rather than scaling one drawing, Microsoft draws simplified variants for small sizes and more detailed variants for large ones. A 16px Fluent icon has less internal detail than the 48px version of the same concept, which is why it stays readable across the whole range.
IconStash indexes the complete Fluent UI Icons collection. You can search it alongside 27 other libraries, preview any icon at any size and colour, and export SVG, PNG, React JSX, Vue, CSS, or an SVG sprite without installing a package or creating an account.
React
npm install @fluentui/react-icons
The official package ships each icon as a tree-shakeable component, so bundlers only include the icons you actually import. Open any Fluent UI icon on IconStash and the Code tab shows that icon's exact import statement and JSX.
Plain SVG and other frameworks
You do not have to install anything. Every Fluent UI page lets you copy the raw SVG markup and paste it inline, which avoids a dependency entirely and gives you full control over colour, size, and stroke width.
IconStash also exports PNG at six sizes, Vue and CSS snippets, and SVG sprites — all generated in the browser from the original vector.
Good fit
Enterprise applications, Microsoft 365 integrations, and products that already follow Fluent or need extremely broad coverage. The count alone means you will rarely need to look elsewhere.
Consider alternatives
The size is also a drawback — with 20,170 icons, maintaining visual consistency across a product takes more discipline. Lucide and Heroicons are far easier to keep coherent.
Licensing
MIT. The full set across all sizes and styles is free for commercial use. Microsoft's trademark policy applies separately to the Microsoft and Office logos.
What is Fluent UI Icons?
Fluent UI Icons is Microsoft's icon library for the Fluent Design System, and at 20,170 icons it is the largest set indexed on IconStash. The icons are drawn across multiple sizes from 12px to 48px and in Regular and Filled styles.
Is Fluent UI Icons free for commercial use?
Yes. Fluent UI Icons is released under the MIT license, which permits unrestricted commercial use, modification, and distribution. No attribution is required, though it is appreciated. This makes Fluent UI one of the safest icon libraries to use in commercial SaaS products, client work, and proprietary applications.
How do I use Fluent UI icons in React?
Install the package with npm install @fluentui/react-icons, then import icons as components. Every Fluent UI page on IconStash shows the exact import statement and usage snippet for that specific icon in the Code tab, so you can copy working code without checking the docs. Tree-shakeable packages mean your bundler only includes the icons you actually import.
Can I download Fluent UI icons as PNG?
Yes. Open any Fluent UI icon on IconStash and use the Download PNG button to export at 16, 32, 64, 128, 256, or 512 pixels. The PNG is generated client-side from the original vector, so it stays crisp at every size. You can also copy the raw SVG markup, export a React component, or build an SVG sprite without installing anything.
Why are Fluent icons drawn at multiple sizes?
An icon that reads well at 48px usually turns to mush at 16px, and one tuned for 16px looks sparse when scaled up. Fluent solves this by drawing size-specific variants with different detail levels, so the same concept stays legible from 12px to 48px instead of being scaled from a single master.
Is Fluent UI Icons too large for a small project?
Probably. Twenty thousand icons is a huge amount of surface area, and keeping a small product visually consistent is harder when the library offers so much choice. For smaller projects, a curated set like Lucide or Heroicons usually produces a tighter result with less effort.