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

标签 css angular svg

我有一个包含图标集合的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"; }

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

最佳答案

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

关于css - Angular 4+ : How to use icons from svg file,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53570608/

相关文章:

html - 如何选择一个被选中的伪类的伪类?

html - 在 div 旁边写字

node.js - 如何运行 "npm install"为旧的 Angular 项目创建 node_modules 文件夹?

jquery - Html5 拖放 svg 元素

html - 我用 html 编写了一个自动背景幻灯片,但我网站上的 Logo 不断淡入图像,就好像它是幻灯片的一部分一样

javascript - Firebase 查询子级的子级是否包含值

css - Angular 2 中的 ngClass 不在表格中呈现

javascript - 如何停止文本从屏幕上过渡

jquery - 依次淡出SVG的每条路径

css - 语法错误 css