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

FileTypeLex

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="M24.861 8.27a3.494 3.494 0 0 1 4.18 2.09a2.1 2.1 0 0 1 0 1.045c-1.085 4.3-15.788 17.167-20.9 17.766a5 5 0 0 1-1.045 0c-2.288-.246-4.439-2.112-4.18-3.135c.175-.693 1.432-.9 2.09-1.045c7.739-1.677 17.086-12.408 18.811-15.676a2.26 2.26 0 0 1 1.044-1.045"/><path fill="#818cf8" d="M15.743 24.948c.675.617 1.414 1.314 2.3 2.025c3.946 3.168 6.523 3.166 7.231 2.943a1.02 1.02 0 0 0 .581-.4a1.76 1.76 0 0 0-.29-1.744c-.519-.748-1.314-.955-1.236-1.272a.35.35 0 0 1 .255-.218c.562-.142.938 1.226 1.853 1.344c.66.086 1.4-.5 1.381-.908c-.015-.324-.508-.349-.727-.909c-.155-.4.049-.5-.073-.981c-.156-.619-.542-.656-.69-1.235c-.108-.422.067-.516.072-1.09a6.3 6.3 0 0 0-.508-1.781a19 19 0 0 0-.654-1.853c-.341-.8-.529-1.027-1.054-2.035c-.572-1.1-.853-1.794-1.017-2.143c-1.026-2.177-3.847-4.235-6.178-5.378c-2.445-1.2-3.978-1.208-4.687-2.725c-.339-.727-.084-.933-.545-1.89c-.077-.158-1.252-2.518-3.235-2.688a4.1 4.1 0 0 0-1.344.146a3.9 3.9 0 0 0-1.127.544c-.234.158-.8.538-1.368.96a.3.3 0 0 0-.049-.234a.465.465 0 0 0-.617 0c-.139.155-.069.466.054.7c-.6.479-1.066.933-.963 1.113c.195.343 2.054-.976 3.343-.181a1.8 1.8 0 0 1 .48.44a8.3 8.3 0 0 1-.371 2.689a9.2 9.2 0 0 1-1.126 2.58c-.134.2-.4.586-.364.618c.058.046.721-.718.968-.906a3 3 0 0 0-.1.365c-.409.685-1.319 2.007-1.159 2.14c.1.081.506-.344.617-.255c.231.185-1.2 2.26-1.017 2.4c.113.085.734-.644.872-.545c.181.13-.684 1.54-.545 1.635s1.334-1.535 1.6-1.381c.215.125-.352 1.324-.182 1.417c.1.057.455-.318.811-.789a5.5 5.5 0 0 0 .352 1.734a10 10 0 0 0 .872 1.49c.927 1.579.761 1.914 1.417 2.543a6.1 6.1 0 0 0 1.526.945a13 13 0 0 0 1.781.763A6 6 0 0 1 14.663 24"/></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. FileTypeLexIcon.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