【Angular】mat-icon

結論

• mat-icon は、Angular Material で アイコンを表示するためのコンポーネント
• よくbuttonタグの中に入れて使う

詳細

基本的な使い方

• <mat-icon>{{文字列}}</mat-icon> →mat-iconはその文字列をアイコン名として解釈して対応する絵を表示してくれる
• 例：

<button mat-icon-button (click)="deleteTodo()">
  <mat-icon>delete</mat-icon>
</button>

アイコンの色や大きさを変える

iconColor = 'red';

<mat-icon color="primary">home</mat-icon>
<mat-icon [style.color]="iconColor">favorite</mat-icon>