在 Angular 的页面上添加小图像或图标?

Posted

技术标签:

【中文标题】在 Angular 的页面上添加小图像或图标?【英文标题】:Adding a small image or icon onto page in Angular? 【发布时间】:2021-01-20 21:15:15 【问题描述】:

我注意到在开始我的第一个 Angular 项目时,默认主页非常详细,并带有一些功能。

我的问题是如何添加小的详细图标 - 比如顶部的火箭飞船,“学习角度”旁边的毕业帽等?我没有看到项目中包含这些的任何图像文件,它们是从互联网上获取的吗?

如何在我自己的项目中为这些小图标使用自己的图像?

【问题讨论】:

图标是 SVG more information 【参考方案1】:

火箭是一个 SVG 元素,您应该在 index.html 中找到元素 <svg>...<svg>

如果你想使用第 3 方,你可以试试fontawesome

【讨论】:

以上是关于在 Angular 的页面上添加小图像或图标?的主要内容,如果未能解决你的问题,请参考以下文章

网站页面上标签页小图标的添加方式

多个图标存储在一个图像文件中[关闭]

特定图像或帖子而不是整个网站的社交媒体图标

总结几个小图标实现方法

减少 Web 的图像文件大小

Flutter - 如何在图像下方使用带有图像和文本/图标的容器小部件