css - Angular 4+ : How to use icons from svg file

Question

我有一个包含图标集合的icon.svg 文件。我想在我的应用程序中使用它们，因为我们会显示 Material 图标。

知道如何将文件包含在应用程序中并使用它们吗？

我尝试过以下解决方案:

Custom font import in Angular4

SVG icons from external file

how to generate webfont from SVG icons in angular

但是我无法显示图标。

这是我想使用图标的方式: <span class="icon-home"></span>然后它应该显示主页图标。我也准备好使用 css，如某些教程中所示
.icon-home:before
{
content: "\e900";
}

有人可以让我了解它是如何工作的吗？

Answer 1

你可以将svgs的sprite文件放在assets文件夹中，然后在你的模板组件中使用