Favicon 產生器
為網站建立完整的 Favicon 套件
- 檔案不會離開你的裝置
- 在瀏覽器本機執行
- 免費、免註冊、無浮水印
圖案
預覽
F
新分頁
F
新分頁
實際像素
16 px 放大
主畫面
F
檔案
- 正在繪製圖示…
貼到 <head> 中
將檔案上傳到網站後，再加入以下標籤。
如何使用Favicon 產生器
不用設計軟體也能做 favicon：輸入幾個字母、挑一個 Emoji，或從 8 套開源圖示庫選圖示，再調整背景和形狀。整套 ICO、PNG、SVG、Apple 與 Android 圖示和資訊清單都在瀏覽器中產生。
- 1
在「圖案」選擇「文字」「Emoji」或「圖示」。
- 2
輸入 1–3 個字元並選擇字型和粗細；或輸入、點選一個 Emoji（「瀏覽全部 Emoji」可開啟完整清單）；或搜尋 rocket、cloud 等關鍵字後點擊圖示。
- 3
在「前景」設定顏色和大小，在「圖示樣式」調整背景、形狀、圓角和內距。
- 4
填寫「網站資訊」與「輸出」尺寸，對照淺色、深色分頁和主畫面預覽確認效果。
- 5
點擊「下載圖示包（ZIP）」，把檔案上傳到網站，再把「貼到 <head> 中」的標籤複製到網頁裡。
常見問題
會把資料傳到伺服器嗎？
不會，圖示在瀏覽器中繪製。圖示庫只有在你開啟或搜尋時才從 XTools 載入，所以第一次使用某個圖示集需要連網。
有哪些圖示庫？
Lucide、Tabler、Material Design、Phosphor、Remix Icon、Carbon、Heroicons 和 Font Awesome Brands。預設先載入 Lucide；搜尋時點「搜尋全部 8 個圖示集」會一次下載其餘圖示集（約 13 MB）。
圖示可以商用嗎？
每套圖示庫各有自己的開源授權，拿來當 Logo 前請先確認。Font Awesome Brands 是其他公司的品牌標誌，不能當成你自己的品牌使用。
為什麼 Emoji 在別台電腦上看起來不一樣？
Emoji 和文字使用的是你裝置上的字型，所以 PNG 和 ICO 檔呈現的是你系統的 Emoji 風格。favicon.svg 以文字形式儲存，訪客的瀏覽器會用自己的字型來顯示。
最多可以輸入幾個字？
1–3 個字元效果最好，輸入框最多接受 4 個字元。文字太長會自動縮小以放進圖示，中文字也可以。
可以做透明背景的 favicon 嗎？
可以，把背景設為「無」即可。不過 Apple 觸控圖示和 maskable 圖示仍會是白底方形，因為手機主畫面不支援透明。