Home/Libraries/Material Icon Theme (Iconify)/folder-blender

Material Icon Theme (Iconify)

FolderBlender

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 16 16"><path fill="#818cf8" d="m6.922 3.768l-.644-.536A1 1 0 0 0 5.638 3H2a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V5a1 1 0 0 0-1-1H7.562a1 1 0 0 1-.64-.232"/><path fill="#818cf8" d="M14.978 9.843a3.2 3.2 0 0 0-1.074-1.935c-.188-.16-2.748-2.125-3.375-2.592l-.179-.138a.523.523 0 1 0-.637.828l1.26.97l.031.024H6.498a.497.497 0 0 0-.04.992l.003.002l.015.002l.022.004h2.256l-3.867 2.98a.78.78 0 0 0-.263.608a.5.5 0 0 0 .22.412a.74.74 0 0 0 .758.012a1.6 1.6 0 0 0 .38-.277a116 116 0 0 1 1.842-1.5a1 1 0 0 1-.006.134a1.8 1.8 0 0 0 .045.629a3.1 3.1 0 0 0 .54 1.144a3.64 3.64 0 0 0 2.29 1.38c.125.022.212.033.437.055c.08.008.592-.004.69-.015a3.75 3.75 0 0 0 2.19-1.01a3.2 3.2 0 0 0 .963-1.8a4 4 0 0 0 .004-.908m-1.401.465a1.9 1.9 0 0 1-.545 1.024a2 2 0 0 1-.619.441a2.4 2.4 0 0 1-.806.218a2.14 2.14 0 0 1-2.418-1.906a1.95 1.95 0 0 1 1.041-1.784a2.38 2.38 0 0 1 2.846.4a1.9 1.9 0 0 1 .325.467a1.8 1.8 0 0 1 .17.489a2.3 2.3 0 0 1 .006.652m-.775-.667a.9.9 0 0 1 .03.28a.9.9 0 0 1-.025.273a1.2 1.2 0 0 1-.362.608a1.43 1.43 0 0 1-.879.386a1 1 0 0 1-.275-.001a1.4 1.4 0 0 1-1.133-.755a2 2 0 0 1-.077-.196a1.18 1.18 0 0 1 .301-1.138a1.43 1.43 0 0 1 .753-.412a1.7 1.7 0 0 1 .766.043a1.34 1.34 0 0 1 .901.911"/></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. FolderBlenderIcon.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.