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

TechMoon 科技月球

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

  • 科技新知
  • 月球精選
  • 線上工具
  • 虛擬主機
    • Bluehost 主機
    • A2 Hosting 主機
  • WordPress
    • WordPress 教學
    • WordPress 主題
    • WordPress 外掛
  • 免費資源
  • 優惠資訊
  • 自我提升
    • Excel 教學
    • 網路行銷
  • Udemy 免費課程
  • 虛擬主機總覽
目前位置: 首頁 / 免費資源 / IconPark – 字節跳動官方出品超過 1287+ 高品質圖標免費下載,可線上客製化圖示外觀樣式
IconPark - 字節跳動官方出品超過 1287+ 高品質圖標免費下載,可線上客製化圖示外觀樣式

IconPark – 字節跳動官方出品超過 1287+ 高品質圖標免費下載,可線上客製化圖示外觀樣式

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

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

IconPark 網站是由字節跳動官方所推出的線上開源圖標庫,截至目前已提供了 1287+ 個高品質的圖標,所有圖標都是採用 Apache License 2.0 授權方式,因此你可以任意將其使用在商業用途或個人用途的專案當中,無需署名或是附上來源連結。

IconPark 與其他利用 SVG 格式來改變外觀效果的資源不同之處在於,它利用了一種創新的技術,透過改變一個 SVG 檔案的屬性就可以變換出多種的主題。同時,它還支援多種跨平台的程式碼,讓你可以直接複製 SVG 程式碼、Reat 圖標代碼、Vue 圖標代碼…等等,讓你能夠直接使用在各種不同的編輯工具當中進行編輯。

此外,你也能在網站介面當中直接調整圖標的大小、外框粗細、圖標風格、圖標顏色、端點類型、拐點類型…等等客製化樣式設定,並在最後直接導出成 SVG 或 PNG 圖片檔案格式。

IconPark 網站介面的左側提供了各種圖標分類的設置,讓你可以根據不同的類別需求,快速的找到相對應的圖標。或者,也可以透過上方的搜尋框進行整站的圖標搜尋。

網站名稱:ByDesign IconPark
網站網址:https://iconpark.bytedance.com/official

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

IconPark 簡介教學

Step 1

進入頁面後,首先可以在左側快速篩選圖標的類別,或者也能夠直接從上方搜尋框進行圖標的尋找:

選取圖標類別與搜尋圖標
選取圖標類別與搜尋圖標

比較可惜的地方是,搜尋框不支援簡/繁轉換,因此若非輸入相對的簡體字,是無法正確的顯示結果。

Step 2

IconPark 有個很棒的功能是支援批量選取與下載。在畫面中你可以批次點選想要下載的圖標,接著點選右上方的「批量下載 SVG」將所選取的所有圖標一次打包下載:

一次選取所有想要的圖標後批次進行 SVG 下載
一次選取所有想要的圖標後批次進行 SVG 下載
Step 3

在每個圖標右側有三個點的圖示,滑鼠移入後就會出現下拉選單,可以讓你複製 SVG、React、Vue 的程式代碼,並可單獨的下載單一圖標的 SVG 與 PNG 圖片格式檔案:

單一圖標可複製 SVG, React, Vue 程式碼與下載 SVG, PNG 檔案
單一圖標可複製 SVG, React, Vue 程式碼與下載 SVG, PNG 檔案
Step 4

在右側中有許多能客製化圖標樣式的功能選項,你能夠自定義像是:圖標大小、線段粗細、圖標風格、圖標顏色、端點類型以及拐點類型:

透過右側客製化功能選項自定義圖標外觀
透過右側客製化功能選項自定義圖標外觀

和其他類似的圖標資源不同的地方在於,IconPark 的圖標風格是能夠改變成設定多種顏色的圖標外觀,且還能對圖標的外部描邊、外部填充、內部描邊、內部填充…等等地方進行個別的顏色設定。

此外,最與眾不同的地方在於,你還能改變端點與拐點的類型,端點與拐點都分別有三種不同的呈現方式,讓你能夠在更細節的地方去進行圖標的外觀自定義。

以上就是 IconPark 的完整介紹。如果你還想了解更多線上圖標的資源網站,可以參考:Radix Icons、LineIcons、Emblemicons、Iconstore、Iconhub…等等好用的圖標庫。

IconPark - 字節跳動官方出品超過 1287+ 高品質圖標免費下載,可線上客製化圖示外觀樣式

IconPark 評價推薦優點

  • 超過 1287+ 高品質圖標
  • 支援 SVG, PNG, React, Vue…等等格式
  • 可自定義圖標外觀樣式與顏色

你可能有興趣

  • Octicons – GitHub 官方開源 Icons 免費圖示下載,支援 Ruby, Rails, Jekyll 適合開發者使用
  • LineIcons – 超過 2000+ 個線形圖標庫,專為設計師與開發人員設計的圖標 Icons 免費下載
  • Emblemicons – 免費開源圖標 Icons,高達 1000+ 個產品開發、設計與業務展示的圖標樣式免費下載
  • Iconhub – 免費自定義線上圖標 Icons,提供 6 種不同樣式與上千種 Icons 可做商業用途使用
  • Heroicons – 免費商用 Icons SVG 線上圖標,可直接在 HTML 中使用 CSS 類別元素顯示 Icons
  • Unicons Solid – 3300+ icons 免費線上圖標庫,多達 27 種類別與 3 種樣式免費開源下載
  • Radix Icons – 15×15 開源圖標 Icons 免費下載,支援 Sketch、Figma 與 SVG 檔案格式
  • Iconstore – 高畫質免費 Icons 圖標庫,234+ 個圖標集合包,CC0 可免費作為商業用途
  • Animated icons by Icons8 – 900+ 免費線上動畫圖標,提供 GIF、JSON 與 AE 格式免費下載可商用動畫圖示
  • CSS.GG – 700+ 開源免版權圖標免費下載,支援 Figma 格式檔案,並提供 .css、.svg、.tsx、.fig、.xd、.json、.xml 格式下載
  • Tabler Icons – 超過 558+ 高品質圖標 SVG 格式免費下載,MIT 授權可線上客製化圖示樣式
  • SVG Repo – 免費 SVG 圖標與向量圖示免費下載,高達 300,000+ 的免版權可商用圖標集任你下載

更多相關文章

  • Free Vector Illustrations - 150+ 免費插圖與動態圖片免註冊下載,無須署名且能運用在商業用途使用
  • (2021 年 2 月)A2 Hosting 評價 - 每月 $2.99 美元折扣優惠,WordPress 一鍵安裝虛擬主機推薦高達 66% OFF
  • Iconshock - 提供超過 200 萬免費圖標,附上來源可作為個人使用,$99 美元即可終身可商業使用
  • 使用 .htaccess 實現 Redirect 301/302 重定向轉址規則
  • Pexels - 可以任意使用的線上免費圖庫,支援中文關鍵字搜尋,可用於商業用途且無需附上來源的 CC0 授權方式
  • PxHere - 大量免費圖片與照片線上圖庫,提供 CC0 可商用高清素材,並提供 iOS、Android 尺寸可供下載
  • 2021 最新 34 個推薦可商用免版權線上免費圖片,各種風景素材背景圖片、影片素材免費圖庫懶人包!
  • Pixabay - 免費高清圖片素材線上圖庫,超過 1 百萬個影片、圖片與音樂素材且可作商業用途
  • SVG Repo - 免費 SVG 圖標與向量圖示免費下載,高達 300,000+ 的免版權可商用圖標集任你下載
  • Glyptodon Enterprise - 透過瀏覽器就可遠端桌面的程式系統,兼具高速與穩定度,並提供高速 Demo 測試環境給你使用。
  • Freebiesbug - 設計師最愛的各種資源素材庫,提供 PSD、Illustrator、Sketch、Font 原始檔案免費下載!
  • 如何快速在 WordPress 中啟用 GZIP 資料壓縮功能

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

所屬分類: 免費資源 標籤: Icons, 免費圖標, 免費圖標下載, 免費圖示, 免費圖示下載, 圖標, 圖標下載, 圖示, 字節跳動

關於 Sliven

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

讀者互動

發佈留言 取消回覆

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

Primary Sidebar

追蹤我們

站內搜尋

最新文章

  • 【WordPress 付費主題免費下載】Solaz – An Elegant Hotel & Lodge WordPress Theme
  • 【WordPress 付費主題免費下載】AppArt – Creative WordPress Theme For Apps Saas
  • 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 圖示
Bluehost best deal from TechMoon $2.95/月
Bluehost 獨家優惠
現在透過 TechMoon 專屬優惠折價券購買 Bluehost 主機,享有每月 $2.95 美元的獨家超低優惠價格,要搶要快!
自動套用優惠
立即購買!

熱門內容

  • PTT 熱議的 G2deal Win10/Office 便宜序號究竟合不合法?到底能不能用?
  • FindIcons - 全球最大圖示 Icon 搜尋引擎,可商用 Icon 圖示免費下載
  • Logo Instant - 可商用免費 Logo 素材下載,包含原始 AI 檔修改原圖
  • LOADING.IO - 免費線上 Loading 載入動畫、文字、背景產生器,大量提供各種前端素材免費資源
  • Win10 與 Office 序號這麼便宜能買嗎?完整分析便宜序號到底合不合法!
  • CSS.GG - 700+ 開源免版權圖標免費下載,支援 Figma 格式檔案,並提供 .css、.svg、.tsx、.fig、.xd、.json、.xml 格式下載
  • LineIcons - 超過 2000+ 個線形圖標庫,專為設計師與開發人員設計的圖標 Icons 免費下載
  • 2021 最新 34 個推薦可商用免版權線上免費圖片,各種風景素材背景圖片、影片素材免費圖庫懶人包!
  • 如何快速在 WordPress 中啟用 GZIP 資料壓縮功能
  • 使用 .htaccess 實現 Redirect 301/302 重定向轉址規則

相關文章

  • 3D Book Image CSS Generator – 免費線上建立 3D 書本展示效果,可設定圖片與連結並產生 CSS 與 HTML 程式碼
  • GrayGrids – 多達 100+ 個免費 Bootstrap 高級主題與 HTML 範本任你下載,免版權可做商業用途使用
  • Data Breach Checker – 線上免費檢測 Email 電子信箱,查看 Email 地址是否有遭到洩漏與被盜風險
  • Free Stock Photos Icons8 – 免費無版權線上圖庫,只需註明來源即可下載免費使用大量高清圖片
  • Free Vector Illustrations – 150+ 免費插圖與動態圖片免註冊下載,無須署名且能運用在商業用途使用
  • CSS box-shadow examples by CSS Scan – 免費提供 82 種 Box-shadow CSS 陰影樣式,隨點擊複製使用 CSS 程式碼
  • 【HTML5 付費主題免費下載】X-DATA – WHMCS7 & HTML5 Powerful Web Hosting Template
  • Sandbox for WordPress – 一秒建立免費 WordPress 測試網站,方便進行主題與外掛測試
  • Humans by Wannathis – 人類 3D 角色素材包高達 80 種角色模型,提供 Fima 與 PNG 圖片格式免費下載
  • 【WordPress 付費主題免費下載】Diza – Pharmacy Store Elementor WooCommerce Theme
Bluehost 虛擬主機 4 折 60% OFF 優惠折扣
A2 Hosting Coupon
TechMoon 科技月球 © 2021.
Theme by StudioPress
DMCA.com Protection Status
  • 免責聲明