[解決済み] 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では、' マテリアルアイコン ' Font-Family を使用しているため、アイコンのサイズは フォントサイズ .

したがって、アイコンのサイズを変更したい場合は、アイコンの フォントサイズ を変更します。

例えば

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