SVG icons with Material-UI: where to find, how to style?
<p>On <a href="http://www.material-ui.com/#/components/app-bar" rel="noreferrer">http://www.material-ui.com/#/components/app-bar</a> it says that among the possible proprerties they support is "iconElementLeft ... element ... The custom element to be displayed on the left side of the app bar such as an SvgIcon."</p>

<p>What I have now isn't styled like the rest of the things on the menu bar...  I'm pointing to a svg icon I found and using img attributes to try to fit it in.  How could I make Material-UI style it like the native things?</p>

<pre><code>export default (props)=&gt;{
return (
    &lt;AppBar
        title={&lt;span style={styles.title}&gt;&lt;Link to="/" className="logoLink"&gt;GIGG.TV&lt;/Link&gt;&lt;/span&gt;}
        className="header"
        iconElementLeft={&lt;img src='../../public/img/rocket.svg' height='40' width='40' alt='' /&gt;}
        // showMenuIconButton={false}
        iconElementRight={
            &lt;IconMenu
              iconButtonElement={
                &lt;IconButton&gt;&lt;MoreVertIcon /&gt;&lt;/IconButton&gt;
              }
              targetOrigin={{horizontal: 'right', vertical: 'top'}}
              anchorOrigin={{horizontal: 'right', vertical: 'top'}}
            &gt;
              &lt;MenuItem
                linkButton={true}
                primaryText="Home"
                containerElement={&lt;Link to="/" className="logoLink"&gt;GIGG.tv&lt;/Link&gt;} /&gt;

              &lt;MenuItem primaryText="Sign in" containerElement={ &lt;SignInModal/&gt;} /&gt;
              &lt;MenuItem
                linkButton={true}
                primaryText="Login as Artist"
                containerElement={&lt;Link to="/artistSignIn" &gt;Sign in/Up &lt;/Link&gt;} /&gt;
            &lt;/IconMenu&gt;
          }/&gt;
    )
}
</code></pre>

<p>Alternatively, how could I look through all the icons in the Material-UI NPM package to see if they have something native that might work?</p>