值得收藏的20个前端开发ICON图标库


本文摘自PHP中文网,作者青灯夜游,侵删。

本篇文章给大家分享20个ICON图标库(值得收藏),让你的网站跟美观、有可读性。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。

在应用界面中图标的存在,会给用户一个良好第一印象,这个挺重要的。但是从零开始开发图标需要大量的时间和金钱。在你的网站上使用图标可以让你有效地与你的访问者交流:它们增加了可读性,突出了重要的内容,加强了功能或特性,增强了设计。因此,使用现成图标是很好的一个选择。

最佳图标库的列表

这里阿里的iconfont就不做介绍的,国内的开发者基本都知道,也都在用,现在我们来看看国外有哪些好用的图标库。

1、Flaticon

网址:https://www.flaticon.com/packs
格式和类型:PNG, SVG, EPS, PSD, and BASE 64, Marketplace
价格和许可证:有限的免费套餐和高级套餐,每月9.99美元起

2.png

Flaticon 包含完全可编辑的矢量,可用于个人和商业项目。FlatIcon 拥有超过230万个向量图标,它们被分组到51202个包中

该产品有 Adobe 扩展,允许我们轻松导入Photoshop, IllustratorAfter Effects中的图标。如果希望使用web字体而不是静态文件来显示图标,那么FlatIcon 将负责格式转换并生成一个可以使用的 web 字体。我们还可以自定义下载的图标。

亮点

  • 超过90,000个图标;
  • SVG,EPS,PSD 和 PNG 格式;
  • 图标字体;
  • 用于 CC 套件的 Adobe 扩展;
  • 带高级期权的 Linkshare 许可证;
  • 并且每个月都会添加新的图标包;

2、Jam Icons

网址:https://jam-icons.com/
格式和类型: SVG, CSS
价格和许可证:Free, MIT

3.png

Jam 图标是一套896个手工制作的图标。这个图标包提供了SVG和字体版本。这些图标可以用作web、打印或应用程序开发项目中的SVG文件。这些图标也可以用作给定CSS样式表的字体。有16px24px32px三种尺寸。我们还可以选择填充或描边图标。

3、Fontisto Icon Pack

网址:https://fontisto.com/
格式和类型: CSS
价格和许可证:ree, MIT

4.png

Fontisto 是矢量图标包。 可以立即自定义图标:大小,颜色,阴影以及 CSS 可以完成的所有操作。 该产品不需要 Javascript。 Fontisto 图标是矢量,这意味着它们在高分辨率显示器上看起来会很好。

在该网站上,我们可以找到有关如何启动和自定义产品的完整文档和各种指南。 我们只需将链接粘贴到网站上即可开始使用该产品。 此外,还可以将 Fontisto 与适合的软件包管理器一起使用:npm,yarn,bower等。

4、Iconmonstr

网址:https://iconmonstr.com/
格式和类型:SVG, EPS, PSD and PNG, Marketplace
价格和许可证:Free

5.png

Iconmonstr 的图标集合中有4400多个图标。 每个图标集都提供图形的轮廓和填充版本,以确保它们可用于各种设计应用程序。 该网站上的每个图标都是免费提供的,并且图标文件采用SVG,AI,PSDPNG等格式,这些文件可用于免费和商业目的。

Iconmonstr通过其强大的搜索功能使搜索图标变得简单。 我们还可以将自己喜欢的图标保存在个人收藏夹中,以备将来使用。

亮点:

  • 免费使用所有图标
  • 四种格式的下载选项,以及专为网络使用而优化的缩小图标

5、Pixsellz Material Icons Library

网址:https://icons.pixsellz.io/
格式和类型: SVG, EPS, PSD, PNG, FIG, Material design
价格和许可证:Free,Apache License Version 2.0

6.png

大量的1000多个图标分为16个不同类别。 免费的图标包灵感来自Material设计,并以三种不同的视觉风格呈现-圆形,轮廓和两色。 该套件有请输入代码6种不同的文件格式,因此我们可以使用首选设计软件中的图标。

亮点:

  • 3 种风格
  • Figma 风格
  • 1000多个图标
  • 24×24 像素
  • 素描风格
  • 16个类别,以及6 种文件格式

6、Entypo

网址:http://www.entypo.com/
格式和类型: SVG
价格和许可证:Free, Creative Common License 4.0

7.png

Entypo是 svg 图标系列产品,几年前由瑞典的 Daniel Bruce 精心制作而成。 这些图标非常棒:在赠品方面,它们是最重要的。 该产品以 SVG 形式提供,带有411个图标,免费提供知识共享许可。

7、Evil Icons

网址:https://evil-icons.io/
格式和类型: SVG, Sketch
价格和许可证:Free, MIT

8.png

这个库很大包含所有内容-包括SVG和原始源文件。 这意味着我们可以下载SVG以及Illustrator文件和Sketch.sketch文件。

8、Streamline Icons

网址:https://streamlineicons.com/
格式和类型: ICONJAR, SKETCH, FIG, XD, SVG, AI, PDF, PNG
价格和许可证:免费到 $411

9.png

Streamline Icons是一个兼容性强的免费图标库存。 该库按`53`个类别进行组织,带有30000多个矢量图标。

这是为 Sketch 优化的少数几个图标包之一,可轻松操纵笔触宽度和颜色。 诸如symbols 和共享样式之类的内置 Sketch 功能使重复使用元素(如图标)变得快速,容易。

该公司拥有自己的 Web 应用程序,可帮助直接从浏览器浏览,搜索和下载图标。

亮点:

  • 超过30000个矢量图标
  • 智能笔触修改轮廓厚度
  • 支持 Sketch, AI, EPS, PDF, PNG, SVG 格式
  • Streamline 3.0 中的每个图标都有三个唯一的权重:浅色,常规和粗体

9、Smashicons

网址:https://smashicons.com/
格式和类型: JAR, SVG, AI, SKETCH, Marketplace
价格和许可证:免费到 $149

10.png

Smashicons 在其库中提供了超过219000+个图标的全面图标集合。 Smashicons 的工作方式与其他产品略有不同:其定价基于每月5美元的月度计划。 这意味着您每月只需支付5美元,就可以访问他们现有图标的整个集合以及他们发布的任何将来的图标。

亮点:

  • 一个非常大的图标集合
  • 有图标都兼容多平台
  • 易于使用的网络应用程序来搜索和找到你需要的图标
  • 基于订阅的业务模型
  • 多平台支持

10、Icons8

网址:https://icons8.com/
格式和类型:SVG, PNG, PDF
价格和许可证:Good Boy License, 免费到 $19.90

11.png

Icons8 中的图标集带有超过120000个图标,涵盖多个类别。 从企业和办公室设置到人,食物和社交媒体图标。 这些图标旨在模仿特定操作系统的外观。 我们可以在Windows,iOS 和 Android 版本中下载它们。

亮点:

  • SVG、PNG 和 HTML 格式
  • 提供各种样式的图标,例如线性图标,实心图标和全彩色
  • 所有图标都可以通过.zip文件下载
  • 下载前可编辑
  • 免费和付费订阅选项

11、Icomoon

网址:https://icomoon.io/
格式和类型:SVG, PNG, PDF
价格和许可证:免费到 $139.90

阅读剩余部分

相关阅读 >>

html里js怎么使用

react可以做什么?

javascript怎么开启

javascript逻辑运算符有哪些

pop()方法怎么用

javascript怎么类型转换

javascript如何转换大小写

jscript和javascript的区别是什么

javascript动态函数如何创建

通过实例了解javascript数组方法slice()的使用方法

更多相关阅读请进入《javascript》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...