十大网页设计师的最佳免费图标字体

本文概述

• 10. Line awesome
• 9. Icono
• 8. Devicons
• 7. Stackicons
• 6. Genericons
• 5. Feather Icons
• 4. Material Design Icons
• 3. Octicons
• 2. Ionicons
• 1. Font Awesome

图标和图形填充了字体, 而不是字母或数字, 基本上是一种图标字体, 你可以在Web项目中使用它, 而不用使用图像作为图标。为了使用图标字体, 你只需要将图标webfont嵌入CSS中, 然后从字符映射表中选择图标, 通常在i或span元素中具有特定的类, 这样图标就会显示在元素中。

在此顶部, 我们将与你分享10种最现代和易于使用的图标字体, 你可以在新项目中使用它们来创建交互式和直观的应用程序。

10. Line awesome

Github

Line awesome是一种图标字体, 可以使用单行代码将其替换为现代的行图标。它提供了广泛的主题, 例如医学, 品牌, 视频, 定向, 文本版本, 图表, 表单控件, 交通图标等等。

9. Icono

Github

Icono是一个轻量级的图标库, 可让你仅使用一个CSS即可显示漂亮的图标, 而无需使用字体或svg。

8. Devicons

Github

Devicons是为开发人员, 代码jedis, 忍者, HTTPster, 福音派和书呆子(sic)开发的标志性字体。它提供了100多个图标, 可在你的下一个项目中使用。由Theodore Vorillas Devicons创建, 手工制作和编码, 包含85个矢量化的锐利字形。 Devicons标志性字体可免费使用, 并在麻省理工学院获得许可。

7. Stackicons

Github

Stackicons是网络上的图标字体, 旨在做更多工作-具有多个按钮形状和独特的”多色”选项。由Parker Bennett创建的Stackicons-Social字体和基于Sass的构造工具包是免费和开放源代码。

6. Genericons

Github

Genericons是一款很棒的轻量级通用外观图标套件, 适用于博客或简单网站。

5. Feather Icons

Github

Feather是简单美丽的开源图标的集合。每个图标均以24×24网格设计, 强调简洁性, 一致性和可读性。 Feather的核心是SVG文件的集合。这意味着你可以使用使用SVG的所有相同方式使用Feather图标(例如img, 背景图片, 嵌入式, 对象, 嵌入, iframe)。

4. Material Design Icons

Github | Github Webfont

Material Design Icons是该社区的2400多个庞大图标集合。 Material Design Icons不断增长的图标集合使设计人员和开发人员可以将目标瞄准各种平台, 以任何项目所需的格式, 颜色和大小下载图标。

3. Octicons

Github

Octicons是GitHub团队手工制作的可扩展图标集, 主要基于SVG。

2. Ionicons

Github

Ionicons是开放源代码(由MIT许可)的高级设计图标, 可用于Web, iOS, Android和桌面应用程序。 Ionicons是为Ionic Framework构建的, 因此图标同时具有Material Design和iOS版本。与Ionic一起使用时, ion-icon组件将根据你的平台自动使用正确的版本。此外, 在Ionic之外使用时, 应用程序可以选择ios和md平台。

1. Font Awesome

Github

Font Awesome 4是一整套675个象形图标, 用于由Dave Gandy创建和维护的网站上易于缩放的矢量图形。在被许多Web开发人员和设计师使用后, Font Awesome从头开始进行了重新设计和构建, 发布了Font Awesome5。此外, 还包括图标字体连字, SVG框架, 面向流行的前端库(如React)的官方NPM软件包, 并访问新的CDN。

如果你知道另一种很棒的开源图标网络字体, 请在评论框中与社区共享。