Home/Libraries/Fluent UI MDL2 (Iconify)/file-sass

Fluent UI MDL2 (Iconify)

FileSass

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 2048 2048"><path fill="#818cf8" d="M256 2048H128V0h1115l549 549v859h-128V640h-512V128H256zM1280 512h293l-293-293zM512 384H384V256h128zm0 256H384V512h128zM384 768h128v128H384zm102 807q0 21 8 36t25 28q21 17 47 27t49 23q29 15 57 32t51 40t37 51t14 65q0 50-20 82t-54 53t-74 28t-84 8q-16 0-38-2t-47-6t-45-11t-34-16v-106q13 13 33 23t42 17t45 12t40 4q21 0 44-3t41-12t31-25t13-44q0-30-21-50t-54-38t-69-35t-70-40t-53-57t-22-81q0-46 21-78t54-53t73-29t80-10q32 0 72 3t70 19v101q-30-21-65-29t-71-8q-19 0-41 3t-41 13t-31 25t-13 40m558-7q86 0 130 42t44 129v298h-102v-71q-47 82-140 82q-63 0-103-34t-41-100q0-36 11-62t30-45t48-28t61-16l136-20q0-47-22-72t-71-26q-42 0-79 15t-69 42v-91q38-23 80-33t87-10m74 244l-97 13q-38 5-64 20t-26 58q0 34 23 50t54 16q25 0 45-9t34-25t23-37t8-46zm330-112q0 22 16 35t41 23t54 21t53 27t41 41t17 64q0 38-19 64t-47 43t-64 23t-66 7q-33 0-66-5t-64-20v-96q29 21 61 32t68 12q14 0 30-2t31-8t23-17t10-29q0-22-16-35t-42-24t-53-20t-54-27t-41-41t-17-64q0-36 17-62t45-42t61-24t64-8q61 0 114 19v91q-50-33-111-33q-13 0-28 2t-28 9t-21 17t-9 27m378 0q0 22 16 35t41 23t54 21t53 27t41 41t17 64t-18 65t-47 42t-63 23t-67 7t-66-5t-64-20v-96q28 21 60 32t68 12q14 0 30-2t31-8t23-17t10-29q0-22-16-35t-41-24t-54-20t-53-27t-41-40t-17-65q0-36 17-62t45-42t61-24t64-8q60 0 114 19v91q-50-33-111-33q-12 0-27 2t-29 9t-22 17t-9 27"/></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. FileSassIcon.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.