接受的答案不适合我，我必须给href属性添加一个值:

<link rel="shortcut icon" href="#" />

这是一场噩梦，因为每个浏览器/设备的处理方式都不一样。

Favicon生成器帮助我很多的应用程序，我们需要覆盖最可能的场景。

https://realfavicongenerator.net/

你只需要一个260px x 260px的png图片(至少)，然后生成器将在你的网页中创建你需要的所有引用。

您只需要将这些引用和图像添加到应用程序中。

你可以提供你自己的图像，并在头部引用它，例如:

<link rel="shortcut icon" href="images/favicon.ico">

在早期的Angular中，我们有. Angular -cli。引用favicon.ico的Json文件。如果你要升级到Angular的一个新版本，那么你就有了Angular。json。对于这些新版本，您必须从现在开始在index.html中引用favicon路径。

公认的答案不适合我，所以我找到了这个解决方案。

它可能与HTML版本有关，因为投票最多的解决方案是这样说的:

如果你需要你的文档对HTML5进行验证，请使用以下方法: <link rel="icon" href="data:;base64,iVBORw0KGgo="> .

更多信息请参见链接。

如果favicon在根目录:

<link rel="shortcut icon" href="../favicon.ico" />