作者：EugeneStepnov译者：前端小智来源：flatlogic..已被网站收录，更多往期好评文章已归类，我的很多文档和教程资料也都整理出来了。欢迎来到星和完美。面试时可参考考点复习。我希望我们能在一起。应用程序界面中图标的存在会给用户良好的第一印象，这一点非常重要。但是从头开始开发图标需要花费大量时间和金钱。在您的网站上使用图标可以让您有效地与访问者进行交流：它们可以提高可读性、突出显示重要内容、强化功能或特性以及增强设计。因此，使用现成的图标是一个不错的选择。这里最好的图标库列表就不介绍阿里的iconfont了。国内的开发者基本上都知道并使用它。下面我们就来看看国外好用的图标库吧。FlaticonURL：https://www.flaticon.com/packs格式和类型：PNG、SVG、EPS、PSD和BASE64，市场价格和许可：有限的免费和高级套餐，每月9.99美元起Flaticon包含完全可编辑的矢量可用于个人和商业项目。FlatIcon有超过230万个矢量图标，分为51202个包。该产品有一个Adob??e扩展，使我们能够轻松地从Photoshop、Illustrator和AfterEffects导入图标。如果您希望使用网络字体而不是静态文件来显示您的图标，那么FlatIcon将负责格式转换并生成现成的网络字体。我们还可以自定义下载的图标。亮点：超过90,000个图标；SVG、EPS、PSD和PNG格式；图标字体；CC套件的Adob??e扩展；具有高级选项的Linkshare许可证；每个月都会添加新的图标包；Jam图标URL：https://jam-icons.com/格式和类型：SVG、CSS价格和许可证：免费，MITJam图标是一组896个手工制作的图标。此图标包同时提供SVG和字体版本。这些图标可以用作Web、打印或应用程序开发项目中的SVG文件。这些图标也可以用作给定CSS样式表的字体。提供16px、24px和32px尺寸。我们还可以选择填充或描边图标。Fontisto图标包URL：https://fontisto.com/格式和类型：CSS价格和许可：ree，MITFontisto是一个矢量图标包。可以立即自定义图标：大小、颜色、阴影以及可以使用CSS完成的所有内容。本产品不需要Javascript。Fontisto图标是矢量的，这意味着它们在高分辨率显示器上看起来很棒。在网站上，我们可以找到有关如何启动和自定义产品的完整文档和各种指南。我们只需将链接粘贴到网站上即可开始使用该产品。此外，可以将Fontisto与合适的包管理器一起使用：npm、yarn、bower等。IconmonstrURL：https://iconmonstr.com/格式和类型：SVG、EPS、PSD和PNG，市场价格和许可证：FreeIconmonstr的图标集合中有超过4400个图标。每个图标集都提供图形的轮廓和填充版本，以确保它们可以用于各种设计应用程序。本站的每个图标都是免费提供的，图标文件有SVG、AI、PSD、PNG等格式，可供免费和商业使用。Iconmonstr以其强大的搜索功能使搜索图标变得容易。我们还可以将自己喜欢的图标保存在个人收藏夹中，以备日后使用。亮点：免费使用所有图标四种格式的下载选项，以及针对网络使用优化的缩小图标Pixsellz素材图标库URL：https://icons.pixsellz.io/格式和类型：SVG、EPS、PSD、PNG、图，Materialdesign价格和许可证：免费，Apache许可证版本2.01000多个图标的大量集合，分为16个不同的类别。免费图标包的灵感来自Materialdesign，具有三种不同的视觉风格——圆形、轮廓和双色。该套件有6种不同的文件格式，因此我们可以在我们首选的设计软件中使用图标。亮点：3种风格Figma风格超过1000个图标24×24像素素描风格16种类别，6种文件格式EntypoURL：http://www.entypo.com/格式和类型：SVG价格和许可：免费，CreativeCommonLicense4.0Entypo是一系列svg图标，几年前由瑞典的DanielBruce制作。这些图标很棒：在赠品方面，它们是一流的。本产品以SVG格式提供，包含411个图标，可根据知识共享许可免费获得。EvilIconsURL：https://evil-icons.io/格式和类型：SVG，草图价格和许可：免费，麻省理工学院这个图书馆很大，包含一切——包括SVG和原始源文件。这意味着我们可以下载SVG以及Illustrator文件和Sketch的.sketch文件。StreamlineIconsURL：https://streamlineicons.com/格式和类型：ICONJAR、SKETCH、FIG、XD、SVG、AI、PDF、PNG价格和许可：免费到 411美元StreamlineIcons是兼容的Strongstock的免费图标。该库分为“53”个类别，包含超过30000个矢量图标。这是为数不多的为Sketch优化的图标包之一，可以轻松控制笔触宽度和颜色。符号和共享样式等内置Sketch功能使图标等元素的重用变得快速而轻松。该公司拥有自己的网络应用程序，可帮助直接从浏览器浏览、搜索和下载图标。亮点：超过30,000个矢量图标智能笔触修改轮廓粗细支持Sketch、AI、EPS、PDF、PNG、SVG格式Streamline3.0中的每个图标都具有三种独特的权重：轻型、常规和粗体SmashiconsURL：https://smashicons.com/格式和类型：JAR、SVG、AI、SKETCH、市场价格和许可证：免费至 149美元Smashicons在其库中提供超过219000多个图标的综合图标集。Smashicons的运作方式与其他网站略有不同：其定价基于每月5美元的月度计划。这意味着每月支付5美元，您就可以访问他们现有图标的全部集合以及他们发布的任何未来图标。亮点：大量图标所有图标都兼容多平台易于使用的网络应用程序，用于搜索和查找您需要的图标基于订阅的商业模式多平台支持Icons8URL：https://icons8.com/格式和类型：SVG、PNG、PDF价格和许可证：GoodBoy许可证，免费到 $19.90Icons8中的图标集包含超过120,000个图标，涵盖多个类别。从公司和办公室设置到人物、食物和社交媒体图标。这些图标旨在模仿特定操作系统的外观。我们可以在Windows、iOS和Android版本中下载它们。亮点：SVG、PNG和HTML格式的各种图标样式，例如线性图标、纯色图标和全彩色所有图标都可以下载为.zip文件下载前可编辑免费和付费订阅选项我为每个人找到了一个项目，还给了一个【搭建教程】。我和阿里云服务器合作，优惠价格比较便宜：89/年，223/3年，比学生便宜9.9/月，买了建了一个项目，熟悉技术栈比较香（老用户可以买用他们的家庭账户，我用我妈妈的）推荐购买三年的便宜货，点击本文查看。IcomoonURL：https://icomoon.io/格式和类型：SVG、PNG、PDF价格和许可证：免费到 139.90美元Icomoon是一个用于图像和图标管理的完整工具。该产品具有用于编辑和管理图标的高质量解决方案。Icomoon图标在16X16网格上手工制作，提供SVG、EPS、PSD、PDF和AI格式。图标集也由其创建者不断更新。每个图标包都带有详细的许可证，因此设计人员和开发人员确切地知道如何使用这些图标。用户还可以自定义自己的图标字体。亮点：全面的图标管理工具免费和付费下载选项多种下载格式GlyphishIconPackURL：http://www.glyphish.com/格式和类型：SVG、PNG、PDF、PSD、Glyph、图标字体价格和许可：CreativeCommonAttribution，从25美元到99美元Glyphish提供各种不同的图标库。每个库都有多种不同的格式，包括PNG、SVG、PSD和AI。基本图标售价25美元，而最终图标包的正常价格为99美元。免费演示包含50个图标。设计师可以轻松编辑所有图标。亮点：适用于多个平台的图标：iOS、Android、Web、Window一组50个免费图标，可以轻松拖放到XcodeAppleRetina显示图标IoniconsURL：https://ionicons.com/格式和类型：SVG和Webfont，图标字体价格和许可证：MITIonic团队决定以名为Ionicons的网络字体的形式发布他们的图标。当然，它们是完全免费的，可以在GitHub上获得。我们甚至可以使用样式表的CDN版本直接将这些图标添加到站点，它也支持SVG和网络字体。亮点：完全免费通过复制和粘贴链接轻松设置显示为网络字体自定义大小超过1100个项目AngularMaterialIconsURL：https://material.io/resources...格式和类型：SVG、Webfont、Materialdesign价格和许可:免费，ApacheLicense2.0MaterialIcon是Google提供的免费图标库。为了确保可读性和清晰度，这些图标已经过优化以在所有平台和显示器上看起来都很好。这些图标完全免费，可在GitHub上获得。这个图标库非常庞大，超过1,000个图标涵盖了广泛的界面功能。LineariconsURL：https://linearicons.com/格式和类型：SVG、Webfont、Iconfont价格和许可证：免费至59美元，CommonCreativeLicenseLinearicons是最受欢迎和最好的个人或商业图标包之一。Linearicons有免费版和付费版，这个令人惊叹的图标包的免费版已获得知识共享许可。我们也可以根据需要选择其他的包，比如“桌面包”。亮点：CloudFrontCDN提供不同格式的免费版本：SVG、PDF、Webfont。FeathericonsURL：https://feathericons.com/格式和类型：SVG、Webfont、Iconfont价格和许可证：免费，MIT许可证Feather是最流行的开源图标集之一。这些是在24X24网格上设计的开源图标。这些图标以SVG格式提供。它获得了麻省理工学院的许可，并且有大约250多个开源图标。无论大小，图标都易于编辑且看起来清晰。它们最初被设计为图标字体，因此被嵌入为网络字体。IconfinderURLhttps://www.iconfinder.com/格式和类型：SVG、PNG、ICO、市场价格和许可证：每月9-49美元Iconfinder是网络上最受欢迎的图标资源之一。它提供超过400万个图标，为用户提供各种搜索选项，包括图标格式、价格、大小、背景等。还有多种月度付款计划——从9美元到49美元不等。我们还可以选择“现收现付”系统。图标文件有SVG、PNG、ICO、ICNS和Adob??eIllustrator格式，大小从16×16到512×512不等。如果找不到您喜欢的东西，或者只想要专为我们的品牌设计的自定义图标，您还可以与网站上一些最优秀的设计师合作。亮点：免费和付费使用选项灵活的搜索功能多种格式的图标许多类别和样式图标编辑器Project提供了Web上最大的图标库之一。该网站的大部分图标都提供SVG和PNG格式以及黑白格式。该站点的库包含由各种独立设计师创建的图标文件。在这里，创作者和创意专业人士可以合作销售他们的设计，并找到看似无穷无尽的优质图标库。搜索这个庞大而全面的图标库很容易。这个图标库的其他主要功能包括免费和付费下载选项、许多大图标集、适用于Mac的应用程序等。这个图标库会定期更新，每天都会发布新的图标和集合。亮点：超过150,000个SVG、PNG格式的图标搜索和发现工具免费和付费下载选项几乎每天都有新图标上传Fontawesome图标URL：https://fontawesome.com/icons格式和类型：SVG、PNG、图标字体、市场价格和许可证：SILOFL1.1FontAwesome是周围使用最广泛和最受欢迎的图标字体。这也是团队启动时的默认图标集。它也可以作为SVG图标以及其他格式使用。此许可证可免费用于任何商业或个人用途。每个图标都可以直接在CSS中完全扩展和维护。我们可以使用纯CSS3更改颜色、阴影、背景渐变以及几乎所有其他内容。使用该库的另一个原因是它经过全面优化，完全不需要JavaScript，因此不存在兼容性问题。亮点：矢量字体每个图标都带有CSS类和Unicode免费构建时考虑了可访问性易于跨站点升级整个图标库的桌面备忘单LineiconsURL：https://lineicons.com/SVG、Web字体、图标字体价格和许可证：免费LineIcons还提供免费的CDN和清晰的文档，使其易于上手。这个图标包是完全免费的，带有超过450个线条风格的图标。它涵盖了不同类别项目所需的每个基本图标。LineIcons还提供免费的CDN和清晰的文档，让您轻松上手。它带有2个不同的可扩展包——可以根据项目需要使用WebFonts和SVG文件。亮点：450+免费图标SVG文件免费CDN总结选择图标库不应该看图标库的流行程度，而是看哪个图标库更适合当前的开发项目，哪个图标库的风格更符合我们的应用程序风格。希望本文能帮助您选择最适合您需求的解决方案。代码部署后可能存在的bug，无法实时获知。事后为了解决这些bug，花费了大量的时间在日志调试上。顺便推荐一个好用的bug监控工具Fundebug。来源：https://blog/top-icons-packs-...交流文章每周更新。可以微信搜索“大千世界”立即阅读更新（比博文早一两篇），本文的GitHubhttps://github.com/qq449245884/xiaozhi已经收录，还有很多我的文件已经整理好了。欢迎明星和完美。面试可以参考考点。另外，关注公众号，在后台回复福利，就可以看到福利，你懂的。
