• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
TechMoon 科技月球

TechMoon 科技月球

免費工具、WordPress、虛擬主機、 科技前端

  • 科技新知
  • 月球精選
  • 線上工具
  • 虛擬主機
    • Bluehost 主機
    • A2 Hosting 主機
  • WordPress
    • WordPress 教學
    • WordPress 主題
    • WordPress 外掛
  • 免費資源
  • 優惠資訊
  • 自我提升
    • Excel 教學
    • 網路行銷
  • Udemy 免費課程
  • 虛擬主機總覽
目前位置: 首頁 / 線上工具 / SVG Favicon Maker – 線上製作網站 LOGO 圖標工具,可添加文字與 Emoji 並下載 SVG 與 PNG 檔案
SVG Favicon Maker - 線上製作網站 LOGO 圖標工具,可添加文字與 Emoji 並下載 SVG 與 PNG 檔案

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

Last Updated on 2020-10-22 By Sliven Leave a Comment

Bluehost 虛擬主機 4 折 60% OFF 優惠折扣
A2 Hosting Coupon
2 分鐘閱讀

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

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

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

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

目錄
  1. 1. SVG Favicon Maker 簡介教學
  2. 2. 你可能有興趣
  3. 3. 更多相關文章

SVG Favicon Maker 簡介教學

Step 1

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

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

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

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

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

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

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

下載 SVG or 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 - 線上製作網站 LOGO 圖標工具,可添加文字與 Emoji 並下載 SVG 與 PNG 檔案

SVG Favicon Maker 評價推薦心得

  • 免費建立網站 LOGO
  • 可客製化文字、表情符號與顏色
  • 可直接複製 SVG HTML 程式碼
  • 可下載 SVG, PNG 圖片檔案格式

你可能有興趣

  • Logaster – 免費 Logo 線上產生器,一秒建立網站 Logo 與 Favicon 打造獨特品牌 Logo 圖示
  • Free Typography Logo Maker – 一秒建立文字 Logo 快速產生器,同時建立黑白兩種 Logo 版本
  • Instant Logo Design – 線上 Logo 快速產生器
  • Logo Instant – 可商用免費 Logo 素材下載,包含原始 AI 檔修改原圖
  • Brandbuilder – 線上品牌 Logo 設計工具
  • DesignEvo – 免費線上 Logo 設計、商標製作工具
  • Artify.co – 免費線上圖片設計編輯工具,強大功能幫助你快速建立精美特色圖片
  • Neumorphism CSS Generator – 新擬態風格圖形樣式產生器,線上客製化最新軟 UI 風格與產生 CSS 程式碼
  • Ray.so – 免費程式碼轉換圖片線上工具,將代碼製作成精美的色彩圖片可自由客製化圖片外觀
  • Adobe Photoshop Express – 免費線上圖片編輯服務,提供圖片裁切、調整大小、修飾與套用濾鏡效果
  • Wunderstock – 超過 1 千萬 CC0 免費圖片,提供壓縮後圖片與免費線上圖片編輯工具
  • Diff Checker Text – 免費線上檢查文字或檔案不同之處,可支援文字、圖片、PDF 檔案、Excel 檔案多種格式

更多相關文章

  • SiteGround 主機評價(2021 年 2 月)- 虛擬主機 + WordPress 網站一鍵安裝完整教學
  • 2021 最新 34 個推薦可商用免版權線上免費圖片,各種風景素材背景圖片、影片素材免費圖庫懶人包!
  • Free Typography Logo Maker - 一秒建立文字 Logo 快速產生器,同時建立黑白兩種 Logo 版本
  • 網易資訊虛擬主機評價(2021 年 2 月)- 台灣 WordPress 虛擬主機商,提供免費主機試用,簡訊驗證後滿意再付費!
  • 14 個最佳 WordPress Cache Plugins 緩存快取外掛推薦 - 2020 免費/付費通通有
  • iLoveIMG - 免費影像文檔線上編輯工具大全,從壓縮圖片到添加浮水印,應有盡有!
  • iconmonstr - 4496+ 可商用 CC0 大量圖標 Icons 免費下載,另提供 Iconic Font 字體線上使用
  • SiteGround SG Optimizer - 免費又強大的 WordPress 緩存快取外掛,加快網站速度的好幫手
  • IconPark - 字節跳動官方出品超過 1287+ 高品質圖標免費下載,可線上客製化圖示外觀樣式
  • Algolia - 替代 Google Custom Search Engine 與網站內建搜尋功能的新選擇
  • UpdraftPlus - WordPress 免費自動備份外掛,一鍵輕鬆打包網站與資料庫內容,還可免費上傳至多個雲端儲存空間
  • Cuttly - 縮網址推薦工具,免費自訂專屬短網址與提供詳細的追蹤參數設定!

如果你喜歡這篇文章,請幫我們將這篇文章分享出去。你也可以在 Facebook 與 Instagram 上按讚追蹤我們,也歡迎加入 Facebook 粉絲團和我們一同交流!

所屬分類: 線上工具, 免費資源 標籤: Emoji, Logo, Logo 製作, Logo 設計, SVG Favicon Maker

關於 Sliven

每日分享科技新知、免費資源以及 WordPress、虛擬主機相關主題,任何問題歡迎在科技月球下方留言,或是發送 Email 至 [email protected] 與我聯繫。

讀者互動

發佈留言 取消回覆

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *

Primary Sidebar

追蹤我們

站內搜尋

最新文章

  • Neumorphism CSS Generator – 新擬態風格圖形樣式產生器,線上客製化最新軟 UI 風格與產生 CSS 程式碼
  • Ray.so – 免費程式碼轉換圖片線上工具,將代碼製作成精美的色彩圖片可自由客製化圖片外觀
  • Humanotion – 免費 192 個 Avatar 頭像與 6 種不同背景,採 CC0 許可授權可商用大頭貼圖像
  • G Suite 教育版更名為 Google Workspace for Education,並取消無限制儲存空間限制至 100 TB
  • Adobe Photoshop Express – 免費線上圖片編輯服務,提供圖片裁切、調整大小、修飾與套用濾鏡效果
  • Wunderstock – 超過 1 千萬 CC0 免費圖片,提供壓縮後圖片與免費線上圖片編輯工具
  • Diff Checker Text – 免費線上檢查文字或檔案不同之處,可支援文字、圖片、PDF 檔案、Excel 檔案多種格式
  • Logaster – 免費 Logo 線上產生器,一秒建立網站 Logo 與 Favicon 打造獨特品牌 Logo 圖示
  • Lens – Mac 免費開源圖片格式轉換工具,可批次處理大量圖片支援 JPG、PNG 與 GIF 格式
  • 【WordPress 付費主題免費下載】Vihan | Personal & Travel WordPress Blog Theme
Bluehost best deal from TechMoon $2.95/月
Bluehost 獨家優惠
現在透過 TechMoon 專屬優惠折價券購買 Bluehost 主機,享有每月 $2.95 美元的獨家超低優惠價格,要搶要快!
自動套用優惠
立即購買!

熱門內容

  • Logo Instant - 可商用免費 Logo 素材下載,包含原始 AI 檔修改原圖
  • Fotor 評價 - 跨平台 APP 免費線上圖片編輯軟體,照片美化與合併完整教學
  • iLoveIMG - 免費影像文檔線上編輯工具大全,從壓縮圖片到添加浮水印,應有盡有!
  • Artify.co - 免費線上圖片設計編輯工具,強大功能幫助你快速建立精美特色圖片
  • CleverPDF - 免費線上 PDF 轉檔工具大全,44 種 Office、PDF 格式轉換與壓縮加密一鍵搞定
  • RunCloud - 在 VPS 中一鍵安裝 WordPress 網站
  • SiteGround 主機評價(2021 年 2 月)- 虛擬主機 + WordPress 網站一鍵安裝完整教學
  • Iconpie - 快速免費產生網站圖標 Icons,上傳圖片後自動產生 Web、iOS、Android 圖標
  • Bluehost WordPress 教學 - 詳細圖文教你如何從購買主機到安裝 WordPress 網站 Bluehost 中文教學
  • Free Online File Converter - 免費線上圖片格式快速轉換工具,一鍵轉換 SVG、PNG、JPG 與 PDF 檔案格式

相關文章

  • 思源黑體 Noto Sans TC – 由 Google 提供的免費線上 Web Font,讓你免費就能擁有好看的中文字型
  • Hippopx 線上免費圖庫 – CC0 可商用無需署名,多尺寸高畫質解析度免費下載
  • Trace – 免費線上快速去背工具,提供內建背景能替換去背後的背景圖片
  • InPixio Remove Background – 線上免費摳圖去背工具,輕鬆將圖片與照片根據標記區塊進行去背
  • FlexClip – 完全免費的線上影片編輯製作工具,套入範本三分鐘產出一支精美影片
  • Cloudflare Speed Test – 免費測試你的網路速度,精確的測出你的網路頻寬
  • Screenshot.Rocks – 一秒免費建立網站瀏覽器模型,快速編輯背景與瀏覽器樣式
  • Animated icons by Icons8 – 900+ 免費線上動畫圖標,提供 GIF、JSON 與 AE 格式免費下載可商用動畫圖示
  • Pexels – 可以任意使用的線上免費圖庫,支援中文關鍵字搜尋,可用於商業用途且無需附上來源的 CC0 授權方式
  • SocialBook Photo Cartoonizer – 一鍵快速將圖片自動轉成卡通風格,完全免費並提供 5MB 檔案上傳限制
Bluehost 虛擬主機 4 折 60% OFF 優惠折扣
A2 Hosting Coupon
TechMoon 科技月球 © 2021.
Theme by StudioPress
DMCA.com Protection Status
  • 免責聲明