IconSearch logoIconsearch
Home/Libraries/VSCode Icons (Iconify)/file-type-templ
← Back to Search
VSCode Icons (Iconify)

FileTypeTempl

License: MITCommercial Safe


<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 32 32"><path fill="#818cf8" d="m12.03 13.98l.08.07l.2.13l.04.03l.1.06a1 1 0 0 1 .08.05l.05.04l.03.02l.15.12h.01l-.03.1q-.05.12-.05.2a1 1 0 0 0 .01.16v.03l.03.14l.02.06v.06q.02.06.01.14v.07a22 22 0 0 1-.67.41q-.54.31-.99.53q-.72.35-1.39.6a27 27 0 0 1-1.38.48h-.01q-.5.16-1.1.4a37 37 0 0 0-.57.21q.3.18.74.33a6 6 0 0 0 .27.09a18 18 0 0 1 1.24.4q.61.23 1.12.57a1.8 1.8 0 0 1 .45.42a1.6 1.6 0 0 1 .23.46q.22.02.4.24l.02.04a.83.83 0 0 1 .15.48a1 1 0 0 1 0 .1a2 2 0 0 0-.32.24a1 1 0 0 1-.2.13a1 1 0 0 1-.17.06l-.08.01q-.16.01-.4-.04q-.3-.07-.64-.19l-.36-.12l-.37-.13q-.39-.14-.73-.22a9 9 0 0 0-.42-.1a11 11 0 0 0-.31-.05a4 4 0 0 1-.52-.13a3 3 0 0 1-.22-.08a1 1 0 0 1-.16-.08a1 1 0 0 1-.1-.08a.6.6 0 0 0-.23-.12H6a3 3 0 0 1-.33-.09a4 4 0 0 1-.32-.11l-.7-.32l-.71-.34l-.34-.16l-.31-.14q.01-.1-.22-.26a1.05 1.05 0 0 0-.51-.17a.5.5 0 0 0-.12-.3l-.04-.06q-.16-.16-.25-.37a1 1 0 0 1-.06-.2q-.04-.28.1-.54a1 1 0 0 1 .1-.15a1.24 1.24 0 0 1 .57-.42a2 2 0 0 1 .4-.1l.09.04q.13.03.21.03q.12-.01.3.07q.31-.2.74-.4t.84-.1a.2.2 0 0 1 .04-.08q.05-.05.12-.06h.04q.14 0 .18-.16a7 7 0 0 0 1.35-.37q.67-.25 1.3-.55a49 49 0 0 0 1.17-.58l.04-.01a23 23 0 0 1 .82-.4l.3-.14a1 1 0 0 0 .15.03h.07a.6.6 0 0 0 .23-.04a1 1 0 0 1 .34-.06h.08q-.05.05-.02.07l.03.01l.07.02h.07l.08.01a.2.2 0 0 1 .08.03a.2.2 0 0 1 .05.03m17.4 2.75a.5.5 0 0 0 .12.31l.05.06q.16.16.25.36q.07.17.07.34a1 1 0 0 1-.02.14a.9.9 0 0 1-.19.42a1.2 1.2 0 0 1-.23.22a2 2 0 0 1-.17.1a1.6 1.6 0 0 1-.34.14a2 2 0 0 1-.23.05l-.09-.03q-.13-.05-.21-.04h-.04q-.1 0-.25-.06h-.02q-.3.2-.74.4q-.43.19-.84.1a.2.2 0 0 1-.04.07q-.04.06-.12.07h-.03q-.15 0-.18.15a7 7 0 0 0-1.36.38q-.66.25-1.29.55t-1.21.6a14 14 0 0 1-.72.35a12 12 0 0 1-.4.18a1 1 0 0 0-.15-.03h-.08a.6.6 0 0 0-.22.03a1 1 0 0 1-.35.07h-.07q.04-.05.02-.07l-.03-.01l-.08-.02h-.07l-.07-.02a.2.2 0 0 1-.08-.02a.2.2 0 0 1-.05-.04l-.28-.18l-.15-.1l-.07-.04l-.06-.05l-.04-.03l-.15-.12q.07-.17.08-.28v-.21l-.04-.13l-.01-.06l-.01-.06v-.21a23 23 0 0 1 .67-.41q.53-.32.98-.53q.7-.35 1.39-.6a29 29 0 0 1 1.4-.5q.5-.15 1.1-.37a37 37 0 0 0 .57-.22q-.4-.22-1.01-.41q-.62-.19-1.24-.42t-1.13-.56a1.8 1.8 0 0 1-.44-.42a1.6 1.6 0 0 1-.24-.47q-.22-.01-.39-.23l-.02-.04a.83.83 0 0 1-.15-.49a1 1 0 0 1 0-.1a2 2 0 0 0 .32-.23a1 1 0 0 1 .2-.13a1 1 0 0 1 .16-.07h.08q.17-.02.4.04q.3.07.65.18l.36.13l.37.13q.38.13.72.22a9 9 0 0 0 .43.1a11 11 0 0 0 .3.05a4 4 0 0 1 .53.13a3 3 0 0 1 .22.08a1 1 0 0 1 .16.08a1 1 0 0 1 .1.08a.6.6 0 0 0 .23.11l.03.01a3 3 0 0 1 .34.08a4 4 0 0 1 .32.12l.7.31l.7.35q.35.18.66.3q-.02.1.22.25a1.05 1.05 0 0 0 .5.17m-10.91-4.87a20 20 0 0 1 .76-1a8 8 0 0 1 .5-.55a6 6 0 0 1 .32-.3a1.6 1.6 0 0 1 .25-.19q.24-.14.48-.14a1 1 0 0 1 .1.01a3.4 3.4 0 0 1 .25.76a3 3 0 0 1 .04.45v.14q0 .55-.11 1.23l-.09.1l-.23.26l-.13.15l-.3.34l-.33.38l-.63.72l-.1.1l-.36.42l-.34.4a22 22 0 0 0-.29.35l-.28.36l-.13.17l-.17.27l-.04.07l-.12.14l-.33.37l-.18.2a57 57 0 0 0-.61.72l-.21.25l-.8.96l-.03.03l-.65.8q-.01.07.02.13a.2.2 0 0 0 .03.03q.07.07.1.15a1 1 0 0 0-.1.1q-.08.1-.11.2v.02a1 1 0 0 0-.03.2a1 1 0 0 0 0 .1l.06.3a1 1 0 0 1 .02.15v.15q-.13.1-.2.24a11 11 0 0 1-.16.27a1.4 1.4 0 0 1-.14.19l-.04.05a1 1 0 0 1-.16.14a1 1 0 0 1-.12.07q-.36-.04-.58-.1l-.39-.08l-.13-.03a1.17 1.17 0 0 1-.4-.58a2.3 2.3 0 0 1-.09-.66v-.06a4 4 0 0 1 .09-.73a9 9 0 0 1 .06-.3l.1-.33l.03-.03q.14-.1-.02-.14a.9.9 0 0 1 .17-.32a1 1 0 0 1 .07-.08a1 1 0 0 0 .07-.08q.1-.11.1-.2q.12-.19.46-.57l.35-.4l.39-.42l.68-.76l.1-.1l.17-.2l.4-.45q.08-.23.35-.57l.11-.14a73 73 0 0 1 .57-.66l.2-.23l.73-.86q.26-.32.32-.55a.5.5 0 0 0 .03-.12q.3-.21.65-.7z"/></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard
Dashboard
Analytics
Settings

Overview Dashboard

PROGRESS STEPPER

3

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. FileTypeTemplIcon.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.

Related Icons in VSCode Icons (Iconify)

Browse all VSCode Icons (Iconify) icons →
default-file
default-file
default-folder
default-folder
default-folder-opened
default-folder-opened
default-root-folder
default-root-folder
default-root-folder-opened
default-root-folder-opened
file-type-access
file-type-access
file-type-access2
file-type-access2
file-type-actionscript
file-type-actionscript
file-type-actionscript2
file-type-actionscript2
file-type-ada
file-type-ada
file-type-advpl
file-type-advpl
file-type-affinity
file-type-affinity