【效率】大廠出品免費圖標(biāo)資源站

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

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

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

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

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

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

在 Sketch\Figma 中使用

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

粘貼到Sketch軟件中使用。

在PPT、Word等使用

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

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

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

示例代碼如下：

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

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

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

示例代碼如下：

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

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

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

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

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

?? 點擊下方閱讀原文查看項目