title: How to change the .MuisvgIcon-root class styles to override new styles from library in material-ui react?
body: <p>I'm using Material-ui for UI components in my <code>create-react-app</code> project. As per my requirement i decided to use drawer and App-bar component together in dashboard application. But i have an issue with changing the color of SVG icon.</p>
  
  <p>Here the screenshot, what i exactly wanted to change</p>
  
  <p><a href="https://i.stack.imgur.com/Dvqxp.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Dvqxp.png" alt="change icon color living in inside circle"></a></p>
  
  <p>Here is my toolbar code : </p>
  
  <pre><code> &lt;Toolbar&gt;
              &lt;IconButton
                color="inherit"
                aria-label="open drawer"
                onClick={handleDrawerOpen}
                edge="start"
                className={clsx(classes.menuButton, {
                  [classes.hide]: open,
                })}
              &gt;
                &lt;MenuIcon /&gt;
              &lt;/IconButton&gt;
              &lt;Typography variant="h6" noWrap&gt;
                VOTTUN BLOCKCHAIN
              &lt;/Typography&gt;
            &lt;/Toolbar&gt;
  </code></pre>
  
  <p>I want to change the color of icon to white.</p>
  
  <p>How we can do that?</p>
  
  <p>Thank you.</p>