Home/Libraries/Fluent UI System Icons (Iconify)/document-one-page-multiple-sparkle-48-regular

Fluent UI System Icons (Iconify)

DocumentOnePageMultipleSparkle48Regular

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 48 48"><path fill="#818cf8" d="M37.498 22.523a.9.9 0 0 1 .172.297l.44 1.37a2.54 2.54 0 0 0 .89 1.35c.299.21.64.354.998.42v9.29a8.75 8.75 0 0 1-8.75 8.75h-14.5a4.25 4.25 0 0 1-3.873-2.5h18.373a6.25 6.25 0 0 0 6.25-6.25zM27.93 4a3.4 3.4 0 0 1-1.29.82l-2.57.83a3.1 3.1 0 0 0-1.289.85H12.25a1.75 1.75 0 0 0-1.75 1.75v27c0 .967.784 1.75 1.75 1.75h19A1.75 1.75 0 0 0 33 35.25V18.933a3 3 0 0 0 1.25-.512a2.4 2.4 0 0 0-.22 1a2.55 2.55 0 0 0 1.47 2.304V35.25a4.25 4.25 0 0 1-4.25 4.25h-19A4.25 4.25 0 0 1 8 35.25v-27A4.25 4.25 0 0 1 12.25 4zm.32 24.5a1.25 1.25 0 1 1 0 2.5h-13a1.25 1.25 0 1 1 0-2.5zM40.473 15a.545.545 0 0 1 .512.363l.449 1.376a2.84 2.84 0 0 0 1.797 1.797l1.378.447l.028.007a.55.55 0 0 1 .363.514a.54.54 0 0 1-.363.513l-1.378.447a2.84 2.84 0 0 0-1.798 1.797l-.447 1.376l-.017.04l.001.009a.545.545 0 0 1-1.01-.038l-.449-1.378a2.84 2.84 0 0 0-1.357-1.61l-.003-.015a3 3 0 0 0-.438-.188l-1.378-.447a.55.55 0 0 1-.363-.514a.54.54 0 0 1 .363-.513l1.378-.447a2.84 2.84 0 0 0 1.77-1.797l.448-1.376a.55.55 0 0 1 .514-.363M28.25 20.5a1.25 1.25 0 1 1 0 2.5h-13a1.25 1.25 0 1 1 0-2.5zM32.448 0a1.03 1.03 0 0 1 .969.686l.847 2.6a5.36 5.36 0 0 0 3.395 3.394l2.603.844l.053.014a1.028 1.028 0 0 1 0 1.938l-2.603.844a5.37 5.37 0 0 0-3.397 3.394l-.845 2.6l-.026.065a1.028 1.028 0 0 1-1.914-.065l-.845-2.6a5.36 5.36 0 0 0-3.397-3.406l-2.602-.846a1.028 1.028 0 0 1 0-1.938l2.602-.844a5.36 5.36 0 0 0 3.323-3.33l.022-.064l.846-2.6a1.03 1.03 0 0 1 .97-.686M27.33 12.5c.243.137.47.304.671.5q.151.15.28.32c.237.3.42.638.54 1l.146.453c-.203.142-.45.227-.716.227h-13a1.25 1.25 0 1 1 0-2.5z"/></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. DocumentOnePageMultipleSparkle48RegularIcon.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.