title: Can we change svgicon color when using with <mat-icon> (angular material)
body: <p>So I have an svg icon, I am using angular material to display it and wanted to change the color on hover but so far I haven't been able to do that.
  Here's the code for reference:</p>
  
  <pre><code>&lt;mat-icon svgIcon="menu"&gt;&lt;/mat-icon&gt;
  </code></pre>
  
  <p>The icon comes up however when I try,</p>
  
  <pre><code>&lt;mat-icon class="color" svgIcon="menu"&gt;&lt;/mat-icon&gt;
  </code></pre>
  
  <p>and in css part</p>
  
  <pre><code>.color:hover, .color:active{
  color: black;
  fill: black;
  }
  </code></pre>
  
  <p>It doesn't work.
  Any help will be appreciated, thanks.</p>