Home/Libraries/Fluent UI System Icons (Iconify)/database-48-regular

Fluent UI System Icons (Iconify)

Database48Regular

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="M40 12c0-2.651-2.293-4.648-5.05-5.91C32.083 4.778 28.21 4 24 4s-8.083.778-10.95 2.09C10.293 7.352 8 9.35 8 12v24.25h.007c.139 2.527 2.373 4.438 5.043 5.66C15.917 43.222 19.79 44 24 44s8.083-.779 10.95-2.09c2.67-1.222 4.904-3.133 5.043-5.66H40zm-29.5 0c0-1.077 1.009-2.455 3.59-3.636C16.562 7.233 20.064 6.5 24 6.5s7.438.733 9.91 1.864c2.58 1.181 3.59 2.56 3.59 3.636s-1.009 2.455-3.59 3.636C31.438 16.767 27.936 17.5 24 17.5s-7.438-.733-9.91-1.864c-2.58-1.181-3.59-2.56-3.59-3.636m27 24c0 1.077-1.009 2.455-3.59 3.636C31.438 40.767 27.936 41.5 24 41.5s-7.438-.733-9.91-1.864c-2.58-1.181-3.59-2.56-3.59-3.636V16.394c.752.586 1.625 1.092 2.55 1.516C15.917 19.22 19.79 20 24 20s8.083-.779 10.95-2.09c.925-.424 1.798-.93 2.55-1.516z"/></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. Database48RegularIcon.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.