title: How can I add an icon to Material UI Select options?
body: <p>How to add icons inside <code>Select</code> options? I tried many times but none of them are working:</p>
  <pre><code>&lt;option value={0}&gt;&amp;#xf083;Item One&lt;/option&gt;
  &lt;option value={1}&gt;
    &lt;i class=&quot;fas fa-expand&quot; /&gt;
    Item two
  &lt;/option&gt;
  </code></pre>
  <p>Full sample code:</p>
  <pre><code>class IconInSelect extends Component {
    state = {
      value: 0
    };
    handleChange = name =&gt; event =&gt; {
      this.setState({ [name]: event.target.value });
    };
    render() {
      const { value } = this.state;
      const { classes } = this.props;
      return (
        &lt;Select
          autoWidth
          native
          value={value}
          onChange={this.handleChange(&quot;value&quot;)}
          name=&quot;value&quot;
          variant=&quot;filled&quot;
          classes={{
            root: classes.selectEmpty,
            select: classes.select
          }}
        &gt;
          &lt;option value={0}&gt;&amp;#xf083;Item One&lt;/option&gt;
          &lt;option value={1}&gt;
            &lt;i class=&quot;fas fa-expand&quot; /&gt;
            Item two
          &lt;/option&gt;
          &lt;option value={2}&gt;Item three&lt;/option&gt;
        &lt;/Select&gt;
      );
    }
  }
  </code></pre>
  <p><a href="https://codesandbox.io/s/pp61kkr20j" rel="noreferrer">Codesandbox</a></p>