title: Mat-icon smaller when used with font-awesome in Angular
body: <p>I'm trying to use Font-awesome for my <code>&lt;mat-icon&gt;</code> and they appear smaller.</p>
  
  <p><a href="https://i.stack.imgur.com/JnkoG.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/JnkoG.png" alt="enter image description here"></a></p>
  
  <pre><code>&lt;li&gt;
    &lt;mat-icon&gt;remove_red_eye&lt;/mat-icon&gt;
    &lt;mat-icon&gt;brush&lt;/mat-icon&gt;
    &lt;mat-icon fontSet="fa" fontIcon="fa-filter"&gt;&lt;/mat-icon&gt;
  &lt;/li&gt;
  </code></pre>
  
  <p>I have added "node_modules/font-awesome/scss/font-awesome.scss" in the <code>styles</code> array of <code>angular.json</code> (downloaded from npm) and... that's all. I'm pretty sure it's because I don't use the <code>matIconRegistry</code> but I didn't find how this works to "import" a whole set of icons (all the Font-awesome icons).</p>
  
  <p>Thanks for your help</p>