使用图标是让你的设计更有趣、更吸引眼球的最快、最简单的方法之一。添加适当的图标可以使用户界面更加清晰，引导用户浏览页面，向他们展示每个按钮或链接的功能。
在这篇文章中，我们收集了9个最可靠和最漂亮的图标包。我们把它们分为三类：字体图标、SVG和CSS图标。在掌握这些资源之前，让我们快速了解一下每种类型的优缺点：
大量使用基本样式要求的图标时，图标字体可以正常工作。它们是单色的，最适合简单的形状。图标字体被浏览器视为文本，因此您需要对其进行标准化，以避免文本抗锯齿，几乎所有浏览器都支持图标字体。
可缩放矢量图形(SVG)是一种基于XML的矢量图形格式，可以缩放到任何大小而不会失去清晰度。它们可以通过使用CSS、object标签、img标签来显示，或者直接嵌入到HTML中。现代浏览器支持SVG，但IE和Android 2.3及以下的较低版本缺乏支持。
如果你需要使用几个图标，CSS图标是最有效的。你所需要做的就是复制你最喜欢的图标的CSS并粘贴到你的项目的样式表中。如果你打算使用大量的图标，不推荐使用。在浏览器中，图标的风格也不同。
型3360SVG
图标数量3360 240
许可证：麻省理工学院
Feather是最流行的开源图标集之一。的所有图标都设计在24x24的网格上，具有相同的圆角样式和一致的外观。易于框架集成的项目可用于Angular、Vue和React。
类型： SVG，PNG，图标字体
图标数量3360 730
CCBY牌照：号
Linea提供了大量精致的现代图标，其特点是外观清晰，轮廓分明。所有的图标都有不同的类别，包括基础、音乐、电商、软件等等。
型3360SVG
图标数量3360 170
许可证： GitHub
Octicons是GitHub的一个可扩展的手动SVG图标集。包括gitHub和编程相关的图标，比如数据库图标，Git操作图标等等。
型3360SVG
图标数量3360 800
许可证： CC BY-SA 4.0
在项目的GitHub中，可以下载Node.js脚本自定义图标包。这种方法适合于只包含您真正需要的图标。
键入
:图标字体
图标数量3360 675
许可证： SIL OFL 1.1
最受欢迎的网页图标字体(GitHub上超过50，000颗星)，Font Awesome提供了大量的图标，这些图标是为可伸缩性、通用浏览器支持和良好的视觉障碍用户可访问性而构建的。
键入
:图标字体
图标数量3360 260
许可证：麻省理工学院
IonFramework为下面的团队树立了一个非常漂亮的图标。提供了260多个漂亮的图标，有些是粗平风格，有些是现代的细线风格。
键入
:图标字体
图标数量3360 900
许可证：阿帕奇
谷歌材质设计语言的官方图标和安卓中的所有图标。它包含了900多个图标，所有的图标都是以一致的材质风格制作的，这保证了你在使用项目的时候有一个一致的风格。
键入
: CSS图标
图标数量3360 130
许可证：麻省理工学院
纯CSS图标的集合。要实现它们，只需下载。css样式表，创建一个空的HTML元素，然后添加相应的类。的所有图标都是这样的，只需要一个HTML元素就可以工作。
键入
: CSS图标
图标数量3360 190
许可证： CC0 v1.0通用版
CSS图标集完全由CSS构成。该项目有一个很棒的演示网站，你可以检查图标，看看他们设计的每个部分是如何实现的。如果您只需要一两个图标，您可以简单地复制它们的CSS并将其粘贴到您的样式表中，而无需下载任何内容。
