title: Use material ui svg icons as background image
body: <p>Can I use <code>@material-ui/icons</code> svg images as background of other elements.? Tried the below code but didn't work.</p>
  
  <pre><code>import CarIcon from '@material-ui/icons/DriveEtaRounded';
  
  const carIcon = &lt;CarIcon /&gt;
  
  function Cover(){
    return (
      &lt;div
          className={classes.cover}
          style={{ backgroundImage: 'url('+ carIcon+')' }}
      /&gt;
    )
  }
  </code></pre>