建站
咨詢
售后
建站咨詢
新聞中心
在應(yīng)用界面中圖標(biāo)的存在，會給用戶一個良好第一印象，這個挺重要的。但是從零開始開發(fā)圖標(biāo)需要大量的時間和金錢。在你的網(wǎng)站上使用圖標(biāo)可以讓你有效地與你的訪問者交流:它們增加了可讀性，突出了重要的內(nèi)容，加強(qiáng)了功能或特性，增強(qiáng)了設(shè)計。因此，使用現(xiàn)成圖標(biāo)是很好的一個選擇。
創(chuàng)新互聯(lián)公司是一家專注于成都網(wǎng)站建設(shè)、成都網(wǎng)站設(shè)計與策劃設(shè)計,新野網(wǎng)站建設(shè)哪家好?創(chuàng)新互聯(lián)公司做網(wǎng)站,專注于網(wǎng)站建設(shè)10年,網(wǎng)設(shè)計領(lǐng)域的專業(yè)建站公司;建站業(yè)務(wù)涵蓋:新野等地區(qū)。新野做網(wǎng)站價格咨詢:18982081108
優(yōu)秀圖標(biāo)庫的列表
這里阿里的iconfont就不做介紹的，國內(nèi)的開發(fā)者基本都知道，也都在用，現(xiàn)在我們來看看國外有哪些好用的圖標(biāo)庫。
Flaticon
網(wǎng)址：https://www.flaticon.com/packs
格式和類型：PNG, SVG, EPS, PSD, and BASE 64, Marketplace
價格和許可證：有限的免費(fèi)套餐和高級套餐，每月9.99美元起
Flaticon 包含完全可編輯的矢量，可用于個人和商業(yè)項目。FlatIcon 擁有超過230萬個向量圖標(biāo)，它們被分組到51202個包中
該產(chǎn)品有 Adobe 擴(kuò)展，允許我們輕松導(dǎo)入Photoshop, Illustrator和After Effects中的圖標(biāo)。如果希望使用web字體而不是靜態(tài)文件來顯示圖標(biāo)，那么FlatIcon 將負(fù)責(zé)格式轉(zhuǎn)換并生成一個可以使用的 web 字體。我們還可以自定義下載的圖標(biāo)。
亮點：
- 超過90,000個圖標(biāo);
- SVG，EPS，PSD 和 PNG 格式;
- 圖標(biāo)字體;
- 用于 CC 套件的 Adobe 擴(kuò)展;
- 帶高級期權(quán)的 Linkshare 許可證;
- 并且每個月都會添加新的圖標(biāo)包;
Jam Icons
網(wǎng)址：https://jam-icons.com/
格式和類型：SVG, CSS
價格和許可證：Free, MIT
Jam 圖標(biāo)是一套896個手工制作的圖標(biāo)。這個圖標(biāo)包提供了SVG和字體版本。這些圖標(biāo)可以用作web、打印或應(yīng)用程序開發(fā)項目中的SVG文件。這些圖標(biāo)也可以用作給定CSS樣式表的字體。有16px、24px和32px三種尺寸。我們還可以選擇填充或描邊圖標(biāo)。
Fontisto Icon Pack
網(wǎng)址：https://fontisto.com/
格式和類型：CSS
價格和許可證：ree, MIT
Fontisto 是矢量圖標(biāo)包。可以立即自定義圖標(biāo)：大小，顏色，陰影以及 CSS 可以完成的所有操作。該產(chǎn)品不需要 Javascript。Fontisto 圖標(biāo)是矢量，這意味著它們在高分辨率顯示器上看起來會很好。
在該網(wǎng)站上，我們可以找到有關(guān)如何啟動和自定義產(chǎn)品的完整文檔和各種指南。我們只需將鏈接粘貼到網(wǎng)站上即可開始使用該產(chǎn)品。此外，還可以將 Fontisto 與適合的軟件包管理器一起使用：npm，yarn，bower等。
Iconmonstr
網(wǎng)址：https://iconmonstr.com/
格式和類型：SVG, EPS, PSD and PNG, Marketplace
價格和許可證：Free
Iconmonstr 的圖標(biāo)集合中有4400多個圖標(biāo)。每個圖標(biāo)集都提供圖形的輪廓和填充版本，以確保它們可用于各種設(shè)計應(yīng)用程序。該網(wǎng)站上的每個圖標(biāo)都是免費(fèi)提供的，并且圖標(biāo)文件采用SVG，AI，PSD和PNG等格式，這些文件可用于免費(fèi)和商業(yè)目的。
Iconmonstr通過其強(qiáng)大的搜索功能使搜索圖標(biāo)變得簡單。我們還可以將自己喜歡的圖標(biāo)保存在個人收藏夾中，以備將來使用。
亮點：
- 免費(fèi)使用所有圖標(biāo)
- 四種格式的下載選項，以及專為網(wǎng)絡(luò)使用而優(yōu)化的縮小圖標(biāo)
Pixsellz Material Icons Library
網(wǎng)址：https://icons.pixsellz.io/
格式和類型：SVG, EPS, PSD, PNG, FIG, Material design
價格和許可證：Free，Apache License Version 2.0
大量的1000多個圖標(biāo)分為16個不同類別。免費(fèi)的圖標(biāo)包靈感來自Material設(shè)計，并以三種不同的視覺風(fēng)格呈現(xiàn)-圓形，輪廓和兩色。該套件有請輸入代碼6種不同的文件格式，因此我們可以使用選擇設(shè)計軟件中的圖標(biāo)。
亮點：
- 3 種風(fēng)格
- Figma 風(fēng)格
- 1000多個圖標(biāo)
- 24×24 像素
- 素描風(fēng)格
- 16個類別，以及6 種文件格式
Entypo
網(wǎng)址：http://www.entypo.com/
格式和類型：SVG
價格和許可證：Free, Creative Common License 4.0
Entypo是 svg 圖標(biāo)系列產(chǎn)品，幾年前由瑞典的 Daniel Bruce 精心制作而成。這些圖標(biāo)非常棒：在贈品方面，它們是最重要的。該產(chǎn)品以 SVG 形式提供，帶有411個圖標(biāo)，免費(fèi)提供知識共享許可。
Evil Icons
網(wǎng)址：https://evil-icons.io/
格式和類型：SVG, Sketch
價格和許可證：Free, MIT
這個庫很大包含所有內(nèi)容-包括SVG和原始源文件。這意味著我們可以下載SVG以及Illustrator文件和Sketch的.sketch文件。
Streamline Icons
網(wǎng)址：https://streamlineicons.com/
格式和類型：ICONJAR, SKETCH, FIG, XD, SVG, AI, PDF, PNG
價格和許可證：免費(fèi)到
Streamline Icons是一個兼容性強(qiáng)的免費(fèi)圖標(biāo)庫存。該庫按`53`個類別進(jìn)行組織，帶有30000多個矢量圖標(biāo)。
這是為 Sketch 優(yōu)化的少數(shù)幾個圖標(biāo)包之一，可輕松操縱筆觸寬度和顏色。諸如symbols 和共享樣式之類的內(nèi)置 Sketch 功能使重復(fù)使用元素(如圖標(biāo))變得快速，容易。
該公司擁有自己的 Web 應(yīng)用程序，可幫助直接從瀏覽器瀏覽，搜索和下載圖標(biāo)。
亮點：
- 超過30000個矢量圖標(biāo)
- 智能筆觸修改輪廓厚度
- 支持 Sketch, AI, EPS, PDF, PNG, SVG 格式
- Streamline 3.0 中的每個圖標(biāo)都有三個唯一的權(quán)重：
- 淺色，常規(guī)和粗體
Smashicons
網(wǎng)址：https://smashicons.com/
格式和類型：JAR, SVG, AI, SKETCH, Marketplace
價格和許可證：免費(fèi)到 $149
Smashicons 在其庫中提供了超過219000+個圖標(biāo)的全面圖標(biāo)集合。Smashicons 的工作方式與其他產(chǎn)品略有不同：其定價基于每月5美元的月度計劃。這意味著您每月只需支付5美元，就可以訪問他們現(xiàn)有圖標(biāo)的整個集合以及他們發(fā)布的任何將來的圖標(biāo)。
亮點：
- 一個非常大的圖標(biāo)集合
- 有圖標(biāo)都兼容多平臺
- 易于使用的網(wǎng)絡(luò)應(yīng)用程序來搜索和找到你需要的圖標(biāo)
- 基于訂閱的業(yè)務(wù)模型
- 多平臺支持
Icons8
網(wǎng)址：https://icons8.com/
格式和類型：SVG, PNG, PDF
價格和許可證：Good Boy License, 免費(fèi)到
Icons8 中的圖標(biāo)集帶有超過120000個圖標(biāo)，涵蓋多個類別。從企業(yè)和辦公室設(shè)置到人，食物和社交媒體圖標(biāo)。這些圖標(biāo)旨在模仿特定操作系統(tǒng)的外觀。我們可以在Windows，iOS 和 Android 版本中下載它們。
亮點：
- SVG、PNG 和 HTML 格式
- 提供各種樣式的圖標(biāo)，例如線性圖標(biāo)，實心圖標(biāo)和全彩色
- 所有圖標(biāo)都可以通過.zip文件下載
- 下載前可編輯
- 免費(fèi)和付費(fèi)訂閱選項
Icomoon
網(wǎng)址：https://icomoon.io/
格式和類型：SVG, PNG, PDF
價格和許可證：免費(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)建者不斷更新。
每個圖標(biāo)包都有詳細(xì)的授權(quán)許可，這樣設(shè)計人員和開發(fā)人員就可以確切地知道如何使用圖標(biāo)。用戶還可以定制自己的圖標(biāo)字體。
亮點：
- 綜合圖標(biāo)管理工具
- 免費(fèi)和付費(fèi)下載選項
- 多種下載格式
Glyphish Icon Pack
網(wǎng)址：http://www.glyphish.com/
格式和類型：SVG, PNG, PDF, PSD, Glyph, Icon font
價格和許可證：Creative Common Attribution， 從25美元到99美元
Glyphish提供了各種不同的圖標(biāo)庫。每個庫都有各種不同的格式，包括PNG，SVG，PSD和AI?；緢D標(biāo)的價格為25美元，而最終的圖標(biāo)包的正常價格為99美元。免費(fèi)演示包含50個圖標(biāo)。設(shè)計人員可以輕松編輯所有圖標(biāo)。
亮點：
- 多個平臺的圖標(biāo)：iOS，Android，Web，Window
- 一組50個免費(fèi)圖標(biāo)
- 輕松拖放到Xcode中
- 適用于Apple Retina顯示屏的圖標(biāo)
Ionicons
網(wǎng)址：https://ionicons.com/
格式和類型：SVG and Webfont, Icon font
價格和許可證：MIT
Ionic 小組決定以稱為Ionicons的網(wǎng)絡(luò)字體的形式發(fā)布其圖標(biāo)。自然，它們是完全免費(fèi)的，并且可以在GitHub上使用。我們甚至可以使用CDN版本的樣式表將這些圖標(biāo)直接添加到的站點中，它也支持 SVG 和 Web 字體。
亮點：
- 完全免費(fèi)
- 通過復(fù)制和粘貼鏈接輕松設(shè)置
- 以網(wǎng)絡(luò)字體的形式出現(xiàn)
- 定制尺寸
- 超過1100個項目
Angular Material Icons
網(wǎng)址：https://material.io/resources/icons/?style=baseline
格式和類型：SVG, Webfont, Material design
價格和許可證：Free, Apache License 2.0
Material Icon 是Google提供的免費(fèi)圖標(biāo)庫。為了確保可讀性和清晰度，這些圖標(biāo)已進(jìn)行了優(yōu)化，以在所有平臺和顯示器上看起來都很好。這些圖標(biāo)是完全免費(fèi)的，可以在GitHub上訪問。這個圖標(biāo)庫很大，有超過1,000個圖標(biāo)涵蓋了廣泛的界面功能。
Linearicons
網(wǎng)址：https://linearicons.com/
格式和類型：SVG, Webfont, Icon font
價格和許可證：免費(fèi)到59美元，Common Creative License
Linearicons是用于個人或商業(yè)目的的最受歡迎和最佳圖標(biāo)包之一。Linearicons 有免費(fèi)和高級版本，此驚人的圖標(biāo)包的免費(fèi)版本已獲得Creative Common許可。我們還可以根據(jù)需要選擇其他軟件包，例如“桌面軟件包”。
亮點：
- CloudFront CDN
- 提供免費(fèi)版本
- 帶有不同的格式：SVG，PDF，Webfont。
Feathericons
網(wǎng)址：https://feathericons.com/
格式和類型：SVG, Webfont, Iconfont
價格和許可證：Free, MIT License
Feather是最受歡迎的開源圖標(biāo)集之一。這些是在24X24網(wǎng)格上設(shè)計的開源圖標(biāo)。這些圖標(biāo)以SVG格式提供。它已獲得MIT許可，并且在開源中大約有250多個圖標(biāo)。
這些圖標(biāo)很容易編輯，無論大小都很清晰。它們首先被設(shè)計成一種圖標(biāo)字體，所以它是作為一種web字體嵌入的。
Iconfinder
網(wǎng)址https://www.iconfinder.com/
格式和類型：SVG, PNG, ICO, Marketplace
價格和許可證：每月9美元至49美元
Iconfinder是網(wǎng)絡(luò)上最受歡迎的圖標(biāo)資源之一。它提供了超過400萬個圖標(biāo)，為用戶提供了各種搜索選項，包括圖標(biāo)格式，價格，大小，背景等。還有多個月度付款計劃-從$9到$49。我們也可以選擇“隨用隨付”系統(tǒng)。
圖標(biāo)文件提供SVG，PNG，ICO，ICNS和Adobe Illustrator格式，尺寸范圍為16×16到512×512。如果找不到自己喜歡的東西，或者只是想要專門為我們品牌設(shè)計的自定義圖標(biāo)，也可以與網(wǎng)站上的一些最佳設(shè)計師合作。
亮點：
- 免費(fèi)和付費(fèi)使用選項
- 靈活的搜索功能
- 提供多種格式的圖標(biāo)
- 很多類別和樣式
- 圖標(biāo)編輯器
The Noun Project
網(wǎng)址：https://thenounproject.com/
格式和類型：SVG, PNG, Marketplace
價格和許可證：Creative Commons License
Noun Project 提供了網(wǎng)絡(luò)上最大的圖標(biāo)庫之一。該網(wǎng)站的大多數(shù)圖標(biāo)都以SVG和PNG格式以及黑白樣式提供。
該網(wǎng)站的庫由各種獨立設(shè)計師設(shè)計的圖標(biāo)文件組成。在這里，創(chuàng)作者和創(chuàng)意專業(yè)人士可以合作銷售他們的設(shè)計，并找到看似無窮無盡的高級圖標(biāo)庫。
搜索這個龐大而全面的圖標(biāo)庫非常容易。該圖標(biāo)庫的其他主要功能包括免費(fèi)和高級下載選項，許多大型圖標(biāo)集，適用于Mac的應(yīng)用程序等等。該圖標(biāo)庫會定期更新，并且每天都會發(fā)布新的圖標(biāo)合集。
亮點：
- 超過150,000個圖標(biāo)
- SVG, PNG格式
- 搜索和發(fā)現(xiàn)工具
- 免費(fèi)和付費(fèi)下載選項
- 幾乎每天都會上傳新圖標(biāo)
Fontawesome Icons
網(wǎng)址：https://fontawesome.com/icons
格式和類型：SVG, PNG, Icon font, Marketplace
價格和許可證：SIL OFL 1.1
Font Awesome是周圍使用最廣泛，最受歡迎的圖標(biāo)字體。這也是在引導(dǎo)時為團(tuán)隊設(shè)置的默認(rèn)圖標(biāo)。它還可以作為SVG圖標(biāo)以及其他格式使用。該許可證對任何商業(yè)或個人用途都是免費(fèi)的。
每個圖標(biāo)都是完全可伸縮的，并且可以直接在CSS中維護(hù)。我們可以使用純CSS3更改顏色，陰影，背景漸變以及幾乎所有其他內(nèi)容。使用此庫的另一個原因是，它已完全優(yōu)化，并且完全不需要JavaScript，因此沒有兼容性問題。
亮點：
- 矢量字體
- 每個圖標(biāo)都帶有CSS類和Unicode
- 免費(fèi)
- 考慮到可訪問性而構(gòu)建
- 易于跨網(wǎng)站升級
- 提供整個圖標(biāo)庫的桌面?zhèn)渫鼏?/li>
Lineicons
網(wǎng)址：https://lineicons.com/
格式和類型：SVG, Web font, Icon fontace
價格和許可證：免費(fèi)
LineIcons 還提供帶有清晰文檔的免費(fèi)CDN，使其易于入門。
該圖標(biāo)包是完全免費(fèi)的，并帶有450多個線型圖標(biāo)。它涵蓋了來自不同類別的項目所需的每個基本圖標(biāo)。LineIcons 還提供免費(fèi)的CDN和清晰的文檔，以輕松上手。它帶有2個不同的可伸縮軟件包–可以根據(jù)項目需要使用WebFonts和SVG文件。
亮點：
- 450+個免費(fèi)圖標(biāo)
- SVG文件
- 免費(fèi)CDN
總結(jié)
選擇圖標(biāo)庫時不應(yīng)該是基于圖標(biāo)庫受歡迎的程度，而是哪個圖標(biāo)庫更適合當(dāng)前的開發(fā)項目，哪個圖標(biāo)庫的風(fēng)格更符合我們應(yīng)用程序的風(fēng)格。
希望本文有助于選擇最適合你需要的解決方案。
本文名稱：適合前端開發(fā)和UI設(shè)計的20多個優(yōu)秀ICON庫
路徑分享：http://www.5511xx.com/article/ccsoghg.html
