title: Angular Material icons not working
body: <p>I've installed Material for angular, </p>
  
  <p>I've imported on my app module MatIconModule (with <code>import { MatIconModule } from '@angular/material/icon';</code>)</p>
  
  <p>I've added it under my ngmodule imports with:</p>
  
  <pre><code>@NgModule({
      imports: [ 
  //...
  MatIconModule, 
  //...
  </code></pre>
  
  <p>I've imported all stylesheets</p>
  
  <p>And I've also imported it in my app component that is actually (trying to) using them (with another <code>import {MatIconModule} from '@angular/material/icon';</code> line at the beginning of it).</p>
  
  <p>But material icons still not appear.</p>
  
  <p>For example, with this line:</p>
  
  <pre><code>&lt;button mat-icon-button (click)="snav.toggle()"&gt;&lt;mat-icon&gt;menu&lt;/mat-icon&gt;&lt;/button&gt;
  </code></pre>
  
  <p>I'm expecting something like this:</p>
  
  <p><a href="https://i.stack.imgur.com/U7Vec.jpg" rel="noreferrer"><img src="https://i.stack.imgur.com/U7Vec.jpg" alt="expected"></a></p>
  
  <p>But i get this:</p>
  
  <p><a href="https://i.stack.imgur.com/B0We3.jpg" rel="noreferrer"><img src="https://i.stack.imgur.com/B0We3.jpg" alt="actual"></a></p>
  
  <p>Got any suggestion?</p>