城西网站建设公司:10款最适合网页设计师的免费图标字体

城西网站建设公司

开源网页字体让设计师从根本上改变他们的网页设计和排版风格。其中一些网页字体使用图标集将基于矢量的图标引入到css中。

如果你正在为你的网站寻找100%的免费图标字体,那么这个帖子已经收集了所有最好的。每个图标包是完全免费的SVG矢量和网页格式,包括在您的样式表和网页。

您可以要求的所有图标、字体、Web模板和设计资产

Devicons网络字体
城西网站建设公司:10款最适合网页设计师的免费图标字体

1.艾康船长

图标Weibcons

我个人最喜欢的网页字体是由设计师Mariodel Valle创建的队长图标包。这是一个完全免费的开源项目,托城西网站建设公司管在GitHub上,带有向量文件和网页字体。

我最喜欢这个图标包的是风格。每个图标都有一个非常独特的设计,它们都是从头开始画的。这使得他们脱颖而出,远远高于其他更通用的图标集。

但我认为每个项目都没有船长图标的工作。它最好用在有手绘风格的创意网站上。

2. Octicons

打字图标集

GitHub最近开放了自己的图标包,名为Octicon。这个自由的图标集目前在5.0版本,包括几十个图标与一些基本的符号。

这些图标可以在整个Github网站中找到。但他们只是简单而已,他们可以在任何界面上工作。

如果你需要一个简单的,轻量级的图标字体,那么Octicon不会让你失望。

3. Typicons

字体令人敬畏的图标集

与圆角和更简单的轮廓,台风集是完美的任何网站。它有330个独特的图标,都有相似的风格。

该包是完全免费的,也可以在GitHub上使用。这意味着你可以将图标直接包含到你的网站中,甚至可以根据需要对它们进行编辑。

很少有人知道台风,但它是一个更好的图标网页字体可用。他们甚至可以通过一些小的调整和特殊的代码片段为IOS工作。

4. Zondicons

zondicons象集

Zondicon完全免费,而且很容易添加到您的站点中。不幸的是,它们没有托管在GitHub上,因此它们没有更新存档。

但是您可以看到演示页面上的所有示例,包括需要哪些CSS类才能正常工作。Zondicons的主要下载链接来自网站,因此很难城西网站建设公司判断它们是否更新过,或者是否添加了新的图标。

如果你喜欢更简单的设计,我推荐这种网页字体。这使得图标使用起来容易得多,但它们也可以更“通用”的风格融入网站。

5. Entypo

离子图标网页字体

网络字体图标家庭Enypo已经存在了好几年了。这些图标是一流的,当涉及到免费赠品时,城西网站建设公司它们是最重要的。

新图标是偶尔添加的,它们非常容易访问。字体也分为两个包:主包和社交包。因此,如果您不需要社交媒体图标,您可以减少字体文件大小相当大。

Enypo配备了400多个图标和一个辉煌的CC共享许可证。要了解更多关于安装和定制图标的信息,您应该阅读FAQ页面并访问主要的GitHubrepo。

6.MFG实验室

八进制网页字体

此列表中的新字体之一来自MFG实验室,并设置了自己的图标。它是完全免费的,托管在GitHub上,供全世界访问。

每个图城西网站建设公司标都使用CSS中的Unicode PUAs填充标准的Web字体格式。这在所有浏览器中都是完全语义的,有助于减少与其他CSS代码的冲突。

MfgLabs图标具有从牛群中脱颖而出的独特风格。我绝对推荐此图标字体用于任何类型的网站、商业或其他类型的网站。

7. Ionicons

材质WebFont图标

本地开发人员喜欢Ionic框架,这是网络到移动应用程序最受欢迎的选择之一。Ionic团队决定将他们的图标发布为一个叫做Ionicons的网络字体。

当然,它们在GitHub上是完全免费的。您甚至可以使用样式表的CDN版本将这些图标直接添加到站点。

我最推荐的是新手的Ion图标,他们以前还没有使用过图标字体。它们“超级容易安装”,一旦您了解他们的工作原理,您就可以在那里移动到相当多的其他图标WebFont。

8.字体太棒了

最初的网页字体和Bootstrap的个人选择,字体Awome可能是大多数网页设计师的决定性选择。

字体已经存在多年了,它被广泛认为是第一个主要的开源图标字体。它经常使用新图标获得新的更新,目前在GitHub上免费下载V4.7版。

在CSS中,每个图标都是完全可伸缩和可维护的。您可以使用纯CSS 3更改颜色、阴影、背景渐变或其他几乎任何东西。

这是迄今为止最安全的图标集之一,你可以使用,你知道,它将在这里的长期。

9.材料设计图标

谷歌的材料设计为Web上的UI/UX带来了一种新的方式。这导致了许多新的框架和资源,包括此材料设计图标字体。

这些材料图标是完全免费的,并可在GitHub上访问。这个图标包绝对是巨大的,超过1,000个图标覆盖广泛的界面功能。

并且因为它是开源的,您可以在任何项目上自由使用这些图标,甚至在需要时自定义图标。对于任何与谷歌的网站上的谷歌材料指南合作的人来说,都是完美的。

10. Devicons

DeviconsPack是一种较新的网页字体,您可以尝试将重点放在技术标识和品牌上。

这个图标字体有你能想到的每一个标志,从像谷歌这样的大科技公司到新的CMS标志,比如幽灵。我承认,这只对那些想要矢量技术标识的网站是有用的,而这些标志肯定不是大多数。

但这是一个巨大的图标设置,它是完全免费的!您将在此页面上找到安装详细信息,可以使用免费的CDN版本来减少加载时间。

包起来

挑选10个图标字体很难,因为每年都会发布这么多新字体。但这些是我的首选,如果你推荐其他人,一定要在下面的评论中分享。




二维码