@uifabric/icons

Icons for Fluent UI React (formerly Office UI Fabric React)

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 @uifabric/icons package:

import { initializeIcons } from '@uifabric/icons';

// 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 @uifabric/styling 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.

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

<Icon iconName="Snow" />;

getIconClassName API

The styling package includes a getIconClassName API which can provide a css class to use for rendering the icon manually using the :before pseudoselector:

import { getIconClassName } from '@uifabric/styling';

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

Notes

See GitHub for more details on the Fluent UI React project and packages within.

Change Log - @uifabric/icons

This log was last generated on Wed, 26 Feb 2025 19:34:53 GMT and should not be manually modified.

7.9.6

Wed, 26 Feb 2025 19:34:53 GMT Compare changes

Patches

• fix: update icons base URL to point to new CDN. (PR #33900 by twatanabe@microsoft.com)

7.9.5

Mon, 31 Oct 2022 12:24:01 GMT Compare changes

Patches

• Bump @uifabric/utilities to v7.38.2 (PR #25387 by gcox@microsoft.com)

7.9.4

Tue, 04 Oct 2022 18:13:33 GMT Compare changes

Patches

• Bump @uifabric/styling to v7.25.0 (PR #25064 by gcox@microsoft.com)

7.9.3

Tue, 04 Oct 2022 12:23:16 GMT Compare changes

Patches

• Bump @uifabric/styling to v7.24.0 (PR #25050 by gcox@microsoft.com)

7.9.2

Fri, 30 Sep 2022 21:44:22 GMT Compare changes

Patches

• Bump @uifabric/utilities to v7.38.1 (PR #25035 by arujain@microsoft.com)

7.9.1

Thu, 29 Sep 2022 12:30:34 GMT Compare changes

Patches

• Bump @uifabric/styling to v7.23.0 (PR #24998 by gcox@microsoft.com)

7.9.0

Tue, 27 Sep 2022 12:23:24 GMT Compare changes

Minor changes

• Added IconNamesInput to exports (PR #24954 by gcox@microsoft.com)

7.8.6

Tue, 06 Sep 2022 20:18:55 GMT Compare changes

Patches

• Force syncing icon versions (PR #24673 by gcox@microsoft.com)

7.8.4

Fri, 02 Sep 2022 21:05:10 GMT Compare changes

Patches

• Bump icons version without bumping font-icons-mdl2 (PR #24656 by gcox@microsoft.com)

7.8.3

Fri, 02 Sep 2022 18:25:04 GMT Compare changes

Patches

• Bump @uifabric/utilities to v7.38.0 (PR #24654 by gcox@microsoft.com)

7.8.2

Fri, 02 Sep 2022 16:57:15 GMT Compare changes

Patches

• Patch bumping to match font-icons-mdl2 (PR #24649 by gcox@microsoft.com)

7.8.1

Thu, 01 Sep 2022 23:27:06 GMT Compare changes

Patches

• Bump @uifabric/utilities to v7.36.1 (PR #24628 by gcox@microsoft.com)

7.8.0

Tue, 30 Aug 2022 19:01:23 GMT Compare changes

Minor changes

• Bumping version to match font-icons-mdl2 (PR #24590 by gcox@microsoft.com)

Patches

• Bump @uifabric/styling to v7.22.0 (PR #24572 by mgodbolt@microsoft.com)

7.7.6

Tue, 30 Aug 2022 00:07:57 GMT Compare changes

Patches

• Bump @uifabric/utilities to v7.36.0 (PR #24555 by tmichon@microsoft.com)

7.7.5

Wed, 17 Aug 2022 12:21:32 GMT Compare changes

Patches

• Bump @uifabric/utilities to v7.35.0 (PR #24370 by tmichon@microsoft.com)

7.7.4

Wed, 27 Jul 2022 12:27:44 GMT Compare changes

Patches

• Bump @uifabric/styling to v7.21.1 (PR #24022 by mgodbolt@microsoft.com)

7.7.3

Fri, 08 Jul 2022 12:23:25 GMT Compare changes

Patches

• Bump @uifabric/styling to v7.21.0 (PR #23465 by tmichon@microsoft.com)

7.7.2

Fri, 20 May 2022 12:22:01 GMT Compare changes

Patches

• Update window variable to use iconBaseUrl to avoid collision (PR #23008 by ololubek@microsoft.com)

7.7.1

Thu, 19 May 2022 12:29:07 GMT Compare changes

Patches

• Bump @uifabric/styling to v7.20.2 (PR #22921 by tmichon@microsoft.com)

7.7.0

Thu, 14 Apr 2022 12:27:44 GMT Compare changes

Minor changes

• Updating initializeIcons to add user defined URL in argument. (PR #22415 by ololubek@microsoft.com)

7.6.3

Wed, 30 Mar 2022 12:25:54 GMT Compare changes

Patches

• Bump @uifabric/styling to v7.20.1 (PR #22039 by tmichon@microsoft.com)

7.6.2

Fri, 22 Oct 2021 12:29:03 GMT Compare changes

Patches

• Bump @uifabric/styling to v7.20.0 (PR #20243 by phkuo@microsoft.com)

7.6.1

Mon, 04 Oct 2021 12:36:04 GMT Compare changes

Patches

• Update BASE_URL to remove depreacted CDN (PR #18637 by bekaise@microsoft.com)

7.6.0

Fri, 27 Aug 2021 12:24:10 GMT Compare changes

Minor changes

• Bump @uifabric/styling to v7.19.1 (PR #18923 by tmichon@microsoft.com)

7.5.23

Wed, 17 Mar 2021 19:23:22 GMT Compare changes

Patches

• Bump @uifabric/styling to v7.19.0 (PR #17431 by elcraig@microsoft.com)

7.3.36

Thu, 07 May 2020 01:06:55 GMT Compare changes

Patches

• Addressing commonjs imports. (PR #13031 by dzearing@microsoft.com)

7.3.26

Thu, 16 Apr 2020 04:01:45 GMT Compare changes

Patches

• Readme: Clarify usage docs; Fabric=>Fluent wording updates (PR #12508 by elcraig@microsoft.com)

7.3.22

Wed, 25 Mar 2020 12:30:04 GMT

Patches

• Changing references of Fabric to Fluent (mgodbolt@microsoft.com)

  7.3.21

  Mon, 23 Mar 2020 12:28:29 GMT

Patches

• Replace OfficeDev/office-ui-fabric-react with microsoft/fluentui (elcraig@microsoft.com)

  7.3.1

  Fri, 17 Jan 2020 02:32:17 GMT

Patches

• Update tslib minver to first version containing __spreadArrays helper due to changes in how TS emits spreads. (jagore@microsoft.com)

  7.3.0

  Mon, 23 Sep 2019 12:33:15 GMT

Minor changes

• Updates icons to v3.50, adding new icons and visual changes to some existing ones. (pejahn@microsoft.com)

  7.2.1

  Thu, 12 Sep 2019 12:34:15 GMT

Patches

• Enable api-extractor for OUFR deps (elcraig@microsoft.com)

  7.2.0

  Wed, 04 Sep 2019 12:32:15 GMT

Minor changes

• Update Fabric icons to v3.46, adding many new icons. (pejahn@microsoft.com)

  7.1.3

  Wed, 04 Sep 2019 04:09:58 GMT

Patches

• fix version file (kchau@microsoft.com)

  7.1.2

  Fri, 23 Aug 2019 12:35:28 GMT

Patches

• Update npmignores, delete unused jest setup files (elcraig@microsoft.com)
• Fix up readme and package.json descriptions (elcraig@microsoft.com)

7.1.1

Wed, 17 Jul 2019 18:58:57 GMT

Patches

• Adding @types/react and @types/react-dom to package.json that have peer dependencies on react and react-dom. (makotom@microsoft.com)

7.1.0

Tue, 02 Jul 2019 12:29:06 GMT

Minor changes

• Update MDL2 icons. Add AllIconNames.json

7.0.2

Fri, 14 Jun 2019 12:26:30 GMT

Patches

• Fix missing assets in production build.

7.0.1

Thu, 13 Jun 2019 00:24:48 GMT

Patches

• Initial release of Fabric 7

6.5.2

Tue, 14 May 2019 07:50:30 GMT

Patches

• Update Fabric assets link

6.5.1

Tue, 02 Apr 2019 00:38:15 GMT

Patches

• Use ^ ranges instead of >=

6.5.0

Fri, 15 Mar 2019 12:34:07 GMT

Minor changes

• Add new icons

6.4.0

Mon, 18 Feb 2019 13:38:30 GMT

Minor changes

• Deprecate iconNames due to const enum usage.

6.3.0

Tue, 20 Nov 2018 20:12:42 GMT

Minor changes

• Icons: Add new font files that were missed from the most recent update.

6.2.0

Tue, 20 Nov 2018 13:32:17 GMT

Minor changes

• Icons: Added many new icons from the Fabric icons tool (aka.ms/fabric-icons)

6.1.2

Mon, 08 Oct 2018 12:24:15 GMT

Patches

• Moving tslint/prettier dependencies

6.1.1

Fri, 21 Sep 2018 14:25:46 GMT

Patches

• Adding a version stamp file

6.1.0

Wed, 22 Aug 2018 05:10:19 GMT

Minor changes

• Add IconNamesInput alongside IconNames const enum

6.0.3

Tue, 14 Aug 2018 10:27:33 GMT

Patches

• disabling codepen task

6.0.2

Wed, 27 Jun 2018 23:59:19 GMT

Patches

• Republish to address issue #5353

6.0.1

Tue, 05 Jun 2018 00:44:30 GMT

Patches

• Added Prettier

6.0.0

Wed, 30 May 2018 20:28:33 GMT

Breaking changes

• Minimum React version is now 16.3.2.

5.8.0

Wed, 16 May 2018 00:05:17 GMT

Minor changes

• Update to FabricMDL2 v2.80.

5.7.1

Mon, 16 Apr 2018 10:23:26 GMT

Patches

• Removing module entry temporarily. (Will be added back in 6.0.)

5.7.0

Sun, 25 Mar 2018 03:08:03 GMT

Minor changes

• Updating to webpack 4 for producting bundles. Adding appropriate module and sideEffects fl

5.6.0

Tue, 13 Mar 2018 20:00:06 GMT

Minor changes

• Adjusting npmrc to ensure we have published to the correct registry.

5.5.0

Fri, 02 Mar 2018 11:25:35 GMT

Minor changes

• Updating icons to FabMDL2v2.68 and adding 2 icons to the main partition.

5.4.2

Thu, 01 Feb 2018 11:23:17 GMT

Patches

• updating config files in @uifabric/icons package
• Updating fabric icons in office-ui-fabric-react's @uifabric/icons package

5.4.1

Mon, 29 Jan 2018 11:23:40 GMT

Patches

• Updating fabric icons in office-ui-fabric-react's @uifabric/icons package

5.4.0

Wed, 03 Jan 2018 11:23:12 GMT

Minor changes

• Updated icon font files to match the hash in the src files.

5.3.0

Thu, 30 Nov 2017 11:23:35 GMT

Minor changes

• Updating the icons package to pass through optional options argument in initializeIcons.

5.2.0

Fri, 13 Oct 2017 21:59:12 GMT

Minor changes

• IconNames should not produce javascript.

5.1.1

Fri, 06 Oct 2017 10:18:41 GMT

Patches

• TSConfig: update to use preserveConstEnums so that certain builds s ystems don't break when importing const enums

5.1.0

Thu, 05 Oct 2017 10:17:42 GMT

Minor changes

• Exporting IconNames const enum.

5.0.1

Wed, 27 Sep 2017 00:20:58 GMT

Patches

• Initial release of the icons package.