別再用那些雜亂圖標了！風格不統一只會讓你的項目顯得業余，這套工具直接幫你規避！

如果你做前端設計還在到處找圖標、擔心樣式不統一、組件不好引入……那么，是時候認識一下來自字節跳動的 IconPark 圖標庫了。這款技術驅動的圖標解決方案，不僅開源免費、風格統一，而且支持多端開發，設計師和工程師都能愉快合作！

項目簡介

IconPark 是字節跳動出品的一個開源圖標庫項目，通過技術手段實現“圖標風格自由切換”的夢想。

它支持從 一個SVG源文件 派生出 多種主題 的圖標樣式，還能根據你的需求靈活定制，適用于 Web、App、小程序、原型設計等各類場景。

目前，IconPark 已經在 字節跳動商業化產品線的12個平臺 中作為底層圖標方案使用，穩定性與認知統一性不言而喻。

項目特點

IconPark 主打兩個字：豐富 + 靈活，具體來看：

• ? 2600+ 圖標資源：數量管夠，風格統一
• ? 29 大類圖標分類：清晰明確，方便查找
• ? 支持多端技術棧：
• ? ? React 組件包
• ? ? Vue 組件包（支持 Vue2 和 Vue3）
• ? ? 原始 SVG 格式
• ? 主題切換靈活：線性、雙色、填充等，隨便切
• 
  
  
• ? 圖標繪制規范齊全：有教程，設計不踩雷
• ? 代碼輕量，開箱即用：對工程師極度友好，零壓力上手

適用人群

不管你是追求像素完美的視覺設計師，還是追求性能和維護性的前端開發者，這個圖標庫都值得一試：

?? 我是設計師

• ? 圖標樣式豐富，可輕松匹配品牌風格
• ? 提供繪制規范文檔，設計流程更規范
• ? 圖標統一風格，原型稿不再“東拼西湊”

????? 我是工程師

• ? 圖標就是組件：引入即用
• ? 支持多個框架：React / Vue2 / Vue3 任你挑
• ? 極致輕量：不用圖標庫全家桶，SVG就夠用

技術部署與使用

圖標資源通過 NPM 包的形式分發，幾行代碼即可開始使用：

# React 用戶
npm install @icon-park/react --save

# Vue 用戶
npm install @icon-park/vue --save

# Vue3 用戶
npm install @icon-park/vue-next --save

# 原生 SVG 使用
npm install @icon-park/svg --save

此外，還可以從 GitHub 下載源碼自定義修改：

?? GitHub 地址：https://github.com/bytedance/IconPark?

開發團隊

項目背后的設計與開發團隊也頗為豪華：

• ? 設計師：金磊、齊奉飛、常留留、劉心樂、鹿靈秀
• ? 開發工程師：張平、吳豪、申世浩

他們都是“設計和代碼雙修”的狠人，保證這個圖標庫不僅“能看”，還“好用”。

License & 開源協議

IconPark 使用 Apache License 2.0 協議開源，支持商業用途，適合長期項目引入使用。放心大膽用，字節背書，穩！

使用平臺

IconPark 圖標目前已在以下平臺實戰應用：

• ? 巨量引擎
• ? 云圖
• ? 電子牽星圖
• ? 穿山甲
• ? 橙子建站
• ? 巨量創意等
• 
  
  

也就是說，這不僅是一個圖標庫，更是被驗證過的產品級解決方案。

結語

如果你也在做中后臺系統、C端界面或者正在搭建自己的 UI 組件庫，IconPark 絕對是你值得收藏的圖標庫。
不僅圖標全、樣式多、組件化支持好，還免費開源，拿來就能用！

下次再找圖標別用百度，來試試 IconPark，工程師和設計師都會感謝你的選擇。

閱讀原文：https://mp.weixin.qq.com/s/vkwpEIPxuKSr9V2hXJBaFg