Angular material 如何使用轮廓材质图标

场景：

• 我正在使用材质图标，我面临一个问题，
  我通常使用填充图标，一切正常，
  现在我想使用一个轮廓图标，它们的名称相同，“screen\u share”

已审理案件：
我的尝试包含在index.html中：

<link 
type="text/css" href="https://fonts.googleapis.com/css?family=Material+Icons" 
rel="stylesheet"/> 

<link type="text/css" 
href="https://fonts.googleapis.com/icon?family=Material+Icons&style=outlined" 
rel="stylesheet">

在myComponent.html中

<button mat-button>
   <mat-icon>
      screen_share_outline
   </mat-icon>
</button>

屏幕共享大纲

但它仍然显示填充的一个

我怎么做

---

这与建议的副本不一样，因为提供的解决方案是我尝试过的选项，但不起作用

我看到你正在审查这个问题

在完全包含概述的版本之前，您需要使用stackoverflow问题中提供的解决方法。。。我在stackblitz中验证了它，它确实有效

将以下导入添加到index.html

<link rel="stylesheet" href="https://storage.googleapis.com/non-spec-apps/mio-icons/latest/outline.css">

在组件html中使用以下内容

<i class="material-icons-new outline-screen_share"></i>

---

您可以暂时使用此存储库。效果相当于材质图标正常

---

可能重复的，请查看这些链接是否有用：，，如果运气不好，请从下载该略图图标的svg，并在标记中使用它。

<i class="material-icons-new outline-screen_share"></i>