我可以为 favicon 使用 angular 素材图标吗？

Question

而不是我自己的图像文件，我想使用标准材料图标作为我网站的图标。

是否有任何编程方式来完成此操作，而不是复制或制作类似于这些图标的图像文件？

Answer 1

为了确保您的 favicon 与所有平台兼容，您需要生成几种不同的 favicon 文件类型。 例如，如果您只生成一个 favicon.png，它将在 Windows 的 Google Chrome 桌面中显示，但在 Android 的 Google Chrome Mobile 中不会显示。

因此，您最终要做的是创建多个不同文件类型和分辨率的网站图标，以确保跨平台网站图标兼容性。

下面的链接将生成所需的网站图标，以确保跨平台网站图标兼容性。 它接受 PNG、JPG、SVG 的输入。

您需要：

Favicon PNG image for modern desktop browsers.

Favicon Apple Touch icon for mobile browsers.

Favicon icon (.ico) old browsers.

Favicon tile icon for internet explorer on Windows 8 and 10.

我知道这不是您想要的，但它应该进一步详细说明网站图标的复杂性。

https://realfavicongenerator.net/