我可以为 favicon 使用角度材质图标吗？答案

【问题标题】：can i use angular material icons for favicon?我可以为 favicon 使用角度材质图标吗？
【发布时间】：2021-04-30 04:53:11
【问题描述】：

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

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

【问题讨论】：

Favicon 需要是图像文件格式，例如ICO 或 SVG。 Material Iconfont 是一种捆绑字体，据我所知，无法从字体中提取单独的图像文件。所以我认为这是不可能的。但是您可以随时从他们的repo 下载特定图标的图像文件

标签： angular angular-material favicon google-material-icons

【解决方案1】：

为了确保您的网站图标与所有平台兼容，您需要生成几种不同的网站图标文件类型。例如，如果您只生成一个 favicon.png，它将显示在适用于 Windows 的 Google Chrome Desktop 中，但不会显示在适用于 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/

【讨论】：