Can I use the MUI icon for commercial projects?

Yes, you can use the MUI icon in your commercial projects. However, please be aware that the MUI logo is a registered trademark. You should follow their brand guidelines and not imply endorsement.

How to use the MUI icon in Figma?

The easiest way is to copy the MUI SVG code from our site and paste it directly into Figma. Alternatively, you can download the MUI SVG file and drag it onto your Figma canvas.

What formats of the MUI icon are available for download?

We provide the MUI icon in high-quality SVG (vector) format, which is perfect for web and print. You can also download it as a transparent MUI PNG image or copy the React component code.

MUI Icon

Development#007FFF

High-quality MUI transparent PNG for web & print.

Optimized MUI SVG vector code for developers.

Ready-to-use MUI React icon component.

How to use the MUI Icon

Copy the MUI icon as inline SVG, React code, HTML embed, or CSS mask.

Inline SVG

Paste the MUI SVG directly into HTML or JSX.

React Component

Use MUI as a typed React icon component.

import React from 'react';

export const MUIIcon = ({ className = "w-6 h-6" }: { className?: string }) => (
  
);

HTML Embed

Use a hosted MUI icon URL with attribution.

CSS Mask

Use MUI as a colorable CSS mask icon.

.mui-icon {
  display: inline-block;
  width: 32px;
  height: 32px;
  background-color: #007fff;
  mask: url("https://www.aiuidesigner.com/icons/mui.svg") center / contain no-repeat;
  -webkit-mask: url("https://www.aiuidesigner.com/icons/mui.svg") center / contain no-repeat;
}

MUI Icon Details

Brand color

#007FFF

About the MUI Icon

The MUI icon is available here as a brand icon asset in SVG format. It is categorized under Development and uses the brand color #007FFF. You can download it as a transparent PNG, copy the inline SVG, copy a React component, or embed it with HTML.

Use the source and brand guideline links on this page to verify current trademark usage rules before using the MUI logo in commercial projects, documentation, UI mockups, or marketing pages.

Tags:uicomponentsreact

MUI Icon Frequently Asked Questions

Try AI Icon Generator

Need a completely unique icon? Use our AI-powered SVG Generator to create custom, professional icons in seconds.

Try AI Icon Generator

MUI Related Icons