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

IconPark圖標庫特征：

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

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

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

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

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

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

IconPark圖標庫使用方法：

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

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

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

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

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

IconPark用戶

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

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

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

IconPark優(yōu)勢

• 高質(zhì)量：提供超2600+高質(zhì)量圖標，免費使用，此處給我們勤勞的設(shè)計師們點贊~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è)計團隊維護，并在GitHub上開放源碼，鼓勵用戶參與，并提供用戶指南、代碼庫和反饋渠道。

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

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