Angular 4+:如何使用SVG文件中的图标

时间:2018-12-01 12:09:16

标签: css angular svg

我有一个 icon.svg 文件,其中包含图标集合。我想在我的应用程序中使用它们,因为我们显示了材质图标。

有什么想法如何在应用程序中包含文件并使用它们?

我尝试了以下解决方法:

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"; }

中所示

有人可以让我了解它的工作原理吗?

1 个答案:

答案 0 :(得分:0)

您只需将svgs的sprite文件放入资产文件夹中,然后在模板组件中使用它