別再用那些雜亂圖標(biāo)了！風(fēng)格不統(tǒng)一只會(huì)讓你的項(xiàng)目顯得業(yè)余，這套工具直接幫你規(guī)避！

如果你做前端設(shè)計(jì)還在到處找圖標(biāo)、擔(dān)心樣式不統(tǒng)一、組件不好引入……那么，是時(shí)候認(rèn)識(shí)一下來自字節(jié)跳動(dòng)的 IconPark 圖標(biāo)庫了。這款技術(shù)驅(qū)動(dòng)的圖標(biāo)解決方案，不僅開源免費(fèi)、風(fēng)格統(tǒng)一，而且支持多端開發(fā)，設(shè)計(jì)師和工程師都能愉快合作！

項(xiàng)目簡介

IconPark 是字節(jié)跳動(dòng)出品的一個(gè)開源圖標(biāo)庫項(xiàng)目，通過技術(shù)手段實(shí)現(xiàn)“圖標(biāo)風(fēng)格自由切換”的夢想。

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

目前，IconPark 已經(jīng)在 字節(jié)跳動(dòng)商業(yè)化產(chǎn)品線的12個(gè)平臺(tái) 中作為底層圖標(biāo)方案使用，穩(wěn)定性與認(rèn)知統(tǒng)一性不言而喻。

項(xiàng)目特點(diǎn)

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

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

適用人群

不管你是追求像素完美的視覺設(shè)計(jì)師，還是追求性能和維護(hù)性的前端開發(fā)者，這個(gè)圖標(biāo)庫都值得一試：

?? 我是設(shè)計(jì)師

• ? 圖標(biāo)樣式豐富，可輕松匹配品牌風(fēng)格
• ? 提供繪制規(guī)范文檔，設(shè)計(jì)流程更規(guī)范
• ? 圖標(biāo)統(tǒng)一風(fēng)格，原型稿不再“東拼西湊”

????? 我是工程師

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

技術(shù)部署與使用

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

# 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?

開發(fā)團(tuán)隊(duì)

項(xiàng)目背后的設(shè)計(jì)與開發(fā)團(tuán)隊(duì)也頗為豪華：

• ? 設(shè)計(jì)師：金磊、齊奉飛、常留留、劉心樂、鹿靈秀
• ? 開發(fā)工程師：張平、吳豪、申世浩

他們都是“設(shè)計(jì)和代碼雙修”的狠人，保證這個(gè)圖標(biāo)庫不僅“能看”，還“好用”。

License & 開源協(xié)議

IconPark 使用 Apache License 2.0 協(xié)議開源，支持商業(yè)用途，適合長期項(xiàng)目引入使用。放心大膽用，字節(jié)背書，穩(wěn)！

使用平臺(tái)

IconPark 圖標(biāo)目前已在以下平臺(tái)實(shí)戰(zhàn)應(yīng)用：

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

也就是說，這不僅是一個(gè)圖標(biāo)庫，更是被驗(yàn)證過的產(chǎn)品級(jí)解決方案。

結(jié)語

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

下次再找圖標(biāo)別用百度，來試試 IconPark，工程師和設(shè)計(jì)師都會(huì)感謝你的選擇。

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