Icomoon 是用于图像和图标管理的完整工具。 该产品具有用于编辑和管理图标的高质量解决方案。 Icomoon 图标是在16X16
网格上手工制作的,并提供SVG,EPS,PSD,PDF
和AI
格式。 图标集也由其创建者不断更新。
每个图标包都有详细的授权许可,这样设计人员和开发人员就可以确切地知道如何使用图标。用户还可以定制自己的图标字体。
亮点:
- 综合图标管理工具
- 免费和付费下载选项
- 多种下载格式
12、Glyphish Icon Pack
网址:http://www.glyphish.com/
格式和类型:SVG, PNG, PDF, PSD, Glyph, Icon font
价格和许可证: Creative Common Attribution, 从25美元到99美元
Glyphish提供了各种不同的图标库。 每个库都有各种不同的格式,包括PNG
,SVG
,PSD
和AI
。 基本图标的价格为25美元,而最终的图标包的正常价格为99美元。 免费演示包含50
个图标。 设计人员可以轻松编辑所有图标。
亮点:
- 多个平台的图标:iOS,Android,Web,Window
- 一组50个免费图标
- 轻松拖放到Xcode中
- 适用于Apple Retina显示屏的图标
13、Ionicons
网址:https://ionicons.com/
格式和类型: SVG and Webfont, Icon font
价格和许可证: MIT
Ionic 小组决定以称为Ionicons的网络字体的形式发布其图标。 自然,它们是完全免费的,并且可以在GitHub
上使用。 我们甚至可以使用CDN版本的样式表将这些图标直接添加到的站点中,它也支持 SVG 和 Web 字体。
亮点:
- 完全免费
- 通过复制和粘贴链接轻松设置
- 以网络字体的形式出现
- 定制尺寸
- 超过1100个项目
14、Angular Material Icons
网址:https://material.io/resources...
格式和类型: SVG, Webfont, Material design
价格和许可证:Free, Apache License 2.0
Material Icon 是Google
提供的免费图标库。 为了确保可读性和清晰度,这些图标已进行了优化,以在所有平台和显示器上看起来都很好。 这些图标是完全免费的,可以在GitHub上访问。 这个图标库很大,有超过1,000
个图标涵盖了广泛的界面功能。
15、Linearicons
网址:https://linearicons.com/
格式和类型: SVG, Webfont, Icon font
价格和许可证:免费到59美元,Common Creative License
Linearicons是用于个人或商业目的的最受欢迎和最佳图标包之一。 Linearicons 有有免费和高级版本,此惊人的图标包的免费版本已获得Creative Common许可。 我们还可以根据需要选择其他软件包,例如“桌面软件包”。
亮点:
- CloudFront CDN
- 提供免费版本
- 带有不同的格式:SVG,PDF,Webfont。
16、Feathericons
网址:https://feathericons.com/
格式和类型: SVG, Webfont, Iconfont
价格和许可证:Free, MIT License
Feather是最受欢迎的开源图标集之一。 这些是在24X24
网格上设计的开源图标。 这些图标以SVG格式提供。 它已获得MIT许可,并且在开源中大约有250
多个图标。
这些图标很容易编辑,无论大小都很清晰。它们首先被设计成一种图标字体,所以它是作为一种web字体嵌入的。
17、Iconfinder
网址https://www.iconfinder.com/
格式和类型:SVG, PNG, ICO, Marketplace
价格和许可证:每月9美元至49美元
Iconfinder是网络上最受欢迎的图标资源之一。 它提供了超过400
万个图标,为用户提供了各种搜索选项,包括图标格式,价格,大小,背景等。还有多个月度付款计划-从$9
到$49
。 我们也可以选择“随用随付”系统。
图标文件提供SVG,PNG,ICO,ICNS
和Adobe Illustrator
格式,尺寸范围为16×16
到512×512
。 如果找不到自己喜欢的东西,或者只是想要专门为我们品牌设计的自定义图标,也可以与网站上的一些最佳设计师合作。
亮点:
- 免费和付费使用选项
- 灵活的搜索功能
- 提供多种格式的图标
- 很多类别和样式
- 标编辑器
18、The Noun Project
网址:https://thenounproject.com/
格式和类型:SVG, PNG, Marketplace
价格和许可证:Creative Commons License
Noun Project 提供了网络上最大的图标库之一。 该网站的大多数图标都以SVG
和PNG
格式以及黑白样式提供。
该网站的库由各种独立设计师设计的图标文件组成。 在这里,创作者和创意专业人士可以合作销售他们的设计,并找到看似无穷无尽的高级图标库。
搜索这个庞大而全面的图标库非常容易。 该图标库的其他主要功能包括免费和高级下载选项,许多大型图标集,适用于Mac的应用程序等等。 该图标库会定期更新,并且每天都会发布新的图标和集。
亮点:
- 超过
150,000
个图标 - SVG, PNG格式
- 搜索和发现工具
- 免费和付费下载选项
- 几乎每天都会上传新图标
19、Fontawesome Icons
网址:https://fontawesome.com/icons
格式和类型:SVG, PNG, Icon font, Marketplace
价格和许可证:SIL OFL 1.1
Font Awesome是周围使用最广泛,最受欢迎的图标字体。 这也是在引导时为团队设置的默认图标。 它还可以作为SVG图标以及其他格式使用。该许可证对任何商业或个人用途都是免费的。
每个图标都是完全可伸缩的,并且可以直接在CSS中维护。 我们可以使用纯CSS3
更改颜色,阴影,背景渐变以及几乎所有其他内容。 使用此库的另一个原因是,它已完全优化,并且完全不需要JavaScript,因此没有兼容性问题。
亮点:
- 矢量字体
- 每个图标都带有CSS类和Unicode
- 免费
- 考虑到可访问性而构建
- 易于跨网站升级
- 提供整个图标库的桌面备忘单
20、Lineicons
网址:https://lineicons.com/
格式和类型:SVG, Web font, Icon fontace
价格和许可证:免费
LineIcons 还提供带有清晰文档的免费CDN,使其易于入门。
该图标包是完全免费的,并带有450
多个线型图标。 它涵盖了来自不同类别的项目所需的每个基本图标。 LineIcons 还提供免费的CDN和清晰的文档,以轻松上手。 它带有2个不同的可伸缩软件包?C可以根据项目需要使用WebFonts
和SVG
文件。
亮点:
- 450+个免费图标
- SVG文件
- 免费CDN
总结
选择图标库时不应该是基于图标库受欢迎的程度,而是哪个图标库更适合当前的开发项目,哪个图标库的风格更符合我们应用程序的风格。
希望本文有助于选择最适合你需要的解决方案。
英文原文地址:https://blog/top-icons-packs-and-resources-for-web/
作者:Eugene Stepnov
译文地址:https://segmentfault.com/a/1190000022273604
更多编程相关知识,请访问:编程视频!!
以上就是值得收藏的20个前端开发ICON图标库的详细内容,更多文章请关注木庄网络博客!
相关阅读 >>
javascript如何实现二叉树的创建和遍历?(代码示例)
更多相关阅读请进入《javascript》频道 >>
Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者