how to fix svg path a lot of padding? In React - html

Question

Ihave problem about svg and path in React
I'm confused, The result like this for text "M" , and i think each others have a same problem for A, R, U, and N. They have a Padding.
I Want To Result, not have padding, like this
How to Fix this ?. This is my code, i write in React and Material UI
import { SvgIcon } from "#mui/material";
export default function MLogo() {
return (
<SvgIcon
sx={{
width: 200,
height: 200,
overflow: "visible",
backgroundColor: "red",
}}
>
<g id="g2170" transform="translate(61.88106,47.497098)">
<g
style={{ fill: "transparent" }}
id="g2051"
transform="translate(-62.518591,-48.097097)"
>
<path
d="M 0.637531,9 V 0.599999 H 1.36953 l 3.84,6.552001 h -0.384 l 3.804,-6.552001 h 0.732 V 9 h -0.852 V 1.932 h 0.204 l -3.504,6 h -0.42 l -3.528,-6 h 0.228 V 9 Z"
fill="#592d2d"
/>
</g>
</g>
</SvgIcon>
);
}