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

IconPark圖標庫特征：

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

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

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

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

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

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

IconPark圖標庫使用方法：

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

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

• 調整工具: 右側提供調整圖標大小、線條粗細、風格顏色的工具。

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

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

IconPark用戶

• UE、UI、PM 、運營等非技術同學

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

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

IconPark優(yōu)勢

• 高質量：提供超2600+高質量圖標，免費使用，此處給我們勤勞的設計師們點贊~o(-v

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

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

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

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

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