Eu tenho isso, que eu assumiria que funciona, mas não:

<mat-icon color="white">home</mat-icon>

Então, eu também tenho:

<button mat-raised-button color="accent" type="submit"
 [disabled]="!recipientForm.form.valid">
    <mat-icon color="white">save</mat-icon>SAVE
</button>

Por algum motivo, esse trecho de código funciona (mostra o ícone em branco).

Como faço para ficar sozinhomat-icon aparecer como brancousando acolor atributo? (Posso adicionar facilmente uma classe branca, mas quero entender isso)