Home/Libraries/VSCode Icons (Iconify)/folder-type-snaplet-opened

VSCode Icons (Iconify)

FolderTypeSnapletOpened

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="M27.4 5.5h-9.2l-2.1 4.2H4.3v16.8h25.2v-21Zm0 18.7H6.6V11.8h20.8Zm0-14.5h-8.2l1-2.1h7.1v2.1Z"/><path fill="#818cf8" d="M25.7 13.7H.5l3.8 12.8h25.2z"/><path fill="#818cf8" d="M15.55 23.39a29 29 0 0 0-.07-4.66c-.08-1-.08-2.48.5-2.75c1.41-.62 2.71 2.5 5.17 2.13c2-.3 1.5-3.69 2.84-3.89c1.92-.3 5.76 7.65 6.32 13.26a10.13 10.13 0 1 0-15.78 1.34a16 16 0 0 0 1.02-5.43"/><path fill="#818cf8" d="M14.5 28.86a15.3 15.3 0 0 0 1.05-5.47a29 29 0 0 0-.07-4.66c-.08-1-.08-2.48.5-2.75c1.41-.62 2.71 2.5 5.17 2.13c2-.3 1.5-3.69 2.84-3.89c1.89-.28 5.79 7.69 6.29 13.29a10.23 10.23 0 0 1-7.13 4.4a10.07 10.07 0 0 1-8.65-3.05"/><path fill="#818cf8" d="M18.38 26.11A1.4 1.4 0 0 0 19 26a1.3 1.3 0 0 0 .48-.32a1.4 1.4 0 0 0 .34-.49a1.4 1.4 0 0 0 .1-.58a1.5 1.5 0 1 0-1.5 1.51Zm7.91-1.29a1.5 1.5 0 0 0 1.5-1.5a1.6 1.6 0 0 0-.11-.57a1.51 1.51 0 0 0-2-.82a1.8 1.8 0 0 0-.48.32a1.6 1.6 0 0 0-.33.5a1.4 1.4 0 0 0-.13.57a1.5 1.5 0 0 0 1.5 1.5Z"/><path fill="#818cf8" d="M14.4 29.47a.4.4 0 0 1-.16 0l-.12-.08l-.12-.13a.4.4 0 0 1 0-.15a.3.3 0 0 1 0-.15a16.7 16.7 0 0 0 1.05-5.55A28.4 28.4 0 0 0 15 18.8c-.16-1.78.09-2.84.72-3.13c.87-.4 1.66.25 2.42.88a3.83 3.83 0 0 0 2.89 1.22c.8-.12 1.1-.86 1.45-2c.28-.87.56-1.77 1.39-1.9a1.57 1.57 0 0 1 1.2.43c2.05 1.59 5.06 8.13 5.58 13.19a.3.3 0 0 1 0 .14a.43.43 0 0 1-.19.23h-.14a.37.37 0 0 1-.28-.09a.35.35 0 0 1-.14-.25c-.51-4.79-3.42-11.2-5.34-12.7a1 1 0 0 0-.6-.23c-.37.06-.57.72-.79 1.38c-.32 1-.72 2.31-2 2.51a4.4 4.4 0 0 1-3.48-1.4c-.76-.63-1.23-1-1.64-.8c-.18.09-.41.8-.28 2.37a29.6 29.6 0 0 1 .06 4.71a16.9 16.9 0 0 1-1.13 5.84a.5.5 0 0 1-.13.16a.4.4 0 0 1-.17.11"/><path fill="#818cf8" d="M16.46 25.49a.2.2 0 0 1-.11 0a.2.2 0 0 1-.07-.08v-.15a.1.1 0 0 1 0-.06a.15.15 0 0 1 .06-.05l1.49-.63l-1.58-.35h-.07l-.05-.05v-.21l.06-.06h.14l2.17.44a.2.2 0 0 1 .1.06a.2.2 0 0 1 .05.11a.24.24 0 0 1 0 .12a.2.2 0 0 1-.09.07l-2.08.84Zm11.76-1.85L26 23.53a.3.3 0 0 1-.11-.05a.17.17 0 0 1-.06-.1a.24.24 0 0 1 0-.12a.14.14 0 0 1 .08-.09L27.77 22h.21l.05.05a.2.2 0 0 1 0 .15a.15.15 0 0 1-.08.11l-1.37.85l1.63.09a.15.15 0 0 1 .17 0a.24.24 0 0 1 .05.13a.25.25 0 0 1-.06.14a.2.2 0 0 1-.13.05Zm-5.96 1.3a1.32 1.32 0 0 1-.86-.25a1.4 1.4 0 0 1-.54-.72a.17.17 0 0 1 0-.1v-.1l.06-.08a.25.25 0 0 1 .19-.05a.14.14 0 0 1 .09 0l.08.05a.4.4 0 0 1 0 .09a1 1 0 0 0 1.2.62a1 1 0 0 0 .91-1a.21.21 0 0 1 .07-.17a.25.25 0 0 1 .35 0a.21.21 0 0 1 .07.17a1.49 1.49 0 0 1-1.32 1.53h-.37ZM18 22.69a.25.25 0 0 1-.16-.12a.21.21 0 0 1 0-.19a2.28 2.28 0 0 1 1.68-1.51a1.84 1.84 0 0 1 1.85 1a.3.3 0 0 1 0 .19a.25.25 0 0 1-.34.1a.24.24 0 0 1-.12-.14a1.35 1.35 0 0 0-1.31-.65a1.79 1.79 0 0 0-1.3 1.13a.4.4 0 0 1-.09.14a.27.27 0 0 1-.15.05Zm5-.82h-.1a.2.2 0 0 1-.09 0a.24.24 0 0 1-.06-.08a.17.17 0 0 1 0-.1a.14.14 0 0 1 0-.09a2 2 0 0 1 1.45-1.45a2.08 2.08 0 0 1 2 1a.1.1 0 0 1 0 .08a.17.17 0 0 1 0 .1a.4.4 0 0 1-.05.08l-.08.06h-.2l-.09-.05a.4.4 0 0 1-.05-.08a1.56 1.56 0 0 0-1.45-.68a1.48 1.48 0 0 0-1.07 1.05a.34.34 0 0 1-.09.14a.24.24 0 0 1-.14.05Z"/><path fill="#818cf8" d="M26.81 19.64a.3.3 0 0 0-.08-.08a.2.2 0 0 0-.12 0h-.12l-.48.08a3 3 0 0 0-.23-.27a2 2 0 0 0-2.84 0a1.9 1.9 0 0 0-.48.8a2 2 0 0 0-.33 0a2 2 0 0 0-1 .28c-.06-.07-.11-.14-.18-.21a2 2 0 0 0-1.44-.59a2 2 0 0 0-1.45.59a2.1 2.1 0 0 0-.51 1l-.56.1a.35.35 0 0 0-.2.14a.3.3 0 0 0-.05.24a.4.4 0 0 0 .11.18a.32.32 0 0 0 .2.07h.06l.4-.08a2.13 2.13 0 0 0 .55 1.11a2 2 0 0 0 3.44-1.45a2.4 2.4 0 0 0-.12-.65a1.4 1.4 0 0 1 .72-.2a2 2 0 0 1 .23 0a2.07 2.07 0 0 0 .59 1.4a2 2 0 0 0 3.43-1.45a1.8 1.8 0 0 0-.09-.56l.34-.06a.3.3 0 0 0 .21-.13a.36.36 0 0 0 0-.35Zm-6.35 2.9a1.4 1.4 0 0 1-1 .39a1.35 1.35 0 0 1-1-.34a1.37 1.37 0 0 1 1.94-1.94a1.35 1.35 0 0 1 .41 1a1.36 1.36 0 0 1-.41 1Zm4.85-.85a1.38 1.38 0 0 1-2.24-1.5a1.7 1.7 0 0 1 .29-.45a1.5 1.5 0 0 1 .45-.3a1.4 1.4 0 0 1 1.06 0a1.5 1.5 0 0 1 .45.3a1.7 1.7 0 0 1 .29.45a1.2 1.2 0 0 1 .1.53a1.36 1.36 0 0 1-.4 1Z"/></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. FolderTypeSnapletOpenedIcon.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.