【效率】大廠出品免費圖標(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ū)別?
IconFont 圖標(biāo)數(shù)量非常豐富在 Sketch\Figma 中使用,支持用戶側(cè)上傳圖標(biāo)及項目管理,IconPark 是官方提供的規(guī)范化、統(tǒng)一化的高質(zhì)量圖標(biāo)庫,即前者側(cè)重 UGC,后者 PGC。 IconPark 官方圖標(biāo)庫 2300+ 個圖標(biāo)均支持風(fēng)格屬性變換,可對圖標(biāo)大小、顏色、線框粗細(xì)等屬性進行設(shè)置,填充/多色隨意轉(zhuǎn)換,可根據(jù)單一 SVG 變換生成多套主題(僅使用了 1 個 SVG 源文件哦),與 IconFont 相比 IconPark 給用戶開放了更多的圖標(biāo)設(shè)置功能; IconPark 官方圖標(biāo)庫,可以跨平臺導(dǎo)出多種圖標(biāo)組件代碼,包括 React、Vue2、Vue3 格式,尤其是在 B 端場景下,很方便前端同學(xué)使用。
大家可以搭配 IconFont 一起使用,為自己頁面添姿增彩,快去使用叭~
?? 點擊下方閱讀原文查看項目
往期精彩回顧
本站qq群851320808,加入微信群請掃碼:
