IconPark 字節跳動出品矢量圖標樣式的開源圖標庫

編程導航開源倉庫：https://github.com/liyupi/code-nav

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

IconPark 提供超 2000+ 高質量圖標，免費使用，根據單一 SVG 源文件變換多主題，包括：線框、填充、雙色、多色，無需使用 4 種風格的SVG 文件。

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

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

在 Sketch\Figma 中使用

對圖標配置不同屬性，拷貝SVG源碼。

粘貼到Sketch軟件中使用。

在PPT、Word等使用

可以下載圖標對應的PNG格式，就可以在PPT、Word等里面使用啦。

React 開發者怎么使用

可以直接復制 React 代碼：

示例代碼如下：

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

Vue 開發者怎么使用

可以直接復制 React 代碼：

示例代碼如下：

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

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

和阿里 IconFont 有什么區別？

IconFont 圖標數量非常豐富在 Sketch\Figma 中使用，支持用戶側上傳圖標及項目管理，IconPark 是官方提供的規范化、統一化的高質量圖標庫，即前者側重 UGC，后者 PGC。

IconPark 官方圖標庫 2300+ 個圖標均支持風格屬性變換，可對圖標大小、顏色、線框粗細等屬性進行設置，填充/多色隨意轉換，可根據單一 SVG 變換生成多套主題（僅使用了 1 個 SVG 源文件哦），與 IconFont 相比 IconPark 給用戶開放了更多的圖標設置功能；

IconPark 官方圖標庫，可以跨平臺導出多種圖標組件代碼，包括 React、Vue2、Vue3 格式，尤其是在 B 端場景下，很方便前端同學使用。

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

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

往期精彩回顧適合初學者入門人工智能的路線及資料下載機器學習及深度學習筆記等資料打印機器學習在線手冊深度學習筆記專輯《統計學習方法》的代碼復現專輯 AI基礎下載機器學習的數學基礎專輯溫州大學《機器學習課程》視頻 本站qq群851320808，加入微信群請掃碼： 與50位技術專家面對面20年技術見證，附贈技術全景圖

總結

以上是生活随笔為你收集整理的【效率】大厂出品免费图标资源站的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。