SVG Favicon Maker – 線上製作網站 LOGO 圖標工具，可添加文字與 Emoji 並下載 SVG 與 PNG 檔案

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 的背景底色。

Pin

Step 2

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

Pin

Step 3

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

Pin

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

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