title: Angular Material - matIcon in MatSelect
body: <p>I use this angular material select in my Angular 5 application: </p>
  
  <pre><code>&lt;mat-form-field style="width:88%;"&gt;
      &lt;mat-select placeholder="Contact *" formControlName="contact"&gt;
         &lt;mat-option *ngFor="let contact of contacts" [value]="contact"&gt;
           &lt;mat-icon [ngStyle]="{'color': contact.color}"&gt;home&lt;/mat-icon&gt;{{contact.institution}} 
         &lt;/mat-option&gt;
      &lt;/mat-select&gt;
  &lt;/mat-form-field&gt;
  </code></pre>
  
  <p>On the select panel <code>&lt;mat-icon&gt;</code> are listed as expected but if I select one option then the <strong>home</strong> icon does not appear in <code>&lt;mat-form-field&gt;</code></p>
  
  <p>How could I also view the home icon in <code>&lt;mat-form-field&gt;</code> once selected?</p>