You can use [react-svg-resizer ](https://www.npmjs.com/package/react-svg-resizer). this is a simple wrapper that can scale any SVG element(including MUI-icons).
[here's codesandbox with demo with examples](https://codesandbox.io/s/react-svg-resizer-demo-c2s7n3?file=/src/App.tsx)
```jsx import YourIcon from "@mui/icons-material/YourIcon";

<SvgResizer size={50}> <YourIcon /> </SvgResizer> ```
The Icon can be any SVG element. a custom one, or MUI Icon.

You can use [react-svg-resizer ](https://www.npmjs.com/package/react-svg-resizer). this is a simple wrapper that can scale any SVG element.
[here's codesandbox with demo with examples](https://codesandbox.io/s/react-svg-resizer-demo-c2s7n3?file=/src/App.tsx)
```jsx import YourIcon from "@mui/icons-material/YourIcon";

<SvgResizer size={50}> <YourIcon /> </SvgResizer> ```
The Icon can be any SVG element, and the this component would tranform the inner svg into the desired size.