Skip to content

File type icons for React.

237 free file type icons from 9 libraries, Material Symbols, Tabler Icons and VSCode Icons among them. Open one to copy it as SVG or React, or install it with the shadcn CLI.

Add shadcn.io to your AI agent. · Pro It finds and installs the file type icon you describe, from any library, with Pro.

Set up MCP

231 icons · every library

  • Video File Sharp icon from Material Symbols
  • File Unknown icon from Tabler Icons
  • File Png icon from Phosphor
  • Rar icon from WebHostingHub Glyphs
  • Design File Ai  1 icon from Ultimate free icons
  • Design File Ai Bold icon from Ultimate free icons
  • Design File Text Image icon from Ultimate free icons
  • File Type Asp icon from VSCode Icons
  • File Type Aspx icon from VSCode Icons
  • File Type Assembly icon from VSCode Icons
  • File Type Astro icon from VSCode Icons
  • File Type Astroconfig icon from VSCode Icons
  • File Type Atom icon from VSCode Icons
  • File Type Ats icon from VSCode Icons
  • File Type Attw icon from VSCode Icons
  • File Type Audio icon from VSCode Icons
  • File Type Aurelia icon from VSCode Icons
  • File Type Clojurescript icon from VSCode Icons
  • File Type Fossa icon from VSCode Icons
  • File Type Fossil icon from VSCode Icons
  • File Type Freemarker icon from VSCode Icons
  • File Type Frontcommerce icon from VSCode Icons
  • File Type Fsharp icon from VSCode Icons
  • File Type Fsharp 2 icon from VSCode Icons
  • File Type Fsproj icon from VSCode Icons
  • File Type Fthtml icon from VSCode Icons
  • File Type Funding icon from VSCode Icons
  • File Type Fusebox icon from VSCode Icons
  • File Type Genstat icon from VSCode Icons
  • File Type Geojson icon from VSCode Icons
  • File Type Git icon from VSCode Icons
  • File Type Git 2 icon from VSCode Icons
  • File Type Gitlab icon from VSCode Icons
  • File Type Gitpod icon from VSCode Icons
  • File Type Gleam icon from VSCode Icons
  • File Type Gleamconfig icon from VSCode Icons
  • File Type Glide icon from VSCode Icons
  • File Type Glimmer icon from VSCode Icons
  • File Type Glitter icon from VSCode Icons
  • File Type Glsl icon from VSCode Icons
  • File Type Gltf icon from VSCode Icons
  • File Type Glyphs icon from VSCode Icons
  • File Type Gnu icon from VSCode Icons
  • File Type Gnuplot icon from VSCode Icons
  • File Type Go icon from VSCode Icons
  • File Type Go Aqua icon from VSCode Icons
  • File Type Go Black icon from VSCode Icons
  • File Type Go Fuchsia icon from VSCode Icons
  • File Type Haxe icon from VSCode Icons
  • File Type Haxecheckstyle icon from VSCode Icons
  • File Type Haxedevelop icon from VSCode Icons
  • File Type Helix icon from VSCode Icons
  • File Type Helm icon from VSCode Icons
  • File Type Histoire icon from VSCode Icons
  • File Type Hjson icon from VSCode Icons
  • File Type Hlsl icon from VSCode Icons
  • File Type Homeassistant icon from VSCode Icons
  • File Type Horusec icon from VSCode Icons
  • File Type Light Actionscript 2 icon from VSCode Icons
  • File Type Light Ada icon from VSCode Icons
  • File Type Light Agda icon from VSCode Icons
  • File Type Light Agents icon from VSCode Icons
  • File Type Light Apl icon from VSCode Icons
  • File Type Light Astro icon from VSCode Icons
  • File Type Light Astroconfig icon from VSCode Icons
  • File Type Light Babel icon from VSCode Icons
  • File Type Light Babel 2 icon from VSCode Icons
  • File Type Light Cabal icon from VSCode Icons
  • File Type Light Netlify icon from VSCode Icons
  • File Type Light Nim icon from VSCode Icons
  • File Type Light Nx icon from VSCode Icons
  • File Type Light Objidconfig icon from VSCode Icons
  • File Type Light Openhab icon from VSCode Icons
  • File Type Light Packship icon from VSCode Icons
  • File Type Light Pcl icon from VSCode Icons
  • File Type Light Pnpm icon from VSCode Icons
  • File Type Light Prettier icon from VSCode Icons
  • File Type Light Rome icon from VSCode Icons
  • File Type Light Rubocop icon from VSCode Icons
  • File Type Light Rust icon from VSCode Icons
  • File Type Light Rust Toolchain icon from VSCode Icons
  • File Type Light Safetensors icon from VSCode Icons
  • File Type Light Shadcn icon from VSCode Icons
  • File Type Light Shaderlab icon from VSCode Icons
  • File Type Light Solidity icon from VSCode Icons
  • File Type Light Spin icon from VSCode Icons
  • File Type Light Stylelint icon from VSCode Icons
  • File Type Light Stylus icon from VSCode Icons
  • File Type Light Symfony icon from VSCode Icons
  • File Type Light Systemd icon from VSCode Icons
  • File Type Light Systemverilog icon from VSCode Icons
  • File Type Light Testcafe icon from VSCode Icons
  • File Type Light Testjs icon from VSCode Icons
  • File Type Light Tex icon from VSCode Icons
  • File Type Light Tm icon from VSCode Icons
  • File Type Light Tmux icon from VSCode Icons
  • File Type Light Todo icon from VSCode Icons
  • File Type Light Toit icon from VSCode Icons
  • File Type Light Toml icon from VSCode Icons
  • File Type Light Tree icon from VSCode Icons
  • File Type Light Turbo icon from VSCode Icons
  • File Type Light Unibeautify icon from VSCode Icons
  • File Type Light Vash icon from VSCode Icons
  • File Type Light Vercel icon from VSCode Icons
  • File Type Light Vsix icon from VSCode Icons
  • File Type Light Vsixmanifest icon from VSCode Icons
  • File Type Light Xfl icon from VSCode Icons
  • File Type Nestjs icon from VSCode Icons
  • File Type Nest Service Js icon from VSCode Icons
  • File Type Nest Service Ts icon from VSCode Icons
  • File Type Netlify icon from VSCode Icons
  • File Type Next icon from VSCode Icons
  • File Type Nextflow icon from VSCode Icons
  • File Type Ng Component Css icon from VSCode Icons
  • File Type Ng Component Dart icon from VSCode Icons
  • File Type Ng Component Html icon from VSCode Icons
  • File Type Ng Component Js icon from VSCode Icons
  • File Type Ng Directive Js 2 icon from VSCode Icons
  • File Type Ng Directive Ts icon from VSCode Icons
  • File Type Ng Directive Ts 2 icon from VSCode Icons
120 of 231
  • 231 designs, one style each
  • From 9 libraries
  • 96% under permissive licenses
  • 237 icons in every style

Libraries

File type icons in each library

How each set draws file type. Open one to see only its icons.

1 more library

Skip the browsing. With Pro, your AI agent finds the file type icon you describe in any library and installs it.

Get Pro

Tags

Tags the same icons carry, closest to file type first.

Pricing

File type icons MCP, with Pro

Your agent finds the file type icon you describe in any of 9 libraries and installs it. The MCP comes with every Pro plan, with 6,000+ blocks and 14 premium templates.

4.9/5 out of 5 · 150+ reviewsfrom 150+ founders and developers.

Billed once a year in USD. Cancel anytime.

Individual

For personal projects & open source

$32instead of $49/mo

$389 billed yearly

  • How many people can use the license.Seats: 1 seat
  • Client work, SaaS products and anything you charge for.Commercial use: Personal & open source only
  • Production-ready React sections: hero, pricing, features, dashboards and more.Pro blocks: 6,000+ blocks
  • Complete multi-page sites you can ship as they are.Templates: All 14 templates
  • React icons from every major library, installable with one command.React icons: 294k+ icons
  • Presets that restyle every block, in light and dark.Themes: All 59 themes
  • Lets your AI editor search, preview and install blocks for you.MCP server: Basic usage
  • Priority requests are answered first.Support: Standard

Team

Most popular

For freelancers, agencies & startups

$66instead of $99/mo

$789 billed yearly · ≈ $13/dev/mo

Everything in Individual, plus

  • How many people can use the license.Seats: Up to 5 seats
  • Client work, SaaS products and anything you charge for.Commercial use: Included
  • Lets your AI editor search, preview and install blocks for you.MCP server: High usage
  • Priority requests are answered first.Support: Priority

Organization

For companies with larger teams

$132instead of $199/mo

$1,589 billed yearly

Everything in Team, plus

  • How many people can use the license.Seats: Unlimited seats
  • Lets your AI editor search, preview and install blocks for you.MCP server: Unlimited usage
  • Secure checkout via Stripe
  • Code lives in your repo
  • Keep what you've shipped if you cancel
  • License terms

FAQ

Frequently asked questions

About file type icons: how many there are, which libraries draw them, and how to use and license them.

Install any file type icon from a prompt

MCP, 6,000+ blocks and 14 premium templates in every Pro plan. The icons stay free.

Get Pro