IconSearch logoIconsearch
Home/Libraries/Font Awesome Brands (Iconify)/mdb
← Back to Search
Font Awesome Brands (Iconify)

Mdb

License: CC-BY-4.0


<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 640 640"><path fill="#818cf8" d="M49.4 224.4L39 416h43.9l5.6-79.8l27.9 79.8h44.7l25.5-77.4l4.8 77.4h45.5l-12.8-191.6h-45.5l-40.7 117.3l-42.3-117.3H49.3zm281 0h-47.9V416h47.9s95 .8 94.2-95.8c-.8-94.2-94.2-95.8-94.2-95.8m-1.2 146.5V268.8s46 4.3 46.8 50.6s-46.8 51.5-46.8 51.5m238.3-74.2c7.2-11.4 10-25 8-38.3c-5.3-35.8-55.1-34.3-55.1-34.3h-51.9v191.6H514s87 4.8 87-63.8c0-43.1-33.5-55.1-33.5-55.1zm-51.9-31.9s13.6-1.6 16 9.6c1.4 6.7-4 12-4 12h-12zm-.1 109.5l.1-24.9v-18.2h.1s41.6-4.7 41.2 22.4c-.3 25.7-41.3 20.7-41.3 20.7z"/></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard
Dashboard
Analytics
Settings

Overview Dashboard

PROGRESS STEPPER

3

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. MdbIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **CC-BY-4.0** 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.

Related Icons in Font Awesome Brands (Iconify)

Browse all Font Awesome Brands (Iconify) icons →
11ty
11ty
42-group
42-group
500px
500px
accessible-icon
accessible-icon
accusoft
accusoft
adn
adn
adversal
adversal
affiliatetheme
affiliatetheme
airbnb
airbnb
algolia
algolia
alipay
alipay
amazon
amazon