Primitive 12 / Icons

File type icon

One component, twelve hand-drawn glyphs. Switches on the file kind prop and accepts an optional extension label rendered inside the generic body. No external icon library.

Production answer

File type icon is a reusable Oak Flats Muffler Men UI primitive with documented states, accessibility expectations, theme behavior, and implementation evidence.

Primary CTAReview File type icon states
Generative search brief

File type icon: One component, twelve hand-drawn glyphs. Switches on the file kind prop and accepts an optional extension label rendered inside the generic body. No external icon library.

All twelve kinds
  • Image.jpg .png .avif
  • Video.mp4 .mov .webm
  • Audio.wav .mp3 .flac
  • PDFPDF.pdf
  • Document.doc .docx .md
  • Spreadsheet.xls .xlsx .csv
  • Slides.ppt .pptx .key
  • Archive.zip .tar .gz
  • Code.ts .py .svg
  • 3D model.glb .obj .fbx
  • CAD.dwg .step .iges
  • Generic.dat .bin .file