本篇文章給大家分享20個(gè)ICON圖標(biāo)庫(kù)（值得收藏）命爬，讓你的網(wǎng)站跟美觀、有可讀性辐脖。有一定的參考價(jià)值饲宛，有需要的朋友可以參考一下，希望對(duì)大家有所幫助嗜价。

在應(yīng)用界面中圖標(biāo)的存在艇抠，會(huì)給用戶一個(gè)良好第一印象，這個(gè)挺重要的炭剪。但是從零開始開發(fā)圖標(biāo)需要大量的時(shí)間和金錢练链。在你的網(wǎng)站上使用圖標(biāo)可以讓你有效地與你的訪問者交流:它們?cè)黾恿丝勺x性，突出了重要的內(nèi)容奴拦，加強(qiáng)了功能或特性媒鼓，增強(qiáng)了設(shè)計(jì)。因此错妖，使用現(xiàn)成圖標(biāo)是很好的一個(gè)選擇绿鸣。

最佳圖標(biāo)庫(kù)的列表

這里阿里的iconfont就不做介紹的，國(guó)內(nèi)的開發(fā)者基本都知道暂氯，也都在用潮模，現(xiàn)在我們來看看國(guó)外有哪些好用的圖標(biāo)庫(kù)。

1痴施、Flaticon

網(wǎng)址：https://www.flaticon.com/packs

格式和類型：PNG, SVG, EPS, PSD, and BASE 64, Marketplace

價(jià)格和許可證：有限的免費(fèi)套餐和高級(jí)套餐擎厢，每月9.99美元起

Flaticon?包含完全可編輯的矢量，可用于個(gè)人和商業(yè)項(xiàng)目辣吃。FlatIcon 擁有超過230萬個(gè)向量圖標(biāo)动遭，它們被分組到51202個(gè)包中

該產(chǎn)品有 Adobe 擴(kuò)展，允許我們輕松導(dǎo)入Photoshop,?Illustrator和After Effects中的圖標(biāo)神得。如果希望使用web字體而不是靜態(tài)文件來顯示圖標(biāo)厘惦，那么FlatIcon 將負(fù)責(zé)格式轉(zhuǎn)換并生成一個(gè)可以使用的 web 字體。我們還可以自定義下載的圖標(biāo)哩簿。

亮點(diǎn)：

超過90,000個(gè)圖標(biāo)宵蕉；

SVG，EPS节榜，PSD 和 PNG 格式羡玛；

圖標(biāo)字體;

用于 CC 套件的 Adobe 擴(kuò)展;

帶高級(jí)期權(quán)的 Linkshare 許可證;

并且每個(gè)月都會(huì)添加新的圖標(biāo)包;

2、Jam Icons

網(wǎng)址：https://jam-icons.com/

格式和類型： SVG, CSS

價(jià)格和許可證：Free, MIT

Jam 圖標(biāo)是一套896個(gè)手工制作的圖標(biāo)宗苍。這個(gè)圖標(biāo)包提供了SVG和字體版本稼稿。這些圖標(biāo)可以用作web亿遂、打印或應(yīng)用程序開發(fā)項(xiàng)目中的SVG文件。這些圖標(biāo)也可以用作給定CSS樣式表的字體渺杉。有16px、24px和32px三種尺寸挪钓。我們還可以選擇填充或描邊圖標(biāo)是越。

3、Fontisto Icon Pack

網(wǎng)址：https://fontisto.com/

格式和類型： CSS

價(jià)格和許可證：ree, MIT

Fontisto?是矢量圖標(biāo)包碌上。 可以立即自定義圖標(biāo)：大小倚评，顏色，陰影以及 CSS 可以完成的所有操作馏予。 該產(chǎn)品不需要 Javascript天梧。?Fontisto?圖標(biāo)是矢量，這意味著它們?cè)诟叻直媛曙@示器上看起來會(huì)很好霞丧。

在該網(wǎng)站上呢岗，我們可以找到有關(guān)如何啟動(dòng)和自定義產(chǎn)品的完整文檔和各種指南。 我們只需將鏈接粘貼到網(wǎng)站上即可開始使用該產(chǎn)品蛹尝。 此外后豫，還可以將 Fontisto 與適合的軟件包管理器一起使用：npm，yarn突那，bower等挫酿。

4、Iconmonstr

網(wǎng)址：https://iconmonstr.com/

格式和類型：SVG, EPS, PSD and PNG, Marketplace

價(jià)格和許可證：Free

Iconmonstr?的圖標(biāo)集合中有4400多個(gè)圖標(biāo)愕难。 每個(gè)圖標(biāo)集都提供圖形的輪廓和填充版本早龟，以確保它們可用于各種設(shè)計(jì)應(yīng)用程序。 該網(wǎng)站上的每個(gè)圖標(biāo)都是免費(fèi)提供的猫缭，并且圖標(biāo)文件采用SVG葱弟，AI，PSD和PNG等格式饵骨，這些文件可用于免費(fèi)和商業(yè)目的翘悉。

Iconmonstr通過其強(qiáng)大的搜索功能使搜索圖標(biāo)變得簡(jiǎn)單。 我們還可以將自己喜歡的圖標(biāo)保存在個(gè)人收藏夾中居触，以備將來使用妖混。

亮點(diǎn)：

免費(fèi)使用所有圖標(biāo)

四種格式的下載選項(xiàng)，以及專為網(wǎng)絡(luò)使用而優(yōu)化的縮小圖標(biāo)

5轮洋、Pixsellz Material Icons Library

網(wǎng)址：https://icons.pixsellz.io/

格式和類型： SVG, EPS, PSD, PNG, FIG, Material design

價(jià)格和許可證：Free制市，Apache License Version 2.0

大量的1000多個(gè)圖標(biāo)分為16個(gè)不同類別。 免費(fèi)的圖標(biāo)包靈感來自Material設(shè)計(jì)弊予，并以三種不同的視覺風(fēng)格呈現(xiàn)-圓形祥楣，輪廓和兩色。 該套件有請(qǐng)輸入代碼6種不同的文件格式，因此我們可以使用首選設(shè)計(jì)軟件中的圖標(biāo)误褪。

亮點(diǎn)：

3 種風(fēng)格

Figma 風(fēng)格

1000多個(gè)圖標(biāo)

24×24 像素

素描風(fēng)格

16個(gè)類別责鳍，以及6 種文件格式

6、Entypo

網(wǎng)址：http://www.entypo.com/

格式和類型： SVG

價(jià)格和許可證：Free, Creative Common License 4.0

Entypo是 svg 圖標(biāo)系列產(chǎn)品兽间，幾年前由瑞典的 Daniel Bruce 精心制作而成历葛。 這些圖標(biāo)非常棒：在贈(zèng)品方面，它們是最重要的嘀略。 該產(chǎn)品以 SVG 形式提供恤溶，帶有411個(gè)圖標(biāo)，免費(fèi)提供知識(shí)共享許可帜羊。

7咒程、Evil Icons

網(wǎng)址：https://evil-icons.io/

格式和類型： SVG, Sketch

價(jià)格和許可證：Free, MIT

這個(gè)庫(kù)很大包含所有內(nèi)容-包括SVG和原始源文件。 這意味著我們可以下載SVG以及Illustrator文件和Sketch的.sketch文件讼育。

8帐姻、Streamline Icons

網(wǎng)址：https://streamlineicons.com/

格式和類型： ?ICONJAR, SKETCH, FIG, XD, SVG, AI, PDF, PNG

價(jià)格和許可證：免費(fèi)到　$411

Streamline Icons是一個(gè)兼容性強(qiáng)的免費(fèi)圖標(biāo)庫(kù)存。 該庫(kù)按｀53｀個(gè)類別進(jìn)行組織窥淆，帶有30000多個(gè)矢量圖標(biāo)卖宠。

這是為 Sketch 優(yōu)化的少數(shù)幾個(gè)圖標(biāo)包之一，可輕松操縱筆觸寬度和顏色忧饭。 諸如symbols 和共享樣式之類的內(nèi)置 Sketch 功能使重復(fù)使用元素（如圖標(biāo)）變得快速扛伍，容易。

該公司擁有自己的 Web 應(yīng)用程序词裤，可幫助直接從瀏覽器瀏覽刺洒，搜索和下載圖標(biāo)。

亮點(diǎn)：

超過30000個(gè)矢量圖標(biāo)

智能筆觸修改輪廓厚度

支持 Sketch, AI, EPS, PDF, PNG, SVG 格式

Streamline 3.0 中的每個(gè)圖標(biāo)都有三個(gè)唯一的權(quán)重：淺色吼砂，常規(guī)和粗體

9逆航、Smashicons

網(wǎng)址：https://smashicons.com/

格式和類型： JAR, SVG, AI, SKETCH, Marketplace

價(jià)格和許可證：免費(fèi)到　$149

Smashicons?在其庫(kù)中提供了超過219000+個(gè)圖標(biāo)的全面圖標(biāo)集合。?Smashicons?的工作方式與其他產(chǎn)品略有不同：其定價(jià)基于每月5美元的月度計(jì)劃渔肩。 這意味著您每月只需支付5美元因俐，就可以訪問他們現(xiàn)有圖標(biāo)的整個(gè)集合以及他們發(fā)布的任何將來的圖標(biāo)。

亮點(diǎn)：

一個(gè)非常大的圖標(biāo)集合

有圖標(biāo)都兼容多平臺(tái)

易于使用的網(wǎng)絡(luò)應(yīng)用程序來搜索和找到你需要的圖標(biāo)

基于訂閱的業(yè)務(wù)模型

多平臺(tái)支持

10周偎、Icons8

網(wǎng)址：https://icons8.com/

格式和類型：SVG, PNG, PDF

價(jià)格和許可證：Good Boy License, 免費(fèi)到　$19.90

Icons8?中的圖標(biāo)集帶有超過120000個(gè)圖標(biāo)抹剩，涵蓋多個(gè)類別。 從企業(yè)和辦公室設(shè)置到人蓉坎，食物和社交媒體圖標(biāo)澳眷。 這些圖標(biāo)旨在模仿特定操作系統(tǒng)的外觀。 我們可以在Windows蛉艾，iOS 和 Android 版本中下載它們钳踊。

亮點(diǎn)：

SVG衷敌、PNG 和 HTML 格式

提供各種樣式的圖標(biāo)，例如線性圖標(biāo)拓瞪，實(shí)心圖標(biāo)和全彩色

所有圖標(biāo)都可以通過.zip文件下載

下載前可編輯

免費(fèi)和付費(fèi)訂閱選項(xiàng)

11缴罗、Icomoon

網(wǎng)址：https://icomoon.io/

格式和類型：SVG, PNG, PDF

價(jià)格和許可證：免費(fèi)到　$139.90

Icomoon?是用于圖像和圖標(biāo)管理的完整工具。 該產(chǎn)品具有用于編輯和管理圖標(biāo)的高質(zhì)量解決方案祭埂。 Icomoon 圖標(biāo)是在16X16網(wǎng)格上手工制作的瞒爬，并提供SVG，EPS沟堡，PSD，PDF和AI格式矢空。 圖標(biāo)集也由其創(chuàng)建者不斷更新航罗。

每個(gè)圖標(biāo)包都有詳細(xì)的授權(quán)許可，這樣設(shè)計(jì)人員和開發(fā)人員就可以確切地知道如何使用圖標(biāo)屁药。用戶還可以定制自己的圖標(biāo)字體粥血。

亮點(diǎn)：

綜合圖標(biāo)管理工具

免費(fèi)和付費(fèi)下載選項(xiàng)

多種下載格式

12、Glyphish Icon Pack

網(wǎng)址：http://www.glyphish.com/

格式和類型：SVG, PNG, PDF, PSD, Glyph, Icon font

價(jià)格和許可證： Creative Common Attribution酿箭， 從25美元到99美元

Glyphish提供了各種不同的圖標(biāo)庫(kù)复亏。 每個(gè)庫(kù)都有各種不同的格式，包括PNG缭嫡，SVG缔御，PSD和AI。 基本圖標(biāo)的價(jià)格為25美元妇蛀，而最終的圖標(biāo)包的正常價(jià)格為99美元耕突。 免費(fèi)演示包含50個(gè)圖標(biāo)。 設(shè)計(jì)人員可以輕松編輯所有圖標(biāo)评架。

亮點(diǎn)：

多個(gè)平臺(tái)的圖標(biāo)：iOS眷茁，Android，Web纵诞，Window

一組50個(gè)免費(fèi)圖標(biāo)

輕松拖放到Xcode中

適用于Apple Retina顯示屏的圖標(biāo)

13上祈、Ionicons

網(wǎng)址：https://ionicons.com/

格式和類型： SVG and Webfont, Icon font

價(jià)格和許可證： MIT

Ionic 小組決定以稱為Ionicons的網(wǎng)絡(luò)字體的形式發(fā)布其圖標(biāo)。 自然浙芙，它們是完全免費(fèi)的登刺，并且可以在GitHub上使用。 我們甚至可以使用CDN版本的樣式表將這些圖標(biāo)直接添加到的站點(diǎn)中茁裙，它也支持 SVG 和 Web 字體塘砸。

亮點(diǎn)：

完全免費(fèi)

通過復(fù)制和粘貼鏈接輕松設(shè)置

以網(wǎng)絡(luò)字體的形式出現(xiàn)

定制尺寸

超過1100個(gè)項(xiàng)目

14、Angular Material Icons

網(wǎng)址：https://material.io/resources...

格式和類型： SVG, Webfont, Material design

價(jià)格和許可證：Free, Apache License 2.0

Material Icon?是Google提供的免費(fèi)圖標(biāo)庫(kù)晤锥。 為了確钡羰撸可讀性和清晰度廊宪，這些圖標(biāo)已進(jìn)行了優(yōu)化，以在所有平臺(tái)和顯示器上看起來都很好女轿。 這些圖標(biāo)是完全免費(fèi)的箭启，可以在GitHub上訪問佛嬉。 這個(gè)圖標(biāo)庫(kù)很大炎滞，有超過1,000個(gè)圖標(biāo)涵蓋了廣泛的界面功能。

15湾盒、Linearicons

網(wǎng)址：https://linearicons.com/

格式和類型： ?SVG, Webfont, Icon font

價(jià)格和許可證：免費(fèi)到59美元北救，Common Creative License

Linearicons是用于個(gè)人或商業(yè)目的的最受歡迎和最佳圖標(biāo)包之一荐操。 Linearicons 有有免費(fèi)和高級(jí)版本，此驚人的圖標(biāo)包的免費(fèi)版本已獲得Creative Common許可珍策。 我們還可以根據(jù)需要選擇其他軟件包托启，例如“桌面軟件包”。

亮點(diǎn)：

CloudFront CDN

提供免費(fèi)版本

帶有不同的格式：SVG攘宙，PDF屯耸，Webfont。

16蹭劈、Feathericons

網(wǎng)址：https://feathericons.com/

格式和類型： ?SVG, Webfont, Iconfont

價(jià)格和許可證：Free, MIT License

Feather是最受歡迎的開源圖標(biāo)集之一疗绣。 這些是在24X24網(wǎng)格上設(shè)計(jì)的開源圖標(biāo)。 這些圖標(biāo)以SVG格式提供铺韧。 它已獲得MIT許可多矮，并且在開源中大約有250多個(gè)圖標(biāo)。

這些圖標(biāo)很容易編輯哈打，無論大小都很清晰工窍。它們首先被設(shè)計(jì)成一種圖標(biāo)字體，所以它是作為一種web字體嵌入的前酿。

17患雏、Iconfinder

網(wǎng)址https://www.iconfinder.com/

格式和類型：SVG, PNG, ICO, Marketplace

價(jià)格和許可證：每月9美元至49美元

Iconfinder是網(wǎng)絡(luò)上最受歡迎的圖標(biāo)資源之一。 它提供了超過400萬個(gè)圖標(biāo)罢维，為用戶提供了各種搜索選項(xiàng)淹仑，包括圖標(biāo)格式，價(jià)格肺孵，大小匀借，背景等。還有多個(gè)月度付款計(jì)劃-從$9到$49平窘。 我們也可以選擇“隨用隨付”系統(tǒng)吓肋。

圖標(biāo)文件提供SVG，PNG瑰艘，ICO是鬼，ICNS和Adobe Illustrator格式肤舞，尺寸范圍為16×16到512×512。 如果找不到自己喜歡的東西均蜜，或者只是想要專門為我們品牌設(shè)計(jì)的自定義圖標(biāo)李剖，也可以與網(wǎng)站上的一些最佳設(shè)計(jì)師合作。

亮點(diǎn)：

免費(fèi)和付費(fèi)使用選項(xiàng)

靈活的搜索功能

提供多種格式的圖標(biāo)

很多類別和樣式

標(biāo)編輯器

18囤耳、The Noun Project

網(wǎng)址：https://thenounproject.com/

格式和類型：SVG, PNG, Marketplace

價(jià)格和許可證：Creative Commons License

Noun Project?提供了網(wǎng)絡(luò)上最大的圖標(biāo)庫(kù)之一篙顺。 該網(wǎng)站的大多數(shù)圖標(biāo)都以SVG和PNG格式以及黑白樣式提供。

該網(wǎng)站的庫(kù)由各種獨(dú)立設(shè)計(jì)師設(shè)計(jì)的圖標(biāo)文件組成充择。 在這里德玫，創(chuàng)作者和創(chuàng)意專業(yè)人士可以合作銷售他們的設(shè)計(jì)，并找到看似無窮無盡的高級(jí)圖標(biāo)庫(kù)椎麦。

搜索這個(gè)龐大而全面的圖標(biāo)庫(kù)非常容易化焕。 該圖標(biāo)庫(kù)的其他主要功能包括免費(fèi)和高級(jí)下載選項(xiàng)，許多大型圖標(biāo)集铃剔，適用于Mac的應(yīng)用程序等等。 該圖標(biāo)庫(kù)會(huì)定期更新查刻，并且每天都會(huì)發(fā)布新的圖標(biāo)和集键兜。

亮點(diǎn)：

超過150,000個(gè)圖標(biāo)

SVG, PNG格式

搜索和發(fā)現(xiàn)工具

免費(fèi)和付費(fèi)下載選項(xiàng)

幾乎每天都會(huì)上傳新圖標(biāo)

19、Fontawesome Icons

網(wǎng)址：https://fontawesome.com/icons

格式和類型：SVG, PNG, Icon font, Marketplace

價(jià)格和許可證：SIL OFL 1.1

Font Awesome是周圍使用最廣泛穗泵，最受歡迎的圖標(biāo)字體普气。 這也是在引導(dǎo)時(shí)為團(tuán)隊(duì)設(shè)置的默認(rèn)圖標(biāo)。 它還可以作為SVG圖標(biāo)以及其他格式使用佃延。該許可證對(duì)任何商業(yè)或個(gè)人用途都是免費(fèi)的现诀。

每個(gè)圖標(biāo)都是完全可伸縮的，并且可以直接在CSS中維護(hù)履肃。 我們可以使用純CSS3更改顏色仔沿，陰影，背景漸變以及幾乎所有其他內(nèi)容尺棋。 使用此庫(kù)的另一個(gè)原因是封锉，它已完全優(yōu)化，并且完全不需要JavaScript膘螟，因此沒有兼容性問題成福。

亮點(diǎn)：

矢量字體

每個(gè)圖標(biāo)都帶有CSS類和Unicode

免費(fèi)

考慮到可訪問性而構(gòu)建

易于跨網(wǎng)站升級(jí)

提供整個(gè)圖標(biāo)庫(kù)的桌面?zhèn)渫鼏?/p>

20、Lineicons

網(wǎng)址：https://lineicons.com/

格式和類型：SVG, Web font, Icon fontace

價(jià)格和許可證：免費(fèi)

LineIcons?還提供帶有清晰文檔的免費(fèi)CDN荆残，使其易于入門奴艾。

該圖標(biāo)包是完全免費(fèi)的，并帶有450多個(gè)線型圖標(biāo)内斯。 它涵蓋了來自不同類別的項(xiàng)目所需的每個(gè)基本圖標(biāo)蕴潦。?LineIcons?還提供免費(fèi)的CDN和清晰的文檔像啼，以輕松上手。 它帶有2個(gè)不同的可伸縮軟件包–可以根據(jù)項(xiàng)目需要使用WebFonts和SVG文件品擎。

亮點(diǎn)：

450+個(gè)免費(fèi)圖標(biāo)

SVG文件

免費(fèi)CDN

總結(jié)

選擇圖標(biāo)庫(kù)時(shí)不應(yīng)該是基于圖標(biāo)庫(kù)受歡迎的程度埋合，而是哪個(gè)圖標(biāo)庫(kù)更適合當(dāng)前的開發(fā)項(xiàng)目，哪個(gè)圖標(biāo)庫(kù)的風(fēng)格更符合我們應(yīng)用程序的風(fēng)格萄传。

希望本文有助于選擇最適合你需要的解決方案甚颂。

英文原文地址：https://blog/top-icons-packs-and-resources-for-web/

作者：Eugene Stepnov

更多編程相關(guān)知識(shí)，請(qǐng)?jiān)L問：編程視頻Ｐ懔狻振诬！