Arrangements
Sizing
Colors
Label colors
Border radius
File type glyphs
Examples
import FileIcon from 'react-file-icon';
| Prop name | Type | Default | Description |
|---|---|---|---|
color | string | whitesmoke | Color of icon background |
extension | string | Text to display in label | |
fold | bool | true | Displays the corner fold |
foldColor | string | Color of the corner fold | |
glyphColor | string | Color of file type icon | |
gradientColor | string | white | Color of page gradient |
gradientOpacity | number | 0.25 | Opacity of page gradient |
labelColor | string | Color of label | |
labelTextColor | string | white | Color of label text |
labelTextStyle | object | Style of label text | |
labelUppercase | bool | false | Displays the label in all caps |
radius | number | 4 | Corner radius of the file icon |
size | number | Width and height of the file icon | |
type | enum | Type of glyph icon to display One of: 3d, acrobat, audio, binary, code, code2, compressed, document, drive, font, image, presentation, settings, spreadsheet, vector, video |