title: How to add custom svg icon and regular angular material icons to same mat-icon tag
body: <p>Using Angular 8 material design, I am stuck at a point where I need to use both custom svg icons and built-in/regular material icons to the same mat-icon tag.</p>
  
  <p>I am running a loop to display the menu with these icons, where-in for some menu items. I am using regular material and for some menu items, I have to use custom icons (svg).</p>
  
  <p>Need something like:</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;mat-icon svgIcon="menuIcon"&gt;{{menuIcon}}&lt;/mat-icon&gt;
  </code></pre>