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

VSCode Icons (Iconify)

FileTypeSnaplet

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="M7.25 18.1a40.4 40.4 0 0 0-.09-6.44c-.11-1.36-.11-3.43.69-3.8C9.8 7 11.6 11.31 15 10.8c2.75-.41 2.08-5.1 3.93-5.38C21.58 5 26.89 16 27.66 23.75A14 14 0 1 0 2 16a13.92 13.92 0 0 0 3.84 9.61a21.9 21.9 0 0 0 1.41-7.51"/><path fill="#818cf8" d="M5.81 25.66a21.1 21.1 0 0 0 1.44-7.56a40.4 40.4 0 0 0-.09-6.44c-.11-1.36-.11-3.43.69-3.8C9.8 7 11.6 11.31 15 10.8c2.75-.41 2.08-5.1 3.93-5.38c2.61-.39 8 10.64 8.69 18.38a14.17 14.17 0 0 1-9.86 6.08a13.89 13.89 0 0 1-11.95-4.22"/><path fill="#818cf8" d="M11.17 21.86a2 2 0 0 0 .8-.16a1.9 1.9 0 0 0 .67-.45a2.1 2.1 0 0 0 .46-.67a2.2 2.2 0 0 0 .15-.8a2.08 2.08 0 0 0-2.08-2.08a2.13 2.13 0 0 0-1.47.61a2.08 2.08 0 0 0 1.47 3.55m10.94-1.78A2.07 2.07 0 0 0 24.18 18a2.1 2.1 0 0 0-.15-.79a2 2 0 0 0-1.13-1.13a2.06 2.06 0 0 0-1.59 0a2.2 2.2 0 0 0-.67.45a1.9 1.9 0 0 0-.45.68A2 2 0 0 0 20 18a2.08 2.08 0 0 0 2.08 2.08Z"/><path fill="#818cf8" d="M20.47 5.5a2.2 2.2 0 0 0-1.66-.59c-1.15.18-1.54 1.43-1.92 2.63c-.49 1.56-.9 2.59-2 2.75c-1.61.23-2.81-.74-4-1.69S8.77 6.84 7.56 7.39c-.86.4-1.2 1.86-1 4.33a40 40 0 0 1 .08 6.37a22.9 22.9 0 0 1-1.46 7.67a.5.5 0 0 0-.05.21a.7.7 0 0 0 0 .2a1 1 0 0 0 .11.18a.7.7 0 0 0 .17.12a.57.57 0 0 0 .5 0a.6.6 0 0 0 .19-.23a23.6 23.6 0 0 0 1.6-8.11a40.4 40.4 0 0 0-.09-6.51c-.18-2.17.14-3.16.39-3.28c.57-.27 1.22.23 2.24 1.06c1.22 1 2.73 2.24 4.81 1.93c1.82-.28 2.38-2.05 2.83-3.47c.3-.94.58-1.86 1.12-1.86a1.32 1.32 0 0 1 .85.37c2.66 2.08 6.68 10.94 7.31 17.52a.53.53 0 0 0 .19.35a.55.55 0 0 0 .39.12a.7.7 0 0 0 .19-.06a.5.5 0 0 0 .16-.13a.4.4 0 0 0 .1-.18a.5.5 0 0 0 0-.2c-.69-7.04-4.88-16.08-7.72-18.29"/><path fill="#818cf8" d="m11.4 19.27l-3-.6h-.1a.3.3 0 0 0-.09 0a.3.3 0 0 0-.08.08a.3.3 0 0 0 0 .09V19a.3.3 0 0 0 0 .1a.2.2 0 0 0 .07.07h.1l2.17.44l-2.06.88a.15.15 0 0 0-.09.06a.24.24 0 0 0-.06.08a.4.4 0 0 0 0 .11a.2.2 0 0 0 0 .1a.2.2 0 0 0 .09.11a.3.3 0 0 0 .15.05h.1l2.84-1.23a.24.24 0 0 0 .12-.1a.3.3 0 0 0 0-.16a.26.26 0 0 0-.07-.15a.3.3 0 0 0-.09-.09m13.39-1.34l-2.25-.12l1.89-1.17a.21.21 0 0 0 .11-.16a.24.24 0 0 0 0-.2l-.07-.07l-.09-.05a.3.3 0 0 0-.1 0h-.1l-2.6 1.6a.25.25 0 0 0-.11.12a.33.33 0 0 0 0 .17a.24.24 0 0 0 .09.14a.34.34 0 0 0 .15.06l3.09.16a.24.24 0 0 0 .18-.07a.25.25 0 0 0 .02-.14a.26.26 0 0 0 0-.2a.25.25 0 0 0-.21-.07m-6.26-.16a.36.36 0 0 0-.25.11a.35.35 0 0 0-.1.24a1.35 1.35 0 0 1-1.25 1.4a1.32 1.32 0 0 1-1.66-.86a.4.4 0 0 0-.07-.12a.3.3 0 0 0-.11-.08a.22.22 0 0 0-.13 0a.43.43 0 0 0-.26.08a.4.4 0 0 0-.08.11a1 1 0 0 0 0 .13a.3.3 0 0 0 0 .14a1.94 1.94 0 0 0 .74 1a1.9 1.9 0 0 0 1.2.35a3 3 0 0 0 .51 0a2.06 2.06 0 0 0 1.83-2.11a.35.35 0 0 0-.1-.24a.36.36 0 0 0-.27-.15m-3.78-1.38a.35.35 0 0 0 .48-.14a.4.4 0 0 0 0-.26a2.56 2.56 0 0 0-2.6-1.38a3.14 3.14 0 0 0-2.32 2.1a.33.33 0 0 0 0 .26a.36.36 0 0 0 .22.16h.08a.4.4 0 0 0 .21-.07a.4.4 0 0 0 .12-.19a2.49 2.49 0 0 1 1.76-1.57a1.87 1.87 0 0 1 1.81.89a.37.37 0 0 0 .24.2m6.91-1h.13a.3.3 0 0 0 .12-.08a.4.4 0 0 0 .07-.11a.7.7 0 0 0 .02-.2a.3.3 0 0 0 0-.13a2.88 2.88 0 0 0-2.76-1.34a2.71 2.71 0 0 0-2 2a.2.2 0 0 0 0 .13a.3.3 0 0 0 0 .13a.3.3 0 0 0 .09.11a.23.23 0 0 0 .12.06h.1a.37.37 0 0 0 .2-.07a.4.4 0 0 0 .12-.19a2.06 2.06 0 0 1 1.48-1.46a2.17 2.17 0 0 1 2 .94a.4.4 0 0 0 .08.11a.4.4 0 0 0 .12.07a.4.4 0 0 0 .11.03"/><path fill="#818cf8" d="M22.83 12.92a.34.34 0 0 0-.12-.12a.33.33 0 0 0-.16-.07h-.17l-.66.12a4 4 0 0 0-.32-.38a2.78 2.78 0 0 0-3.92 0a2.7 2.7 0 0 0-.67 1.11a4 4 0 0 0-.46 0a2.77 2.77 0 0 0-1.41.39a2.3 2.3 0 0 0-.24-.29a2.75 2.75 0 0 0-2-.82a2.8 2.8 0 0 0-2 .82A2.7 2.7 0 0 0 10 15l-.78.14a.5.5 0 0 0-.28.19a.46.46 0 0 0-.07.33a.54.54 0 0 0 .15.25a.5.5 0 0 0 .28.1h.08l.56-.11a2.86 2.86 0 0 0 .79 1.7a2.79 2.79 0 0 0 4.75-2a3 3 0 0 0-.16-.9a1.87 1.87 0 0 1 1-.28a1.7 1.7 0 0 1 .31.05a2.87 2.87 0 0 0 .82 1.93a2.78 2.78 0 0 0 3.92 0a2.8 2.8 0 0 0 .82-2a3 3 0 0 0-.12-.78l.47-.08a.42.42 0 0 0 .28-.18a.46.46 0 0 0 0-.49Zm-8.78 4a1.9 1.9 0 0 1-1.34.55a1.93 1.93 0 0 1-1.35-.47a1.9 1.9 0 1 1 2.69-2.69a1.88 1.88 0 0 1 .56 1.34a1.9 1.9 0 0 1-.56 1.35Zm6.7-1.17a1.9 1.9 0 0 1-3.24-1.34a2 2 0 0 1 .14-.73a1.9 1.9 0 0 1 .41-.62a2 2 0 0 1 .62-.42a1.85 1.85 0 0 1 1.46 0a2 2 0 0 1 .62.42a1.9 1.9 0 0 1 .41.62a1.8 1.8 0 0 1 .14.73a1.9 1.9 0 0 1-.56 1.38Z"/></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. FileTypeSnapletIcon.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.