【效率】大廠(chǎng)出品免費(fèi)圖標(biāo)資源站

IconPark 字節(jié)跳動(dòng)出品矢量圖標(biāo)樣式的開(kāi)源圖標(biāo)庫(kù)

編程導(dǎo)航開(kāi)源倉(cāng)庫(kù)：https://github.com/liyupi/code-nav

IconPark 圖標(biāo)庫(kù)是一個(gè)通過(guò)技術(shù)驅(qū)動(dòng)矢量圖標(biāo)樣式的開(kāi)源圖標(biāo)庫(kù)，可以實(shí)現(xiàn)根據(jù)單一 SVG 源文件變換出多種主題， 具備豐富的分類(lèi)、更輕量的代碼和更靈活的使用場(chǎng)景；致力于構(gòu)建高質(zhì)量、統(tǒng)一化、可定義的圖標(biāo)資源，讓大多數(shù)設(shè)計(jì)師都能夠選擇適合自己的風(fēng)格圖標(biāo)，并支持把圖標(biāo)源文件導(dǎo)出為React、Vue2、Vue3、SVG 多種形式的組件代碼，讓開(kāi)發(fā)者使用更加高效快速。

IconPark 提供超 2000+ 高質(zhì)量圖標(biāo)，免費(fèi)使用，根據(jù)單一 SVG 源文件變換多主題，包括：線(xiàn)框、填充、雙色、多色，無(wú)需使用 4 種風(fēng)格的SVG 文件。

IconPark官方圖標(biāo)庫(kù)，可以跨平臺(tái)導(dǎo)出多種圖標(biāo)組件代碼，包括React、Vue2、Vue3 格式，很方便前端學(xué)使用。

IconPark 依照主題分類(lèi)，基礎(chǔ)圖標(biāo)，辦公，編輯，餐飲，服飾等分類(lèi)供大家使用，選擇自己喜歡的圖標(biāo)，復(fù)制 SVG，React，Vue 代碼，或是下載 SVG，PNG 即可。

在 Sketch\Figma 中使用

對(duì)圖標(biāo)配置不同屬性，拷貝SVG源碼。

粘貼到Sketch軟件中使用。

在PPT、Word等使用

可以下載圖標(biāo)對(duì)應(yīng)的PNG格式，就可以在PPT、Word等里面使用啦。

React 開(kāi)發(fā)者怎么使用

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

示例代碼如下：

// 引用
import {CheckOne} from '@icon-park/react'
//調(diào)用
<CheckOne theme="filled" size="32" fill="#17bd08"/>

Vue 開(kāi)發(fā)者怎么使用

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

示例代碼如下：

// 引用
import {CheckOne} from '@icon-park/vue'
// 調(diào)用
<check-one theme="filled" size="32" fill="#17bd08"/>

此前也為大家推薦過(guò) IconFont，其實(shí)兩者還是有一定差距的，大家可以選擇在不同的場(chǎng)景選擇不同的利器，從而完善自己的作品，下面為大家分析一下兩者的區(qū)別~

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

1. IconFont 圖標(biāo)數(shù)量非常豐富在 Sketch\Figma 中使用，支持用戶(hù)側(cè)上傳圖標(biāo)及項(xiàng)目管理，IconPark 是官方提供的規(guī)范化、統(tǒng)一化的高質(zhì)量圖標(biāo)庫(kù)，即前者側(cè)重 UGC，后者 PGC。
2. IconPark 官方圖標(biāo)庫(kù) 2300+ 個(gè)圖標(biāo)均支持風(fēng)格屬性變換，可對(duì)圖標(biāo)大小、顏色、線(xiàn)框粗細(xì)等屬性進(jìn)行設(shè)置，填充/多色隨意轉(zhuǎn)換，可根據(jù)單一 SVG 變換生成多套主題（僅使用了 1 個(gè) SVG 源文件哦），與 IconFont 相比 IconPark 給用戶(hù)開(kāi)放了更多的圖標(biāo)設(shè)置功能；
3. IconPark 官方圖標(biāo)庫(kù)，可以跨平臺(tái)導(dǎo)出多種圖標(biāo)組件代碼，包括 React、Vue2、Vue3 格式，尤其是在 B 端場(chǎng)景下，很方便前端同學(xué)使用。

大家可以搭配 IconFont 一起使用，為自己頁(yè)面添姿增彩，快去使用叭~

?? 點(diǎn)擊下方閱讀原文查看項(xiàng)目