IconPark 圖標(biāo)庫是由字節(jié)跳動設(shè)計(jì)并開源的矢量圖標(biāo)樣式的圖標(biāo)庫產(chǎn)品，可以實(shí)現(xiàn)根據(jù)單一SVG源文件變換出多種主題，具備豐富的分類、更輕量的代碼和更靈活的使用場景;致力于構(gòu)建高質(zhì)量、統(tǒng)一化、可定義的圖標(biāo)資源，讓大多數(shù)設(shè)計(jì)師都能夠選擇適合自己的風(fēng)格圖標(biāo)，并支持把圖標(biāo)源文件導(dǎo)出為React、Vue2、Vue3SVG多種形式的組件代碼，打通 Design to Code 鏈路，實(shí)現(xiàn)產(chǎn)品、研發(fā)、設(shè)計(jì)師一站式對接，使用更高效，換膚技術(shù)具備1項(xiàng)發(fā)明專利。

IconPark圖標(biāo)庫特征：

• 圖標(biāo)數(shù)量與分類：收錄了超過2658個(gè)高品質(zhì)的矢量圖標(biāo)。涵蓋29種圖標(biāo)分類，能滿足不同場景的需求。

• 圖標(biāo)風(fēng)格與主題：IconPark圖標(biāo)庫支持多種風(fēng)格，包括線性、填充、雙色和多色主題，用戶可以通過單一SVG源文件輕松變換圖標(biāo)主題，實(shí)現(xiàn)圖標(biāo)風(fēng)格的統(tǒng)一和多樣性。

• 自定義功能：IconPark的一大亮點(diǎn)是其強(qiáng)大的在線自定義功能，通過使用SVG 邊框?qū)傩源_保了最大范圍的樣式靈活性。 你可以在線去更改顏色、大小、線框?qū)挾取⒍它c(diǎn)類型、拐點(diǎn)類型等屬性。這種定制能力使得圖標(biāo)數(shù)量理論上可達(dá)到數(shù)萬級。

• 技術(shù)支持與兼容性：IconPark圖標(biāo)庫不僅適合非技術(shù)背景的用戶，如UE、UI設(shè)計(jì)師、產(chǎn)品經(jīng)理和運(yùn)營人員，也受到技術(shù)開發(fā)者歡迎，支持React、Vue等前端框架，并提供NPM包，方便按需加載和調(diào)用組件代碼。圖標(biāo)可導(dǎo)出為SVG、PNG等格式，適用于Web、移動端及各種設(shè)計(jì)項(xiàng)目。

• 下載與使用：用戶可以在IconPark網(wǎng)站上直接選擇圖標(biāo)，調(diào)整樣式后下載SVG、PNG格式，或復(fù)制React、Vue的代碼片段直接用于項(xiàng)目中。圖標(biāo)選擇支持批量操作，方便管理與下載。

• 開源與授權(quán)：基于Apache 2.0開源協(xié)議，IconPark圖標(biāo)庫免費(fèi)供個(gè)人、團(tuán)隊(duì)和企業(yè)使用，無論是商用還是非商用，都無需額外費(fèi)用，所以不管您是設(shè)計(jì)師還是開發(fā)者，都可以在您的項(xiàng)目中去使用IconPark.。

IconPark圖標(biāo)庫使用方法：

• 圖標(biāo)查找: 用戶可以通過左側(cè)菜單選擇圖標(biāo)類別或使用搜索框查找。

• 圖標(biāo)預(yù)覽: 每個(gè)圖標(biāo)都有預(yù)覽、中文說明和英文名稱。

• 調(diào)整工具: 右側(cè)提供調(diào)整圖標(biāo)大小、線條粗細(xì)、風(fēng)格顏色的工具。

• 批量操作: 用戶可以勾選圖標(biāo)進(jìn)行批量下載或復(fù)制代碼。

• 預(yù)覽模式: 可切換不同預(yù)覽模式以便查看圖標(biāo)效果。

IconPark用戶

• UE、UI、PM 、運(yùn)營等非技術(shù)同學(xué)

• React/Vue/移動端等開發(fā)者

• 第三方設(shè)計(jì)網(wǎng)站/建站編輯器開發(fā)者

IconPark優(yōu)勢

• 高質(zhì)量：提供超2600+高質(zhì)量圖標(biāo)，免費(fèi)使用，此處給我們勤勞的設(shè)計(jì)師們點(diǎn)贊~o(-v

• 多主題：根據(jù)單一SVG源文件變換多主題，包括:線框、填充、雙色、多色，無需使用4種風(fēng)格的SVG文件

• 跨平臺導(dǎo)出組件代碼：打通Design to Code，針對技術(shù)同學(xué)，可導(dǎo)出不同代碼庫，滿足React/Vue/SVG/m移動端/小程序等多種開發(fā)場景使用。

IconPark由字節(jié)跳動的CUX設(shè)計(jì)團(tuán)隊(duì)維護(hù)，并在GitHub上開放源碼，鼓勵(lì)用戶參與，并提供用戶指南、代碼庫和反饋渠道。

IconPark致力于圖標(biāo)應(yīng)用規(guī)范化、統(tǒng)一化，提供豐多樣的高質(zhì)量圖標(biāo)內(nèi)容，滿足批量配置圖標(biāo)樣式的能力;同時(shí)滿足多方技術(shù)團(tuán)隊(duì)通過接口調(diào)用圖標(biāo)資源，讓圖標(biāo)使用變得更簡單，更高效。

IconPark Github開源庫：https://github.com/bytedance/IconPark