Fluent UI System Color Icons Icons

About Fluent UI System Color Icons Icons

Fluent UI System Color Icons is a comprehensive, open-source vector icon library designed by Microsoft Corporation. Our catalogue lists 890 SVG icons in the UI Multicolor category. Search by icon name, preview the result at your interface’s size, and copy SVG or framework code.

License & Usage

The catalogue lists the MIT license. Read the collection’s license for attribution, redistribution, and any other terms that apply to your use.

Installation & Integration

npm install @iconify/react

import { Icon } from '@iconify/react';

<Icon icon="fluent-color:mic-20" width={24} />

You can interactively search, customize stroke widths, adjust colors, and copy raw SVG code directly from the interface above. Alternatively, you can copy React JSX snippets or Vue templates for immediate integration into your frontend frameworks.

Try a sample icon

• mic-20
• alert-32
• wrench-24
• shifts-32
• add-circle-16
• shield-24

Related Design Resources

• Typography Library — Discover 2,180+ open-source fonts to pair with these icons.
• Image Resizer — Perfectly frame your icons for social media graphics.