css - Angular 4+：如何使用 svg 文件中的图标
问题描述
我有一个icon.svg文件，其中包含图标集合。我想在我的应用程序中使用它们，因为我们显示材料图标。
知道如何将文件包含在应用程序中并使用它们吗？
我尝试了以下解决方案：
但我无法显示图标。
这是我想使用图标的方式：
<span class="icon-home"></span>
然后它应该显示主页图标。我也准备好使用 css，如一些教程中所示
.icon-home:before
{
content: "\e900";
}
有人可以让我了解它是如何工作的吗？
解决方案
您只需将 svgs 的 sprite 文件放在 assets 文件夹中并在模板组件中使用它
推荐阅读
- django - 获取UpdateView django中的所有字段
- python - 在缺失值的数量上循环删除列
- node.js - 在 Koa 中返回 JSON
- java - @Column 在 Java + Hibernate 的子类中不起作用
- kendo-ui - 为什么 Kendo Grid (Vue) 不显示第 2、3、4 页的数据？
- regex - 从字符串中查找不包括管道和空格的子字符串
- javascript - 解析xml以获取两个节点之间的所有节点
- ios - 如何将包含在可选中的时间戳值转换为双精度值？
- prolog - 序言中的文字'_'？
- python - 如何不将 False/其他值评估为 0