搭配 Vite 的 Quasar CLI - @quasar/app-vite
此建置目標包含各種針對個別瀏覽器和作業系統的特殊圖示。您需要它們全部 - 如果您發現任何新的或遺失的圖示,請開啟 issue。

Icon Genie CLI
提示
我們強烈建議使用 Icon Genie CLI,因為它可以取用來源圖示,並自動複製、縮放、最小化圖示,並將它們放置在適當的目錄中。在需要時,它也會告訴您需要添加到 /index.html 檔案中的標籤。
使用 Icon Genie CLI 快速引導必要的圖片。如需完整的選項列表,請訪問 Icon Genie CLI 命令列表頁面。
$ icongenie generate -m spa -i /path/to/source/icon.png
content_paste
手動說明
public/
favicon.ico
icons/
favicon-128x128.png
favicon-96x96.png
favicon-32x32.png
favicon-16x16.png
需要放入 /index.html
以參考上述檔案的 HTML 程式碼
<link rel="icon" type="image/ico" href="favicon.ico">
<link rel="icon" type="image/png" sizes="128x128" href="icons/favicon-128x128.png">
<link rel="icon" type="image/png" sizes="96x96" href="icons/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="32x32" href="icons/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="icons/favicon-16x16.png">
content_paste