Home/Libraries/VSCode Icons (Iconify)/folder-type-gulp

VSCode Icons (Iconify)

FolderTypeGulp

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.9 6h-9.8l-2 4H5v17h25V6Zm.1 4h-7.8l1-2H28Z"/><path fill="#818cf8" d="M26.156 26.57a11.5 11.5 0 0 1-2.638-.3a5 5 0 0 1-.755-.233l.61 1.042l.238 3.255c0 .365 1.16.661 2.59.661s2.589-.3 2.589-.661l.189-3.291l.577-1.009a5 5 0 0 1-.761.236a11.5 11.5 0 0 1-2.639.3m3.42-10.593a26 26 0 0 1-3.376.2a26 26 0 0 1-3.376-.2a6.5 6.5 0 0 1-1.05-.219a1.5 1.5 0 0 1-.259-.108l.559 5.148a5 5 0 0 1 .087-.266a5 5 0 0 1 .225-.53a5 5 0 0 1 .282-.49a4 4 0 0 1 .324-.425a2.5 2.5 0 0 1 .353-.333a1.7 1.7 0 0 1 .365-.219a.9.9 0 0 1 .366-.075a.8.8 0 0 1 .4.114a1.16 1.16 0 0 1 .365.369a.3.3 0 0 1 .049.116a.6.6 0 0 1 .011.11a.3.3 0 0 1-.059.193a.17.17 0 0 1-.138.07a.18.18 0 0 1-.137-.075a1.4 1.4 0 0 1-.141-.221a.54.54 0 0 0-.161-.188a.35.35 0 0 0-.192-.059a.6.6 0 0 0-.342.133a2 2 0 0 0-.361.351a4 4 0 0 0-.343.5a5 5 0 0 0-.29.575a4 4 0 0 0-.2.581a2 2 0 0 0-.075.513a1 1 0 0 0 .011.156a.5.5 0 0 0 .039.146a.3.3 0 0 0 .075.107a.18.18 0 0 0 .124.042a.4.4 0 0 0 .193-.057a1.4 1.4 0 0 0 .225-.15a3 3 0 0 0 .233-.209a3.6 3.6 0 0 0 .396-.466a1.4 1.4 0 0 0 .117-.191l.213-.638a.3.3 0 0 1 .1-.15a.22.22 0 0 1 .129-.043a.2.2 0 0 1 .064.01a.16.16 0 0 1 .1.094a.3.3 0 0 1 .015.086a1.3 1.3 0 0 1-.024.244a2 2 0 0 1-.058.225q-.036.109-.079.218c-.043.109-.057.15-.085.23a1 1 0 0 0-.033.085l-.058.181q-.035.106-.075.243l-.084.274l-.081.274l-.069.243l-.052.181l-.026.087a.5.5 0 0 1-.036.1a1 1 0 0 1-.06.1a.4.4 0 0 1-.075.075a.13.13 0 0 1-.084.031a.12.12 0 0 1-.107-.048a.35.35 0 0 1-.033-.18v-.082a1 1 0 0 1 .044-.163q.032-.12.075-.27t.1-.312l.093-.289q-.121.137-.264.27a3 3 0 0 1-.291.242a1.7 1.7 0 0 1-.3.174a.7.7 0 0 1-.291.068a.5.5 0 0 1-.276-.071l-.04-.027l.312 3.264a7 7 0 0 0 3.619.7a6.96 6.96 0 0 0 3.619-.7l.45-3.881l-.107.1a5 5 0 0 1-.363.308a1.7 1.7 0 0 1-.333.2a.85.85 0 0 1-.348.071a.42.42 0 0 1-.269-.075a.25.25 0 0 1-.1-.209v-.043a.5.5 0 0 1 .072-.188a2 2 0 0 1 .15-.219q.087-.115.185-.232c.098-.117.126-.151.182-.221a2 2 0 0 0 .139-.191a.3.3 0 0 0 .055-.141a.07.07 0 0 0-.023-.052a.13.13 0 0 0-.075-.019a.44.44 0 0 0-.19.048a1 1 0 0 0-.192.127a2 2 0 0 0-.186.183a3 3 0 0 0-.169.215a3 3 0 0 0-.144.225a3 3 0 0 0-.111.208l-.039.084l-.055.122q-.03.069-.063.139c-.033.07-.042.1-.061.136l-.049.114l-.031.069q-.009.018-.037.092l-.061.159l-.075.192l-.071.189l-.059.158q-.025.067-.032.092a1 1 0 0 1-.054.133a.5.5 0 0 1-.072.11a.3.3 0 0 1-.091.075a.23.23 0 0 1-.116.029a.23.23 0 0 1-.136-.039a.18.18 0 0 1-.054-.15a.5.5 0 0 1 .013-.111a1 1 0 0 1 .035-.113q.02-.057.043-.109c.023-.052.027-.069.039-.1q.124-.271.252-.543t.247-.54l.047-.111l-.014.015a3 3 0 0 1-.3.253a1.6 1.6 0 0 1-.293.175a.7.7 0 0 1-.283.065a.35.35 0 0 1-.156-.03a.26.26 0 0 1-.1-.081a.3.3 0 0 1-.054-.122l-.008-.05q-.04.032-.081.061a1.6 1.6 0 0 1-.28.161a.6.6 0 0 1-.248.061a.23.23 0 0 1-.178-.075a.36.36 0 0 1-.068-.25a1.4 1.4 0 0 1 .036-.29a1.4 1.4 0 0 1-.15.215a1.3 1.3 0 0 1-.2.2a1 1 0 0 1-.256.144a.8.8 0 0 1-.309.056a.6.6 0 0 1-.146-.019a.3.3 0 0 1-.122-.065a.34.34 0 0 1-.085-.124a.5.5 0 0 1-.032-.194l.009-.083a2 2 0 0 1 .059-.252q.05-.173.15-.45a7 7 0 0 1 .291-.664a.35.35 0 0 1 .111-.15a.22.22 0 0 1 .136-.045a.3.3 0 0 1 .067.009a.2.2 0 0 1 .064.03a.2.2 0 0 1 .048.052a.13.13 0 0 1 .018.075a.2.2 0 0 1-.006.052a1 1 0 0 1-.05.121l-.088.171q-.051.096-.107.207a2 2 0 0 0-.1.231a2 2 0 0 0-.083.243a1 1 0 0 0-.039.24a.2.2 0 0 0 .024.089a.08.08 0 0 0 .075.041a.5.5 0 0 0 .284-.1a1.3 1.3 0 0 0 .25-.243a2.4 2.4 0 0 0 .207-.312q.093-.168.154-.3a2 2 0 0 0 .075-.2a2 2 0 0 1 .075-.195a.6.6 0 0 1 .09-.15a.165.165 0 0 1 .256 0a.23.23 0 0 1 .048.15a.4.4 0 0 1-.031.134q-.03.085-.075.2q-.044.11-.1.235c-.056.125-.07.168-.1.253s-.054.167-.075.252a1 1 0 0 0-.031.23a.09.09 0 0 0 .077.1h.024a.5.5 0 0 0 .176-.049a1.3 1.3 0 0 0 .222-.137q.03-.022.057-.046a2 2 0 0 1 .075-.246l.163-.42l.15-.383l.694-1.75a.3.3 0 0 1 .111-.15a.25.25 0 0 1 .141-.043a.2.2 0 0 1 .129.045a.18.18 0 0 1 .059.15a.3.3 0 0 1-.02.1a1 1 0 0 1-.049.117l-.137.312l-.169.4l-.186.451l-.185.456l-.17.422l-.136.346a2 2 0 0 0-.05.145a.6.6 0 0 0-.024.15a.14.14 0 0 0 .014.066a.05.05 0 0 0 .052.024a.3.3 0 0 0 .12-.033a1 1 0 0 0 .156-.09q.084-.055.174-.127c.09-.072.121-.1.181-.15s.116-.1.171-.155l.145-.142a.1.1 0 0 1 .035-.024q.04-.112.07-.225l.05-.138q.032-.09.075-.177a1 1 0 0 1 .093-.15a.15.15 0 0 1 .112-.057a.18.18 0 0 1 .133.042a.17.17 0 0 1 .041.123v.052a.4.4 0 0 1-.012.075q-.006.039-.015.075a.2.2 0 0 1-.015.052q.086-.093.183-.183a2 2 0 0 1 .2-.164a1 1 0 0 1 .216-.12a.6.6 0 0 1 .22-.045a.6.6 0 0 1 .15.021a.4.4 0 0 1 .132.064a.3.3 0 0 1 .1.106a.3.3 0 0 1 .036.15a.6.6 0 0 1-.056.238a2 2 0 0 1-.141.253a3 3 0 0 1-.183.248a8 8 0 0 1-.184.22l-.145.168a.3.3 0 0 0-.061.094a.07.07 0 0 0 .021.053a.1.1 0 0 0 .069.021a.3.3 0 0 0 .101-.049a2 2 0 0 0 .211-.15q.137-.107.346-.287l.335-.293l.606-5.611a1.5 1.5 0 0 1-.259.108a6.4 6.4 0 0 1-1.052.21m-3.376-1.33c-2.619 0-4.742.292-4.742.654s2.117.652 4.742.652s4.742-.292 4.742-.654s-2.126-.652-4.742-.652m1.893.845c0 .085-.252.15-.563.15s-.563-.069-.563-.15s.252-.15.563-.15s.561.064.561.148Z"/><path fill="#818cf8" d="M27.078 15.422v.014c0 .054.2.1.45.1s.45-.045.45-.1l.593-2.4l2.357-2.488c.049-.056-.051-.231-.219-.381s-.35-.2-.406-.143l-2.506 2.643Z"/></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. FolderTypeGulpIcon.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.