是否有任何指令可以更改Angular材料图标大小？

Question

我正在使用角度材料作为图标，

<mat-icon>subdirectory_arrow_right</mat-icon>

图标的默认大小由框架定义为24px，是否有任何指令可以调整大小？就像我们在字体中的表现一样 - lg / sm / md

Answer 1

在v6.x中，您可以使用inline属性使图标与其父元素的字体大小相匹配。否则，在使用默认图标字体集时，没有用于指定图标大小的内置MatIcon功能。您可以轻松添加样式属性，例如style="font-size: 16px;"或者你可以定义自己的类来做到这一点。您可能还想设置宽度和高度，因为它们与font-size类似，默认为24。