FileIcon

pro

FileIcon renders a colored SVG badge for common file types, with a folder variant and automatic fallback for unknown extensions.

Get the code
PDF
XLS
DOC

Installation

Add this component with the NateUI CLI.

npx nateui@latest add FileIcon

Examples

Sizes

Get the code
PDF
PDF
PDF
PDF

All Supported Types

Get the code
PDF
pdf
XLS
xlsx
CSV
csv
DOC
doc
PPT
ppt
jpg
png
gif
svg
mp4
mp3
TXT
txt
directory
XYZ
xyz

API

PropDescriptionTypeDefault
typeFile extension or 'directory'. Determines the rendered media glyph, label badge, or folder icon.string—
sizeWidth and height of the SVG in pixels.number30