前端图标方案选型

本篇文章给大家推荐20个适合前端开发/设计的 ICON图标库。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。

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

最佳图标库的列表

0、阿里iconfont

http://iconfont.cn/

 

1、Flaticon

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

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

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

亮点：

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

2、Jam Icons

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

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

3、Fontisto Icon Pack

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

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

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

4、Iconmonstr

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