[解決済み] Angular Materialでmat-iconのサイズを変更する方法は？[重複しています。］

質問

Angular Materialのmat-iconタグは、常にデフォルトのサイズが24pxです。では、どうすれば変更できるのか・・・・・・？

.mat-icon {
background-repeat: no-repeat;
display: inline-block;
fill: currentColor;
height: 24px;
width: 24px;
}

解決方法は？

Angular Materialでは、' マテリアルアイコン フォントファミリに依存するため、アイコンサイズは フォントサイズ .

したがって、アイコンの大きさを変更したい場合は、アイコンの フォントサイズ をCSSファイルに記述してください。

例えば

.mat-icon {
  font-size: 50px;
}