title: How to change mat-icon size in Material
body: <p>This question comes from the Material2 Github <a href="https://github.com/angular/material2/issues/4422#issuecomment-300309224" rel="noreferrer">repo</a>. </p>
  
  <p>I still have problems to style a Material component that is wrapped in a custom component.</p>
  
  <p>I have a <code>&lt;logo&gt;</code> component that contains <code>&lt;md-icon svgIcon="logo"&gt;&lt;/md-icon&gt;</code></p>
  
  <p>Adding: </p>
  
  <pre><code>:host { 
     .mat-icon {
      width: 100px;
      height: 100px;
      font-size: 56px;
    }
  }
  </code></pre>
  
  <p>Will not apply to the Material component inside my custom component.</p>