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

VSCode Icons (Iconify)

FolderTypeBower

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.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="M30.6 21.557c-1.08-1.038-6.481-1.686-8.185-1.874a5 5 0 0 0 .211-.6a7 7 0 0 1 .742-.275c.032.093.18.45.265.62c3.427.095 3.6-2.547 3.742-3.27a4.1 4.1 0 0 1 1.3-2.641c-1.751-.51-4.27.791-5.113 2.728a5.3 5.3 0 0 0-.949-.261a4.6 4.6 0 0 0-4.475-3.439A8.366 8.366 0 0 0 10 21.194c0 4.573 3.122 8.581 4.887 8.581a1.74 1.74 0 0 0 1.589-1.094c.13.355.531 1.457.662 1.738c.194.415 1.093.774 1.486.343a1.45 1.45 0 0 0 1.939-.3a1.435 1.435 0 0 0 1.852-1.062c.478-.026.712-.7.608-1.231a13 13 0 0 0-1.223-2.295c.634.516 2.241.662 2.436 0c1.023.8 2.617.381 2.743-.271c1.243.323 2.668-.386 2.434-1.245a1.684 1.684 0 0 0 1.187-2.801"/><path fill="#818cf8" d="M25.04 17.026a7.6 7.6 0 0 1 1.653-2.361a4.28 4.28 0 0 0-1.931 2.175a7 7 0 0 0-.679-.38a4.41 4.41 0 0 1 3.6-2.481c-1.049.952-.677 2.929-1.539 3.976a11 11 0 0 0-1.104-.929m-.678 1.389a4 4 0 0 1 .036-.4a3.6 3.6 0 0 0-.629-.083a2.4 2.4 0 0 0 .219.912a3.3 3.3 0 0 0 1.712-.475a5.7 5.7 0 0 0-1.155-.326c-.045.089-.145.309-.184.373Z"/><path fill="#818cf8" d="M21.4 25.165c-.1-.217-.208-.481-.336-.827c.5.726 2.062.352 1.98-.3c.765.576 2.341-.1 1.983-.9c.767.357 1.642-.362 1.445-.675c1.307.252 2.56.5 2.953.6a1.524 1.524 0 0 1-1.753.518c.485.66-.456 1.452-1.767 1.016c.288.648-.878 1.231-2.2.556c.014.654-1.648.729-2.305.012m2.593-3.277c1.517.116 4.026.343 5.579.56c-.1-.505-.366-.65-1.209-.876c-.908.097-3.208.328-4.37.317Z"/><path fill="#818cf8" d="M23.045 24.044c.765.576 2.341-.1 1.983-.9c.767.357 1.642-.362 1.445-.675c-1.545-.3-3.167-.6-3.534-.649c.223.012.593.037 1.054.073c1.162.006 3.463-.22 4.369-.316a44 44 0 0 0-6.536-1.049a3 3 0 0 1-.579.631a5.05 5.05 0 0 1-4.362 3.19a5.9 5.9 0 0 1-1.785-.3a3.8 3.8 0 0 1-3.61.077a7.3 7.3 0 0 0 6.684 4.434c2.455 0 3.543-2.507 3.305-3.17c-.058-.161-.287-.7-.415-1.04c.499.719 2.063.344 1.981-.306"/><path fill="#818cf8" d="M21.557 19a7 7 0 0 1 1.68-.743a3 3 0 0 1-.025-.239c-.468.112-1.351.491-1.857-.031c1.067.322 1.6-.287 2.385-.287a5 5 0 0 1 1.66.337a5.6 5.6 0 0 0-3.527-1.574A2.47 2.47 0 0 0 21.557 19"/><path fill="#818cf8" d="M15.1 24.043a5.9 5.9 0 0 0 1.785.3a5.05 5.05 0 0 0 4.362-3.19a5.6 5.6 0 0 1-3.652 1.038a5.72 5.72 0 0 0 3.723-2.354a3.165 3.165 0 0 1 .33-3.936a3.7 3.7 0 0 0-3.505-2.463a7.44 7.44 0 0 0-7.243 7.756a7.4 7.4 0 0 0 .591 2.925a3.8 3.8 0 0 0 3.609-.076"/><path fill="#818cf8" d="M16.288 17.28a1.829 1.829 0 1 0 1.829-1.829a1.83 1.83 0 0 0-1.829 1.829"/><path fill="#818cf8" d="M17.022 17.28a1.1 1.1 0 1 0 1.1-1.1a1.1 1.1 0 0 0-1.1 1.1"/><ellipse cx="18.117" cy="16.794" fill="#818cf8" rx=".638" ry=".397"/></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. FolderTypeBowerIcon.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.