@mui/icons-material
's direct dependencies. Data on all dependencies, including transitive ones, is available via CSV download.Name | Version | Size | License | Type | Vulnerabilities |
---|---|---|---|---|---|
@babel/runtime | 7.24.5 | 256.12 kB | MIT | prod | |
@mui/material | 5.15.17 | 10.3 MB | MIT | prod peer | |
@types/react | 18.3.1 | 427.28 kB | MIT | prod peer | |
react | 18.3.1 | 310.65 kB | MIT | prod peer |
@mui/icons-material is a package that provides Google Material Icons as SVG React components. These icons are converted to SvgIcon components to render SVG paths for each icon, allowing you to incorporate these easily recognizable and aesthetically pleasing icons into your React projects.
You can install @mui/icons-material into your project directory using npm. Here's an example of how you can use it:
Step 1: Install the package using npm:
npm install @mui/icons-material
If you're not yet using Material UI in your project, you'll need to install it:
npm install @mui/material
Step 2: Import your desired icons into your React component:
import React from 'react';
import DeleteIcon from '@mui/icons-material/Delete';
function ExampleComponent() {
return (
<div>
<DeleteIcon />
</div>
);
}
export default ExampleComponent;
In the above code, we imported a delete icon from @mui/icons-material and used it in our ExampleComponent.