分享43個(gè)前端、設(shè)計(jì)師常用優(yōu)質(zhì)的圖標(biāo)資源

時(shí)間：2023-10-04 23:18:01 | 來源：網(wǎng)站運(yùn)營

時(shí)間：2023-10-04 23:18:01 來源：網(wǎng)站運(yùn)營

分享43個(gè)前端、設(shè)計(jì)師常用優(yōu)質(zhì)的圖標(biāo)資源：

Unicons

Unicons 開源矢量圖標(biāo)和圖標(biāo)字體庫。

IconPark

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

Feather

Feather 是簡(jiǎn)單漂亮的開源圖標(biāo)的集合。每個(gè)圖標(biāo)均以 24x24 網(wǎng)格設(shè)計(jì)，強(qiáng)調(diào)簡(jiǎn)單性，一致性和靈活性。

Font Awesome

Font Awesome 互聯(lián)網(wǎng)上最流行的圖標(biāo)工具包已經(jīng)重新設(shè)計(jì)，從頭開始構(gòu)建。除此之外，還有圖標(biāo)字體連字、SVG 框架、React 等流行前端庫的官方 NPM 包，以及訪問新 CDN 的功能。

Iconfont

Iconfont 阿里媽媽 MUX 傾力打造的矢量圖標(biāo)管理、交流平臺(tái)，設(shè)計(jì)師將圖標(biāo)上傳到 iconfont 平臺(tái)，用戶可以自定義下載多種格式的icon，平臺(tái)也可將圖標(biāo)轉(zhuǎn)換為字體，便于前端工程師自由調(diào)整與調(diào)用。

Material Palette

Material Palette：可以自由選擇材質(zhì)設(shè)計(jì)的調(diào)色板，圖標(biāo)和顏色。

Google Material Deisgn Icons

Google Material Deisgn Icons 谷歌提供符合 Material 設(shè)計(jì)規(guī)范的免費(fèi)圖標(biāo)庫，可在 Web、Android 和 iOS 項(xiàng)目中。

IcoMoon

IcoMoon 是一個(gè)圖標(biāo)解決方案，提供三項(xiàng)主要服務(wù)：矢量圖標(biāo)包，IcoMoon 應(yīng)用程序和以 SVG 或字體形式托管圖標(biāo)。

Tabler Icons

Tabler Icons 提供一套超過1250個(gè)免費(fèi) MIT 許可的高質(zhì)量 SVG 圖標(biāo)供您在您的 Web 項(xiàng)目中使用。

還有一個(gè)跟它很像，不知道是不是同一個(gè)。

Tabler Icons 提供1262個(gè)完全可定制的免費(fèi) SVG 圖標(biāo)。

Heroicons

Heroicons 一組免費(fèi)的 MIT 許可的高質(zhì)量 SVG 圖標(biāo)，用于 UI 開發(fā)。

My Icon

My Icon 一套免費(fèi)圖標(biāo)，用來更換 iOS 14 的圖標(biāo)。一共有幾千個(gè)圖標(biāo)可供選擇，還允許自定義和編輯。

Captain Icon

Captain Icon 提供 350+ 超贊免費(fèi)矢量圖標(biāo)，增強(qiáng)您的移動(dòng)和網(wǎng)頁設(shè)計(jì)能力

CSS Icon

CSS Icon SVG Sprite，樣式組件，NPM 和 API 中提供了開源 CSS，SVG 和 Figma UI 圖標(biāo)。

Ionicons

Ionicons 是一個(gè)完全開源的圖標(biāo)集，有1300個(gè)為 Web、iOS、Android 和桌面應(yīng)用程序特制的圖標(biāo)。Ionicons 是為 Ionic 框架而構(gòu)建的，所以圖標(biāo)既有材質(zhì)設(shè)計(jì)，也有 iOS 版本。

Ikonate

Ikonate 是完全可定制的和可訪問的，經(jīng)過優(yōu)化的矢量圖標(biāo)。

Eva Icons

Eva Icons 包含480多種制作精美的開源圖標(biāo)，用于常見操作和項(xiàng)目。

Icon Ninja

Icon Ninja 支持近 100 萬免費(fèi)圖標(biāo)素材的搜索引擎，支持關(guān)鍵詞搜索，所有的素材均提供詳細(xì)的如格式、寬度、高度、文件大小等信息，適合前端工程師或 PPT 設(shè)計(jì)師使用。素材格式是 PNG、SVG。

The Noun Project

The Noun Project 網(wǎng)站免費(fèi)提供超過580個(gè)高度可辨識(shí)的符號(hào)圖標(biāo)，這種圖標(biāo)只用很簡(jiǎn)單的圖像及黑白兩色來強(qiáng)調(diào)表現(xiàn)事物的特征，因此很容易讓人辨識(shí)出它的主題。

Icons8

Icons8 提供了一系列免費(fèi)的圖標(biāo)、插圖等資源。

Animated Icons

Animated Icons 是 Icons8 提供的免費(fèi)動(dòng)態(tài)圖標(biāo)服務(wù)，支持的格式有基于 Lottie 的 JSON、傳統(tǒng) GIF 動(dòng)畫，以及 After Effects 格式，可以方便的插入到視頻中。

Flaticon

Flaticon 一個(gè)提供四百多萬海量免費(fèi)圖標(biāo)素材庫，提供 PNG、SVG、EPS、PSD 和 BASE 64 矢量圖標(biāo)格式，完全可以滿足你 UI 設(shè)計(jì)和網(wǎng)頁設(shè)計(jì)項(xiàng)目。

Iconfinder

Iconfinder 近500萬的圖標(biāo)數(shù)據(jù)庫免費(fèi)圖標(biāo)搜索引擎，提供 PNG，SVG 等格式。

ICONSVG

ICONSVG 一個(gè)為簡(jiǎn)化查找和生成項(xiàng)目通用圖標(biāo)過程的工具，前端設(shè)計(jì)師尤其需要。

Evericons

Evericons 為下一個(gè)項(xiàng)目收集460多個(gè)精心制作的圖標(biāo)，可免費(fèi)使用及商用。

Icons

Icons 用于 Bootstrap 的官方開源 SVG 圖標(biāo)庫。

Swifticons

Swifticons 是一個(gè)非凡的圖標(biāo)庫。提供 2680個(gè)高級(jí)圖標(biāo)，24個(gè)類別，6種樣式。

Super Tiny Icons

Super Tiny Icons 每個(gè)1KB以下！它是您喜歡的網(wǎng)站和應(yīng)用程序徽標(biāo)的微型 SVG 版本。

IconBeast

IconBeast 是矢量圖標(biāo)和符號(hào)的集合。圖標(biāo)不僅針對(duì) iOS 應(yīng)用開發(fā)進(jìn)行了優(yōu)化，而且還可以將其用于 Android 設(shè)備或任何其他類型的 Web 開發(fā)項(xiàng)目。這是超過3000個(gè) iOS 標(biāo)簽欄和工具欄圖標(biāo)的終極軟件包，它們是在網(wǎng)格中設(shè)計(jì)和制造的，可以隨時(shí)使用并保證像素完美。您還可以使用矢量文件（EPS 和 AI）和適當(dāng)?shù)能浖ˋdobe Illustrator，CorelDraw 或 Inkscape）來自定義圖標(biāo)，并且可以將矢量圖形調(diào)整為任意大小。您可以自由使用針對(duì)心臟內(nèi)容修改過的圖標(biāo)：在應(yīng)用程序，網(wǎng)站，3D軟件，印刷品，橫幅中，列表可能會(huì)繼續(xù)存在。

IconBeast 提供的格式為 PNG（三種尺寸：30px * 30px，60px * 60px，90px * 90px），Vector AI，矢量 EPS，SVG 和 PSD PNG 也有三種顏色，即黑色，灰色和藍(lán)色。此外，您將可以訪問處于活動(dòng)狀態(tài)的圖標(biāo)以及500個(gè)完全免費(fèi)的iOS Tab欄圖標(biāo)！IconBeast 將為您提供四十多種具有不同配置文件的圖標(biāo)集，例如用于商業(yè)和金融，地圖和街道，軟件工具和界面，體育和休閑，人類象形圖等等。

Invision App

Invision App 免費(fèi)的高質(zhì)量 UI 套件，圖標(biāo)包和模型庫

Zondicons

Zondicons 一組免費(fèi)的高級(jí)SVG圖標(biāo)，供您在數(shù)字產(chǎn)品上使用

Maki Icons

Maki Icons 是專為地圖設(shè)計(jì)師設(shè)計(jì)的圖標(biāo)集。Maki 包括公園，博物館和禮拜場(chǎng)所等常見景點(diǎn)的圖標(biāo)。每個(gè)圖標(biāo)都可用作 SVG，有兩種尺寸：11px * 11px和15px * 15px。

你還可以編輯 Maki 圖標(biāo)，以滿足您的項(xiàng)目的需要！您可以更改圖標(biāo)的顏色、添加筆劃或背景、上載或刪除圖標(biāo) SVG 以及將圖標(biāo)分組。首先，導(dǎo)入一組新的 Maki 圖標(biāo)，當(dāng)您完成編輯后，命名您的文件并下載！

SVG-Morpheus

SVG-Morpheus 支持 SVG 圖標(biāo)從一個(gè)變形到另一個(gè)。（此項(xiàng)目不再維護(hù)）

styled-icons

styled-icons 受歡迎的圖標(biāo)包，例如 Font Awesome，Material Design 和 Octicons，可作為 React 樣式的組件使用。

它提供了來自以下圖標(biāo)包的 20000 多個(gè)圖標(biāo)作為 styled 組件，完全支持 TypeScript 類型和 tree-shaking/ES 模塊。

Digital Nomad Icons

Digital Nomad Icons 由設(shè)計(jì)師 Nadia 設(shè)計(jì)的生活類圖標(biāo)和emoji，100%免費(fèi)使用，不過只有25個(gè)。

Free fonts

Free fonts 提供一系列的字體圖標(biāo)素材，包括 TTF，SVG，EOT，WOFF，OTF等格式，目前接800多萬。

Find Icons

Find Icons 是一個(gè)免費(fèi)圖標(biāo)搜索引擎，擁有全世界最大的圖標(biāo)庫，搜索過濾和匹配算法讓用戶能夠找到每個(gè)設(shè)計(jì)任務(wù)中需要的圖標(biāo)，例如搜尋特定尺寸、顏色、類型、授權(quán)方式等。

Visual Pharm

Visual Pharm 提供超快速搜索的免費(fèi)的 SVG 圖標(biāo)庫，貌似也是 Icons8 搞的平臺(tái)。

Streamline Icons

Streamline Icons 涵蓋 53 個(gè)分類，720 個(gè)子分類，擁有超過 30,000 個(gè)高質(zhì)量圖標(biāo)，幾乎滿足你的所有設(shè)計(jì)需求。

Iconmonstr

Iconmonstr 是一個(gè)以簡(jiǎn)單線條為主的的免費(fèi)圖標(biāo)庫，收錄超過 4000 種圖標(biāo)；由單一創(chuàng)作者維護(hù)，而且還在不斷更新中，這在很大程度上保證了圖標(biāo)的質(zhì)量；提供 SVG、EPS、PSD、PNG 和內(nèi)嵌原始碼等各種格式下載，滿足了設(shè)計(jì)師和開發(fā)者的各種需求場(chǎng)景；

Simple Icons

Simple Icons 超過1500個(gè)免費(fèi) SVG 圖標(biāo)的熱門品牌。這是由 Dan Leech 在 Gihub 發(fā)起的一個(gè)開源小項(xiàng)目。

Flat Icon Design

Flat Icon Design 此網(wǎng)站為日本的 icon 網(wǎng)站，站內(nèi)全部使用日文，沒有語言切換，但是支持英文檢索。Icon 風(fēng)格為彩色扁平風(fēng)，下載時(shí)可以改變圖案大小，顏色及背景，支持 AI，EPS，JPEG，PNG，SVG格式的下載。

Icon Hover Effects

Icon Hover Effects 圓形圖標(biāo)的簡(jiǎn)單懸停效果

Twitter Emoji

Twitter Emoji 是一個(gè)簡(jiǎn)單的庫，提供跨所有平臺(tái)的標(biāo)準(zhǔn) Unicode 表情符號(hào)支持。它遵循 Unicode 13.0 規(guī)范并支持 Emoji 13.0 規(guī)范。

其他一些資源你可能需要用到