字節(jié)跳動出品的開源矢量圖標(biāo)風(fēng)格圖標(biāo)庫

編程導(dǎo)航開源倉庫：

圖標(biāo)庫是一個開源圖標(biāo)庫，通過技術(shù)驅(qū)動矢量圖標(biāo)樣式。 它可以基于單個 SVG 源文件轉(zhuǎn)換各種主題。 分類豐富，代碼更輕，使用場景更靈活； 致力于打造優(yōu)質(zhì)、統(tǒng)一、可定義的圖標(biāo)資源，讓大多數(shù)設(shè)計師能夠選擇適合自己風(fēng)格的圖標(biāo)，并支持將圖標(biāo)源文件導(dǎo)出為React、Vue2、Vue3、SVG等多種形式的組件代碼開發(fā)者使用起來更加高效、快捷。

提供超過2000+高品質(zhì)圖標(biāo)，免費使用，基于單個SVG源文件變換多種主題，包括：線框、填充、雙色、多色sketch導(dǎo)出svg圖標(biāo)，無需使用4種風(fēng)格的SVG文件。

官方圖標(biāo)庫可以跨平臺導(dǎo)出多種圖標(biāo)組件代碼，包括React、Vue2、Vue3格式，非常方便前端學(xué)習(xí)和使用。

根據(jù)主題分類，基本圖標(biāo)、辦公、編輯、餐飲、服裝等類別可供大家使用。 選擇您最喜歡的圖標(biāo)，復(fù)制 SVG、React、Vue 代碼，或下載 SVG、PNG。

用于\\Figma

為圖標(biāo)配置不同的屬性并復(fù)制SVG源代碼。

粘貼到軟件中即可使用。

用于PPT、Word等。

您可以下載圖標(biāo)對應(yīng)的PNG格式并在PPT、Word等中使用。

React 開發(fā)人員如何使用它

可以直接復(fù)制React代碼：

示例代碼如下：

// 引用
import {CheckOne} from '@icon-park/react'
//調(diào)用

Vue 開發(fā)人員如何使用它

可以直接復(fù)制React代碼：

示例代碼如下：

// 引用
import {CheckOne} from '@icon-park/vue'
// 調(diào)用

我之前已經(jīng)推薦給你了。 事實上，兩者之間還是有一定差距的。 您可以在不同的場景中選擇不同的工具來完善您的作品。 我們來分析一下兩者的區(qū)別~

和阿里有什么區(qū)別？

Figma使用的圖標(biāo)非常豐富，支持用戶端圖標(biāo)上傳和項目管理。 它是官方標(biāo)準(zhǔn)化、統(tǒng)一的高質(zhì)量圖標(biāo)庫sketch導(dǎo)出svg圖標(biāo)，即前者專注于UGC，后者專注于PGC。

官方圖標(biāo)庫中的2300+圖標(biāo)均支持樣式屬性轉(zhuǎn)換。 您可以設(shè)置圖標(biāo)大小、顏色、線框粗細(xì)等屬性。 填充/多色可隨意轉(zhuǎn)換。 基于一次SVG轉(zhuǎn)換可以生成多套主題（僅使用1個SVG源文件），這為用戶開放了更多的圖標(biāo)設(shè)置功能；

官方圖標(biāo)庫可以跨平臺導(dǎo)出多種圖標(biāo)組件代碼，包括React、Vue2、Vue3格式。 尤其是在B端場景，對于前端同學(xué)來說使用起來非常方便。

可以一起使用它們，為你的頁面增色不少，快去使用吧~

如有侵權(quán)請聯(lián)系刪除！