File Icon

A coloured icon for each kind of file — document, spreadsheet, presentation, PDF, image, video, music, archive or a plain file — sized like a Lucide icon in attachments and lists.

File Icon

acme-audit.pdf2.1 MB

acme-audit.pptx2.1 MB

acme-audit.zip2.1 MB

acme-audit.xlsx2.1 MB

Installation

pnpm dlx shadcn@latest add @sortui/file-icon

Usage

import {
  FileIcon,
} from "@/components/ui/file-icon"

Examples

Types

Sizes

Ship your next project this week

Get the full Figma kit, the code of 180+ sections and every future update for one payment.

Get Pro Access