I am making my webpage in ReactTS. I made a navbar and I wanted to add some SVGs from MUI Material Icons. But my only problem is that the SVG is a bit too high:

Screenshot

Already tried setting the position to inherit but also had no effect, here is the CSS:

nav {
  position: fixed;
  display: block;
  margin: auto;
  top: 0;
  width: 100%;
  height: 50px;
  padding-left: 10px;
  font-size: calc(10px + 2vmin);
  background-color: #3e424d;
  color: white;
}

svg {
  position: inherit;
}

Could anyone help me? I am not good at CSS