# @fluentui/font-icons-mdl2

> Fluent UI React icon set.

Latest version **8.5.74** (published 2026-06-30) · MIT license · 0 weekly downloads

## Install

```sh
npm install @fluentui/font-icons-mdl2
pnpm add @fluentui/font-icons-mdl2
yarn add @fluentui/font-icons-mdl2
bun add @fluentui/font-icons-mdl2
```

## Health

**Score 75/100 (B)** — status: active.

Positive: has types; esm support; no vulnerabilities; recently updated; high maintenance score; high quality score; popular repo.

Warnings: low downloads.

## Facts

| | |
|---|---|
| Version | 8.5.74 |
| Published | 2026-06-30 |
| First published | 2020-10-23 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 4 |
| Unpacked size | 1.8 MB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 20294 |
| Maintainers | chrisdholt, miroslavstastny, levithomason, uifabricteam, uifrnbot, layershifter, justslone, microsoft1es, sopranopillow |

## Links

- npm: https://www.npmjs.com/package/@fluentui/font-icons-mdl2
- Repository: https://github.com/microsoft/fluentui
- Homepage: https://github.com/microsoft/fluentui#readme
- Issues: https://github.com/microsoft/fluentui/issues
- npm.io page: https://npm.io/package/@fluentui/font-icons-mdl2

## Dependencies (4)

- [tslib](https://npm.io/package/tslib.md) ^2.1.0
- [@fluentui/utilities](https://npm.io/package/@fluentui/utilities.md) ^8.17.2
- [@fluentui/set-version](https://npm.io/package/@fluentui/set-version.md) ^8.2.24
- [@fluentui/style-utilities](https://npm.io/package/@fluentui/style-utilities.md) ^8.15.2

## Recent versions

- 8.5.74 (latest) — 2026-06-30
- 7.9.6 (lts-7) — 2025-02-26
- 8.0.0-beta.19 (beta) — 2021-02-22
- 8.5.73 — 2026-05-11
- 8.5.72 — 2026-02-26
- 8.5.71 — 2026-01-27
- 8.5.70 — 2025-12-10
- 8.5.69 — 2025-11-26
- 8.5.68 — 2025-11-11
- 8.5.67 — 2025-10-23
- 8.5.66 — 2025-10-16
- 8.5.65 — 2025-10-14
- 8.5.64 — 2025-10-09
- 8.5.63 — 2025-08-26
- 8.5.62 — 2025-05-16
- … 150 more at https://npm.io/package/@fluentui/font-icons-mdl2/versions

## README

# @fluentui/font-icons-mdl2

**Icons for [Fluent UI React](https://developer.microsoft.com/en-us/fluentui)**
([formerly Office UI Fabric React](https://developer.microsoft.com/en-us/office/blogs/ui-fabric-is-evolving-into-fluent-ui/))

Fluent UI React Icons includes a collection of 1100+ icons which you can use in your application.

## Getting started

If you are using Fluent UI React components, you can make all icons available by calling the `initializeIcons` function from the `@fluentui/font-icons-mdl2` package:

```tsx
import { initializeIcons } from '@fluentui/font-icons-mdl2';

// Register icons and pull the fonts from the default SharePoint cdn.
initializeIcons();

// ...or, register icons and pull the fonts from your own cdn:
initializeIcons('https://my.cdn.com/path/to/icons/');
```

This will make ALL icons in the collection available, but will download them on demand when referenced using the `@fluentui/style-utilities` APIs `getIcon` or `getIconClassName`.

## Usage in code

### Icon component

If you are using Fluent UI React, you can use the `Icon` component and pass in the corresponding iconName property to render a given icon.

```tsx
import { Icon } from '@fluentui/react/lib/Icon';

<Icon iconName="Snow" />;
```

### `getIconClassName` API

The `@fluentui/style-utilities` package includes a `getIconClassName` API which can provide a css class to use for rendering the icon manually using the `:before` pseudoselector:

```ts
import { getIconClassName } from '@fluentui/style-utilities';

return `<i class="${getIconClassName('Snow')}" />`;
```

## Notes

See [GitHub](https://github.com/microsoft/fluentui) for more details on the Fluent UI React project and packages within.

---
_Source: https://npm.io/package/@fluentui/font-icons-mdl2 · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._