細線圖示
256 × 256 px · ICO · 16, 24, 32, 48, 256
24 px 的線條圖示在每個尺寸重新繪製；24 和 48 px 時每條線都正好落在整數像素上。
SVG 轉 ICO 轉換器
SVG 轉 ICO，每個尺寸都從向量重新繪製：16 px 到 256 px，透明背景或放在彩色形狀上。再點一下就能拿到整套 favicon 和 HTML 程式碼。免費，在你的裝置上完成。
SVG → ICO免費 · 在瀏覽器裡執行
·手邊沒有 SVG？
在你的裝置上轉換，檔案不會上傳到我們的伺服器。SVG 裡用到的網頁字型和連結的圖片，會由你的瀏覽器從它們自己的伺服器下載，讓檔案正確顯示。
- 免費，不用註冊，沒有浮水印
- 檔案留在你的裝置上
- 每個尺寸都從向量繪製
- 附 favicon 套組和 HTML
六個可以試試的 SVG 轉 ICO 範例
為本頁原創繪製的圖示，每個都按卡片上的設定在這裡完成 SVG 轉 ICO。點開一個，就能用同樣的設定試試。
深色模式 favicon
256 × 256 px · ICO · 16, 32, 48, 256
favicon 套組裡的 icon.svg 保留 SVG 的深色模式配色。
圓形徽章
256 × 256 px · ICO · 16, 32, 48, 256
圓形背景加 10% 邊距，四角保持透明。
漸層標誌
256 × 256 px · ICO · 16, 32, 48, 256
每個尺寸的標誌周圍都透明，柔和邊緣也保留。
Windows 應用程式圖示
256 × 256 px · ICO · 16, 24, 32, 48, 128, 256
白色符號放在紫色圓角底上，六個尺寸，最大 256 px。
像素畫愛心
256 × 256 px · ICO · 16, 32, 48, 64, 256
16、32、48、64、256 px 都是整數倍，每個像素都保持方正。
細線圖示
256 × 256 px · ICO · 16, 24, 32, 48, 256
24 px 的線條圖示在每個尺寸重新繪製；24 和 48 px 時每條線都正好落在整數像素上。
Windows 應用程式圖示
256 × 256 px · ICO · 16, 24, 32, 48, 128, 256
白色符號放在紫色圓角底上，六個尺寸，最大 256 px。
漸層標誌
256 × 256 px · ICO · 16, 32, 48, 256
每個尺寸的標誌周圍都透明，柔和邊緣也保留。
圓形徽章
256 × 256 px · ICO · 16, 32, 48, 256
圓形背景加 10% 邊距，四角保持透明。
深色模式 favicon
256 × 256 px · ICO · 16, 32, 48, 256
favicon 套組裡的 icon.svg 保留 SVG 的深色模式配色。
像素畫愛心
256 × 256 px · ICO · 16, 32, 48, 64, 256
16、32、48、64、256 px 都是整數倍，每個像素都保持方正。
SVG 轉 ICO 只要三步
SVG 轉 ICO：新增、選擇、下載。
一次最多 50 個 .svg 或 .svgz 檔案，每個 20 MB 以內，也可以直接貼上 SVG 程式碼。
預設 16、32、48、256 px。保持透明，或選一種顏色，放在方形、圓角或圓形上。
在清單裡看清每個尺寸，再儲存 ICO、ZIP 或 favicon 套組。
這個 SVG 轉 ICO 工具擅長什麼
這個免費 SVG 轉 ICO 工具最拿手的六件事，適合 favicon、App 圖示和捷徑。
每個尺寸都清晰
每個尺寸都依自己的大小從向量重新繪製，16 px 的 ICO 圖示就是真正的 16 px 圖，邊緣乾淨俐落。依 16 或 24 px 網格繪製的線條圖示效果最好：這艘小帆船在 24 和 48 px 時，線條正好落在整數像素上。
保留透明
SVG 轉 ICO 時，透明區域在每個尺寸都保持透明，柔和邊緣和漸層也都保留。小尺寸存成 32 位元 BMP，128 和 256 px 存成 PNG，和 Windows 內建圖示的存法一樣。這枚火焰標誌在每個尺寸都保留漸層和透明的四周。
一鍵 SVG 轉 favicon 套組
favicon.ico、保留深色模式的 icon.svg、apple-touch-icon、192 和 512 px App 圖示和 manifest，外加放進 <head> 的幾行程式碼。這個字母組合標誌的 icon.svg 會自動切換成深色模式配色。
背景、形狀和邊距
透明、白色、黑色或任意顏色，做成方形、圓角或圓形，邊距 5% 到 20%。接近方形的標誌和符號最能填滿底板，例如這枚放在藍綠色圓形上的嫩芽徽章，邊距 10%，四角保持透明。
儲存前就能看到每個尺寸
SVG 轉 ICO 後，每個檔案都以實際像素顯示小尺寸，16 px 圖示上線前就能看到。像素畫以整數倍儲存，每個像素都方方正正，例如這顆愛心的 16、32、48、64 和 256 px。
批次、ZIP、隱私
一次最多 50 個 SVG 檔案，打包成一個 ZIP。全部在你的裝置上完成，不會上傳。這個 App 符號放在紫色圓角底上，存成一個含六個尺寸、最大 256 px 的 ICO，可直接用於 Windows 應用程式。
SVG 轉 ICO 指南：尺寸、透明和 favicon
SVG 轉 ICO 時，ICO 檔裡放了什麼，每個尺寸用在哪裡。
ICO 檔案需要哪些尺寸
一個 ICO 裡裝著幾張方形圖片，各處取用自己需要的那張。16 px 用在瀏覽器分頁和書籤，32 px 用在高解析度螢幕的分頁和 Windows 工作列，48 px 用在桌面和 Google 搜尋結果，256 px 用在 Windows 大圖示檢視。做 favicon 有 16、32、48 px 就夠了；做 Windows 應用程式或捷徑，再加上 24、64、128 和 256 px。
為什麼每個尺寸都從向量繪製
在每個尺寸重新繪製一遍 SVG，每個尺寸都有自己乾淨的邊緣，細線到了 16 px 依然是細線。這個 SVG 轉 ICO 轉換器對你選的每個尺寸都這樣繪製。看一下清單裡的 16 px 圖示：細節很多的標誌或很寬的文字標誌，在這個尺寸只用符號部分最好辨認。
透明、背景形狀和邊距
SVG 轉 ICO 後，ICO 檔案保留完整的透明度（Alpha 色版），透明區域和柔和邊緣在任何工作列或分頁上都保持透明。選一種背景色，就能把標誌放在方形、圓角或圓形上；圓角和圓形四周的角落保持透明。貼邊的標誌加 10% 到 15% 邊距，看起來就不會擁擠。
favicon 製作：整套檔案和 HTML 程式碼
瀏覽器至今仍會請求 /favicon.ico，所以它是基礎。新式瀏覽器優先使用 icon.svg，任意尺寸都清晰，還保留 SVG 的深色模式配色。iPhone 使用 180 px 的 apple-touch-icon.png；SVG 是透明的時候會加上白底，因為 iOS 會把透明顯示成黑色。Android 和已安裝的 App 從 manifest 讀取 192 和 512 px 圖示。把檔案放在網站根目錄，再把四行程式碼貼到 <head> 裡。
像素畫和細線圖示
像素畫在網格的整數倍時保持方正：16 px 的設計適合 16、32、48、64、128 和 256 px，選這些尺寸就對了。依 24 px 網格繪製的線條圖示在 24 和 48 px 最清晰；到 16 px 時，線條至少一個像素寬，每條線都清清楚楚。
SVG 轉 ICO 用在哪裡
這些地方仍然需要 ICO 圖示，SVG 轉 ICO 正好派上用場。
網站 favicon 製作
根目錄放 favicon.ico，再加上給手機和 App 用的整套圖示。
Windows 應用程式和安裝程式
一次 SVG 轉 ICO，就有 16 到 256 px 的圖示，給 Electron、.NET 或安裝程式製作工具使用。
捷徑和資料夾
幫 Windows 桌面捷徑和資料夾換上自訂圖示。
網頁應用程式
可安裝的網頁應用程式需要的 192、512 px 圖示和 manifest。
SVG 轉 ICO 常見問題
怎麼轉換、favicon 尺寸、favicon.ico 還有沒有用、透明、SVG favicon、Windows 圖示、模糊和隱私。