Loading

how to dynamically get icon of the files using file extension

parthasarathy B

Hi,

Is there any way to dynamically get the icon of the files using its extensions in Sharepoint SPFX?

Thanks in Advance!

2 Replies

Know the answer? Post it — somebody with the same question will find it here.

Rajanikant Hawaldar5y ago
Accepted answer
You can use the SP.Web.mapToIcon method to map a file name to an icon. To use it from SPFx, you would make a REST API call to /_api/web/maptoicon(filename, progid, size).

An example call would be /_api/web/maptoicon(filename='filename.pdf', progid='', size='0').
Vaibhav Chauhan5y ago
If you are using Fluent UI file icons then you can refer below code:
import { Icon } from '@fluentui/react';
import { getFileTypeIconProps, FileIconType } from '@fluentui/react-file-type-icons';

'docx', size: 96, imageFileType: 'png' }) } />
'svg' }) } />
You can pass the extension dynamically to fetch appropriate icon.
You can also refer to below Url:
https://developer.microsoft.com/en-us/fluentui#/styles/web/file-type-icons