Angular Material多个自定义图标导致黑色方形图标[关闭]答案

【问题标题】：Angular Material multiple custom icons causes black square icon [closed]Angular Material多个自定义图标导致黑色方形图标[关闭]
【发布时间】：2019-07-13 11:12:01
【问题描述】：

我正在尝试使用带有角材质的自定义 SVG 图标，但当我尝试在同一区域使用多个自定义图标时遇到了问题。

https://stackblitz.com/edit/angular-material-anrtj6

如您所见，其中一个图标只是一个黑色方块。如果您编辑 HTML 并删除“import_dark”按钮图标，那么第一个图标（“删除”）将起作用。如果您先放置“设置”图标，则设置图标不起作用。

任何帮助将不胜感激。

【问题讨论】：

标签： angular svg angular-material icons

【解决方案1】：

您似乎遇到了一些 css 类问题。我将第二个 svg 中的类重命名，将 cls-1 重命名为 cls3，将 cls-2 重命名为 cls-4，并且它可以工作。在这里查看https://stackblitz.com/edit/angular-material-jacv8h

【讨论】：