我可以為 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/