Fluent UI React file type icon set.
npm install @fluentui/react-file-type-iconsFile type icons for Fluent UI React
(formerly Office UI Fabric React)
This package includes a collection of icons to represent file types.
If you are using Fluent UI React components, you can make all file type icons available by calling the initializeFileTypeIcons function from the @fluentui/react-file-type-icons package:
``tsx
import { initializeFileTypeIcons } from '@fluentui/react-file-type-icons';
// Register icons and pull the fonts from the default Microsoft Fluent CDN:
initializeFileTypeIcons();
// Or register icons and pull the fonts from a different CDN or folder path:
initializeFileTypeIcons('https://my.cdn.com/path/to/icons/');
`
NOTE: Proceed carefully if you override the default CDN location, whose contents may not match the registered file type icons and supported extensions. Do not use the item-types-fluent icon set that was previously uploaded to the Fluent CDN; it's deprecated.
If you are using Fluent UI React, you can use the Icon component and pass in the corresponding icon properties to render a given icon.
`tsx
import { Icon } from '@fluentui/react/lib/Icon';
import { getFileTypeIconProps } from '@fluentui/react-file-type-icons';
``
See GitHub for more details on the Fluent UI React project and packages within.