Größe der md-icon-button ändern

Question

Wie kann ich md-icon-button size ändern? Mein Icon hat jetzt 24px und ich möchte diesen Wert auf 48px erhöhen. Nochmal - ich benutze md-icon als Knopfinhalt. Mir ist auch aufgefallen, dass der md-icon-button gerade 40px/40px Größe fest programmiert hat.

<button md-icon-button color="primary"> 
    <md-icon class="material-icons">play_circle_filled</md-icon> 
</button> 

Answer 1

Dies sollte funktionieren:

HTML

<button mat-button>  
    <mat-icon class="material-icons">play_circle_filled</mat-icon> 
</button> 

CSS

::ng-deep .mat-icon{ 
    font-size:48px !important; 
} 

DEMO