What is the file type icon used for?

It's used to represent generic files or documents in UI elements like lists or buttons.

How do I use the file type icon in React?

Import it from 'lucide-react' and use it as a component: import { FileType } from 'lucide-react'.

The Lucide icon library, including the file type icon, is available under the ISC license.

Lucide · file-type · ISC

The Lucide file type icon visually represents a generic file, often used to indicate a document or data file in user interfaces.

Install

npm i lucide-react

Import & render

import { FileType } from 'lucide-react';

<FileType size={24} />

What is the file type icon used for?: It's used to represent generic files or documents in UI elements like lists or buttons.
How do I use the file type icon in React?: Import it from 'lucide-react' and use it as a component: import { FileType } from 'lucide-react'.
What is the license for this icon?: The Lucide icon library, including the file type icon, is available under the ISC license.

The same idea in other libraries, and near matches in Lucide.

The search behind these pages runs as a Claude Code skill. What skills are and how I ship them →