如何在Angular应用中让Angular Material Icon显示轮廓样式？

嘿，这个问题我太熟悉了！要把默认的填充式info图标换成轮廓款，其实有两种简单好用的方法：

• 直接使用带后缀的图标名称
  Material Icons的轮廓样式图标都自带_outline后缀，所以你只需要把原代码里的info换成info_outline就行：

<mat-icon>info_outline</mat-icon>

• 指定轮廓字体集
  如果更习惯用原图标名称，也可以通过fontSet属性指定使用轮廓字体，代码如下：

<mat-icon fontSet="material-icons-outlined">info</mat-icon>

不过要注意，得确保你的项目已经引入了Material Icons Outlined的字体资源，不然这个方法会不生效哦。

两种方法都能达到你想要的效果，选哪个全看个人习惯～

内容的提问来源于stack exchange，提问作者zer0