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

VSCode Icons (Iconify)

FileTypeGulp

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="M15.942 24.095a15.4 15.4 0 0 1-3.518-.393a7 7 0 0 1-1.006-.311l.813 1.389l.318 4.34c0 .487 1.546.881 3.452.881s3.452-.394 3.452-.881l.252-4.387l.769-1.346a7 7 0 0 1-1.015.315a15.4 15.4 0 0 1-3.517.393M20.5 9.973a34 34 0 0 1-4.5.261a34 34 0 0 1-4.5-.261a8.4 8.4 0 0 1-1.4-.292a2 2 0 0 1-.345-.143L10.5 16.4q.052-.177.116-.354a7 7 0 0 1 .3-.707a6 6 0 0 1 .376-.653a5 5 0 0 1 .432-.566a3.5 3.5 0 0 1 .47-.445a2.2 2.2 0 0 1 .487-.291a1.2 1.2 0 0 1 .487-.1a1.05 1.05 0 0 1 .538.152a1.54 1.54 0 0 1 .486.492a.4.4 0 0 1 .066.154a1 1 0 0 1 .014.147a.4.4 0 0 1-.078.257a.23.23 0 0 1-.185.094a.24.24 0 0 1-.182-.1a2 2 0 0 1-.188-.295a.7.7 0 0 0-.215-.251a.45.45 0 0 0-.255-.078a.8.8 0 0 0-.457.177a2.7 2.7 0 0 0-.481.468a5 5 0 0 0-.457.666a7 7 0 0 0-.386.767a5.5 5.5 0 0 0-.267.774a2.8 2.8 0 0 0-.1.685a2 2 0 0 0 .014.208a.7.7 0 0 0 .052.194a.4.4 0 0 0 .1.143a.25.25 0 0 0 .166.056a.56.56 0 0 0 .257-.076a2 2 0 0 0 .3-.2a4 4 0 0 0 .31-.279q.156-.155.29-.315t.238-.306a2 2 0 0 0 .156-.255l.284-.85a.4.4 0 0 1 .136-.2a.3.3 0 0 1 .173-.058a.3.3 0 0 1 .085.014a.21.21 0 0 1 .13.125a.3.3 0 0 1 .02.114a1.7 1.7 0 0 1-.031.326a3 3 0 0 1-.078.3q-.047.145-.105.291t-.113.306a1 1 0 0 0-.044.114l-.078.241q-.046.141-.1.324l-.11.365q-.057.186-.108.365t-.093.324l-.069.242c-.018.065-.03.1-.034.116a1 1 0 0 1-.049.128a1 1 0 0 1-.079.134a.5.5 0 0 1-.1.1a.2.2 0 0 1-.113.042a.16.16 0 0 1-.142-.065a.46.46 0 0 1-.044-.239v-.105a1.3 1.3 0 0 1 .058-.217q.043-.159.1-.36t.128-.416l.124-.385q-.162.181-.351.36a4 4 0 0 1-.388.322a2.3 2.3 0 0 1-.4.233a.95.95 0 0 1-.388.09a.7.7 0 0 1-.368-.094q-.028-.017-.053-.037l.415 4.352c.108.271 2.142.936 4.825.936s4.719-.666 4.825-.937l.6-5.174l-.143.132a6 6 0 0 1-.484.41a2.2 2.2 0 0 1-.444.266a1.2 1.2 0 0 1-.464.094a.56.56 0 0 1-.359-.1a.34.34 0 0 1-.127-.278v-.058a.7.7 0 0 1 .095-.25a3 3 0 0 1 .2-.293q.116-.152.247-.308t.243-.295a3 3 0 0 0 .185-.255a.4.4 0 0 0 .073-.188a.1.1 0 0 0-.031-.069a.16.16 0 0 0-.1-.025a.6.6 0 0 0-.252.063a1.3 1.3 0 0 0-.257.17a2 2 0 0 0-.247.244a4 4 0 0 0-.226.286q-.105.148-.192.3t-.148.277l-.052.112q-.034.072-.073.163t-.084.186l-.081.181l-.066.152l-.041.092q-.012.025-.05.123l-.081.212l-.1.255l-.095.253l-.078.21q-.033.09-.043.123a1.3 1.3 0 0 1-.072.177a.7.7 0 0 1-.095.147a.4.4 0 0 1-.122.1a.3.3 0 0 1-.154.038a.3.3 0 0 1-.182-.052a.24.24 0 0 1-.072-.2a.6.6 0 0 1 .018-.148a1 1 0 0 1 .046-.15q.027-.076.057-.145c.03-.069.037-.092.053-.136q.165-.362.336-.725t.328-.72l.063-.147l-.019.019a4 4 0 0 1-.4.338a2 2 0 0 1-.391.233a.9.9 0 0 1-.377.087a.5.5 0 0 1-.209-.04a.35.35 0 0 1-.134-.108a.4.4 0 0 1-.072-.163c0-.021-.008-.044-.011-.066l-.108.081a2.2 2.2 0 0 1-.373.215a.8.8 0 0 1-.33.081a.31.31 0 0 1-.238-.1a.48.48 0 0 1-.091-.333a2 2 0 0 1 .049-.387a2 2 0 0 1-.2.286a1.7 1.7 0 0 1-.272.264a1.4 1.4 0 0 1-.342.193a1.1 1.1 0 0 1-.412.074a.7.7 0 0 1-.194-.025a.4.4 0 0 1-.163-.087a.44.44 0 0 1-.113-.165a.7.7 0 0 1-.043-.259s0-.039.012-.11a2.4 2.4 0 0 1 .078-.336q.066-.23.2-.6t.388-.886a.5.5 0 0 1 .148-.2a.3.3 0 0 1 .182-.06a.3.3 0 0 1 .089.013a.3.3 0 0 1 .086.04a.2.2 0 0 1 .064.069a.2.2 0 0 1 .024.1a.3.3 0 0 1-.009.069a1 1 0 0 1-.066.161q-.05.1-.118.228t-.142.277q-.075.148-.139.307a3 3 0 0 0-.11.324a1.4 1.4 0 0 0-.052.32a.24.24 0 0 0 .031.119a.11.11 0 0 0 .1.054a.64.64 0 0 0 .379-.13a1.7 1.7 0 0 0 .333-.324a3 3 0 0 0 .276-.416q.124-.222.206-.407a2 2 0 0 0 .1-.264a3 3 0 0 1 .1-.26a.8.8 0 0 1 .119-.2a.21.21 0 0 1 .168-.08a.21.21 0 0 1 .174.083a.32.32 0 0 1 .064.2a.6.6 0 0 1-.041.179q-.041.114-.1.26t-.136.313q-.073.167-.136.338a3 3 0 0 0-.1.336a1.3 1.3 0 0 0-.041.306a.117.117 0 0 0 .134.13a.6.6 0 0 0 .235-.065a1.6 1.6 0 0 0 .295-.183l.077-.061a3 3 0 0 1 .1-.327q.107-.282.217-.561l.2-.51l.925-2.333a.4.4 0 0 1 .148-.2a.35.35 0 0 1 .188-.058a.27.27 0 0 1 .172.061a.24.24 0 0 1 .078.2a.4.4 0 0 1-.026.137a2 2 0 0 1-.066.156q-.076.17-.182.416t-.226.535t-.247.6l-.247.609l-.226.562l-.182.461a2 2 0 0 0-.066.194a.7.7 0 0 0-.032.2a.2.2 0 0 0 .018.087a.07.07 0 0 0 .07.033a.4.4 0 0 0 .16-.045a2 2 0 0 0 .208-.119q.112-.074.232-.17t.24-.2q.119-.1.228-.206t.194-.19a.14.14 0 0 1 .047-.031q.052-.15.093-.3l.067-.185a3 3 0 0 1 .1-.235a1 1 0 0 1 .124-.2a.2.2 0 0 1 .149-.077a.24.24 0 0 1 .177.056a.23.23 0 0 1 .055.165l-.006.069c0 .031-.009.065-.015.1l-.02.1l-.02.069q.113-.123.244-.244a3 3 0 0 1 .272-.219a1.6 1.6 0 0 1 .287-.159a.8.8 0 0 1 .293-.061a.7.7 0 0 1 .2.029a.6.6 0 0 1 .177.085a.44.44 0 0 1 .127.141a.4.4 0 0 1 .049.2a.8.8 0 0 1-.075.317a2.3 2.3 0 0 1-.188.338q-.113.17-.244.331t-.246.293l-.193.224a.34.34 0 0 0-.081.125a.1.1 0 0 0 .028.071a.13.13 0 0 0 .092.027a.35.35 0 0 0 .153-.058a3 3 0 0 0 .282-.2q.182-.143.461-.383q.192-.166.446-.39l.808-7.48a2 2 0 0 1-.345.143a8.4 8.4 0 0 1-1.403.284M16 8.2c-3.492 0-6.322.39-6.322.872s2.822.87 6.322.87s6.322-.39 6.322-.872S19.488 8.2 16 8.2m2.524 1.127c0 .113-.336.2-.751.2s-.751-.092-.751-.2s.336-.2.751-.2s.748.085.748.198Z"/><path fill="#818cf8" d="M17.17 9.234a.03.03 0 0 0-.006.018c0 .073.271.132.6.132s.6-.059.6-.132l.79-3.2l3.142-3.317c.066-.075-.068-.308-.292-.508s-.466-.267-.541-.191l-3.341 3.523Z"/></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. FileTypeGulpIcon.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.