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

FolderTypeHelper

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="M27.5 5.5h-9.3l-2.1 4.2H4.4v16.8h25.2v-21Zm0 4.2h-8.2l1.1-2.1h7.1Z"/><path fill="#818cf8" d="M15.085 10.374c.23-.247.6-.163.895-.178a4.5 4.5 0 0 1 1.085.057c.458.227.329.816.43 1.231a6 6 0 0 1 1.249.5a5.5 5.5 0 0 1 .676-.52a.59.59 0 0 1 .7.13c.274.262.536.537.807.8a.68.68 0 0 1 .257.627c-.089.35-.44.553-.57.877a8 8 0 0 1 .448 1.148c.3.059.608.063.906.133a.62.62 0 0 1 .4.611c0 .42.012.841 0 1.261a.585.585 0 0 1-.387.54a9 9 0 0 1-.928.139a10 10 0 0 1-.448 1.16c.1.4.62.63.592 1.089c-.045.355-.384.553-.6.8c-.275.24-.488.6-.87.678c-.457 0-.706-.477-1.092-.635a6.5 6.5 0 0 1-.914.383c-.106.051-.308.053-.289.22c-.066.417.02 1.028-.478 1.2a12 12 0 0 1-1.409.033a.6.6 0 0 1-.641-.408a7 7 0 0 1-.132-.983a11 11 0 0 1-1.122-.467c-.327.147-.544.48-.884.609a.6.6 0 0 1-.537-.1c-.278-.234-.516-.512-.781-.76c-.183-.182-.409-.4-.38-.68c.091-.406.48-.644.65-1.007A9 9 0 0 1 11.3 17.8c-.444-.13-1.078.041-1.34-.444a5 5 0 0 1-.06-1.115c.006-.316-.061-.723.25-.923a3.4 3.4 0 0 1 1.085-.2a4.8 4.8 0 0 1 .466-1.172a6 6 0 0 1-.611-.865a.61.61 0 0 1 .208-.638c.253-.259.512-.512.767-.77a.69.69 0 0 1 .619-.256c.355.08.559.438.885.567a11 11 0 0 1 1.227-.51c.153-.345.013-.803.289-1.1m.717 3.8a2.27 2.27 0 0 0-1.7 1.349a2.4 2.4 0 0 0-.122 1.3a2.221 2.221 0 1 0 1.82-2.645Z"/><path fill="#818cf8" d="M25.354 16.626c.3-.019.654-.128.912.091c.236.217.225.57.3.859a6 6 0 0 1 1.051.335c.221-.195.414-.48.729-.514c.28-.02.483.2.684.362a2.6 2.6 0 0 1 .583.578c.143.379-.168.7-.359.986a6.6 6.6 0 0 1 .468.934c.367.023.884-.06 1.057.362a4.4 4.4 0 0 1 .121 1.271c-.094.452-.633.469-1 .55c-.061.335-.2.647-.291.973c.1.286.454.428.521.743c.072.345-.234.59-.423.835c-.184.194-.332.477-.619.529c-.373.067-.642-.251-.944-.408a5.3 5.3 0 0 1-.938.48c-.026.385.07.951-.385 1.121a4.3 4.3 0 0 1-1.293.1c-.447-.143-.421-.685-.521-1.058c-.332-.061-.637-.218-.966-.28c-.3.212-.544.646-.972.537a3 3 0 0 1-.725-.534c-.176-.158-.41-.324-.4-.588c-.018-.351.334-.567.4-.886c-.119-.288-.3-.548-.414-.841c-.312-.028-.668.055-.941-.136c-.251-.171-.237-.507-.273-.775a2.5 2.5 0 0 1 .01-.826c.176-.373.646-.354.989-.452a5.5 5.5 0 0 1 .3-1c-.2-.235-.489-.43-.558-.748c-.039-.294.2-.515.368-.723a2.3 2.3 0 0 1 .6-.593c.375-.124.676.187.966.369a5 5 0 0 1 .985-.5c.079-.319-.045-.72.229-.961c.195-.199.495-.158.749-.192m.1 3.26a1.826 1.826 0 1 0 1.625.482a1.83 1.83 0 0 0-1.625-.482m-7.689 2.838a2.9 2.9 0 0 1 .956.015a.77.77 0 0 1 .388.8a9 9 0 0 1 .827.368c.2-.138.4-.341.661-.313c.238.009.4.209.556.36c.165.176.379.365.359.63c-.012.24-.214.4-.323.6a5 5 0 0 0 .3.778c.3.067.687.089.8.435a2.7 2.7 0 0 1 0 .933c-.1.37-.528.4-.846.436c-.087.269-.225.516-.321.781c.1.22.337.392.326.657c.02.25-.182.426-.34.588a1.06 1.06 0 0 1-.581.376c-.285.017-.494-.206-.7-.373a9 9 0 0 1-.819.31c-.038.329-.074.764-.455.875a2.5 2.5 0 0 1-.962-.033c-.354-.149-.343-.572-.4-.892a4 4 0 0 1-.726-.317c-.234.155-.461.416-.77.37a1.14 1.14 0 0 1-.537-.382c-.156-.164-.349-.342-.338-.588c0-.277.226-.473.385-.674c-.11-.245-.21-.5-.306-.745c-.314-.023-.709-.057-.851-.389a2.35 2.35 0 0 1 0-1c.135-.34.534-.384.851-.4c.086-.261.2-.511.3-.767c-.081-.227-.335-.386-.321-.649c-.037-.277.194-.469.368-.645a.97.97 0 0 1 .57-.345c.268-.017.441.221.662.328c.284-.1.551-.237.838-.325c.057-.305.105-.695.449-.803m.084 2.651a1.478 1.478 0 1 0 1.7.862a1.48 1.48 0 0 0-1.7-.862"/></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. FolderTypeHelperIcon.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