Home/Libraries/VSCode Icons (Iconify)/file-type-cssmap

VSCode Icons (Iconify)

FileTypeCssmap

License: MITCommercial Safe

ICON SIZE

COLOR PICKER

Download SVG without fill color (CSS-styleable)

<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 32 32"><path fill="#818cf8" d="M16 30a14 14 0 1 1 14-14a14.016 14.016 0 0 1-14 14m0-26.824A12.824 12.824 0 1 0 28.824 16A12.84 12.84 0 0 0 16 3.176"/><path fill="#818cf8" d="M2.784 15.412h26.432v1.176H2.784zm13.533-4.938A44.8 44.8 0 0 1 4.42 8.92l.34-1.126c.111.034 11.277 3.32 22.427 0l.335 1.127a39.4 39.4 0 0 1-11.205 1.553M4.785 23.907l-.335-1.126c11.5-3.422 22.634-.14 23.1 0l-.34 1.126c-.11-.034-11.274-3.319-22.425 0"/><path fill="#818cf8" d="M11.468 28.764a35.45 35.45 0 0 1-.742-25.71l1.082.461A34.23 34.23 0 0 0 12.55 28.3Zm8.973 0L19.36 28.3a34.23 34.23 0 0 0 .74-24.785l1.082-.461a35.46 35.46 0 0 1-.741 25.71M15.412 2.783h1.175v26.919h-1.175z"/><path fill="#818cf8" d="M10.94 11.083h16.8a3.2 3.2 0 0 1 3.2 3.2v13.6a3.2 3.2 0 0 1-3.2 3.2h-13.6a3.2 3.2 0 0 1-3.2-3.2z"/><path fill="#818cf8" d="M14.563 26.298v-3.36c0-1.34.86-2.06 2.16-2.06c1.28-.02 2.08.82 2.04 2.24h-1.48c.04-.54-.2-.94-.6-.92c-.5 0-.64.34-.64.98v2.92c0 .62.2.92.64.94c.46 0 .64-.46.6-.98h1.48c.08 1.46-.84 2.32-2.14 2.3c-1.26 0-2.06-.7-2.06-2.06m4.74-.24h1.38c.02.64.22 1.04.66 1.04s.6-.26.6-.86c0-.5-.22-.78-.76-1.04l-.52-.24c-.92-.44-1.3-.98-1.3-2.06c0-1.2.76-2.04 2-2.04s1.9.86 1.92 2.26h-1.34c0-.58-.12-.98-.56-.98c-.4 0-.6.2-.6.7s.18.7.66.9l.48.22c1.02.48 1.46 1.1 1.46 2.26c0 1.38-.78 2.14-2.06 2.14s-2-.88-2.02-2.3m4.52 0h1.4c0 .64.22 1.04.64 1.04s.6-.26.6-.86c0-.5-.2-.78-.76-1.04l-.52-.24c-.92-.44-1.28-.98-1.28-2.06c0-1.2.74-2.04 2-2.04s1.88.86 1.92 2.26h-1.34c-.02-.58-.14-.98-.58-.98c-.4 0-.58.2-.58.7s.16.7.64.9l.5.22c1 .48 1.44 1.1 1.44 2.26c0 1.38-.78 2.14-2.06 2.14s-2-.88-2.02-2.3"/></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard

Overview Dashboard

PROGRESS STEPPER

BUTTON UI ACTIONS

SCALABILITY & CLARITY

12px

16px

24px

32px

48px

“

Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.

IconSearch Presets

Frequently Asked Questions

Q.How do I use this icon in my React/Next.js project?

You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. FileTypeCssmapIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **MIT** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.

Q.What is the "Download SVG without fill color" toggle?

Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.