2 分鐘閱讀

SVG Favicon Maker 能夠幫助你快速建立一個網站的圖標。現在幾乎所有的瀏覽器都支援顯示網站的圖示，這不但是你的網站形象，同時也代表了使用者看到後，會立即聯想到你的品牌的一個象徵標誌。

SVG Favicon Maker 可以讓你在圖標內容中輸入文字或 Emoji 表情符號，並結合 Google Fonts，能讓你使用任何的字體，也因此你除了能在圖標內容中使用英文之外，還可以輸入中文字體，並指定你想要的字體樣式。

在背景部分，SVG Favicon Maker 提供了三種不同的背景框樣式，目前有：正方形、圓角型、圓形…三種背景樣式，同時還可以讓你客製化背景與前景顏色，讓你在短時間內就能建立屬於自己的網站圖標。

網站名稱：SVG Favicon Maker
網站網址：https://formito.com/tools/favicon

SVG Favicon Maker 簡介教學

Step 1

進入頁面後，畫面中會看到預設顯示字體 F，背景是紫色的圓角外框，文字顏色為白色。你可以透過左側的「Letter」與「Emoji」來切換要顯示在 LOGO 當中的是文字或是表情符號。

「Font Family」欄位使用了 Google Fonts 的線上字體，你可以從中選擇所有在 Google Fonts 中所提供的字體進行使用。

第一個「Color」代表內容文字的顏色，接著是「Background」欄位下方，可以選擇 LOGO 要使用正方形、圓角或圓形外框，第二個「Color」則是 LOGO 的背景底色。

透過左側客製化 LOGO 圖標外觀與內容

Step 2

完成 LOGO 設定後，你可以直接取用下方的「Get HTML Code」，複製 SVG 的 HTML 程式碼並貼至你的線上專案中，即可立即顯示使用：

可複製 SVG HTML 程式碼直接使用

Step 3

除了能直接複製 SVG 的 HTLM 程式碼之外，在右上角你也能點選「Download SVG」直接下載 SVG 格式的圖形檔案，或者點下旁邊的下拉按鈕，點選「Download PNG」按鈕下載 PNG 格式的圖形檔案：

下載 SVG or PNG 格式圖片檔案

此外還有一個小彩蛋，在你設定 LOGO 的同時，你可以注意左上角網站的 Favicon 圖示就會立即同步變成你所設計的 LOGO 樣式，能夠讓你直接看到之後套用到自己網站時候的樣子。

以上就是 SVG Favicon Maker 的完整介紹。如果你想要尋找其他線上 LOGO 的設計工具，可以參考：DesignEvo、Instant Logo Design、Logo Instant、Brandbuilder、Artify.co、Iconpie…等等，好用的免費 LOGO 設計網站。

SVG Favicon Maker 評價推薦心得

你可能有興趣