@fluentui/react-icon-provider

Icon override provider for Fluent UI React

This component is used for providing overrides to the icons in @fluentui/react-icons-mdl2. This provider does not affect legacy icons or their overrides (initializeIcons and registerIcons from @fluentui/font-icons-mdl2).

Below is an example of how to override an icon:

``js
import * as ReactDOMClient from 'react-dom/client';
import { IconProvider } from '@fluentui/react-icon-provider';
import { IIconSubset } from '@fluentui/style-utilities';
import { FilterIcon } from '@fluentui/react-icons-mdl2';

const FakeIcon = () => (



);
const override: IIconSubset = {
icons: {
FilterIcon: ,
},
};

const OverriddenFilterIcon = () => (



);

ReactDOMClient.createRoot(document.body.firstChild).render();
``