最好的免费和付费的图标字体 - 字体很棒的替代方案

最好的免费和付费的图标字体 - 字体很棒的替代方案


我们讨论了代表Web开发图标的最佳服务,描述了每个人的利弊,并建议您选择最好的服务。

寻找您网站的独特图标?经常碰到字体令人敬畏,但没有找到有趣的东西?然后一定要阅读这篇文章 - 在这里,我们告诉您图标字体是什么,描述了许多免费站点,也可以为每个服务提供图标样本。让您选择创建独特的外观!

字体令人敬畏的最佳替代方案

图标字体长期以来一直用于网页设计,为网站创建美丽的图标。图标字体是一组符号转换为不同主题的图像。这样的字体实际上是一个文本文件,它使用CSS转换为图片。

使用图标字体的专业

  • 它们可以以任何方式修改:指定大小,颜色,背景,阴影,渐变,应用伪类:悬停或焦点 - 创建自己的风格。
  • 他们可以动画。
  • 增加或减少图标的大小不会影响质量,因此即使在视网膜显示器上也可以正确显示。
  • 与常规图像相比,它们更轻,负载更快。
  • 要下载图标字体,您只需要一个HTTP请求,这可以显着提高站点上装入页面的速度。
  • 它们由所有浏览器(甚至非常旧版本)提供支持。

目前,最受欢迎的字体是字体令人敬畏。它几乎已知几乎所有参与网站开发的人。它最初为Bootstrap创建,但现在已成为一个独立的图标和图像库,具有超过600个图标。

但是,尽管如此,有许多具有相似内容的网站。来自其他发布商的免费或付费字体也有自己独特的图标,在为您的网站选择自己的徽标时,这是有用的。我们将在本文中告诉您他们 - 关于最佳和最完整的图标字体,可能会使您适合字体令人敬畏的替代品。

免费字体集

1. WebhostingHub雕文

其中一个最大的图标集,它包含2075个图像。可以以两种尺寸(16和32像素)以PNG格式下载它们。您可以更改图标的颜色,它们的尺寸,如在许多其他图标中。该网站甚至具有如何完成的示例:随机图片旁边的四个滑块确定其大小,颜色,阴影和阴影的焦点。

即使为孩子,该网站实际上是非常用户友好的,可以理解。所有图标都分为类别,几次有一个文件下载整个字体的按钮,下面有一个详细的说明,其中有一个详细的说明书,示例是如何在代码中正确使用此图标字体的示例。

webhostinghub雕文

2. Dashicons - 官方WordPress

Dashicons是由Mel Choyce设计的图标字体,专门针对新的WP Admin界面铺设。这是值得一试的字体真棒的绝佳选择。

关于WordPress的Dashicons的伟大之处之一是,可供选择的图标分为类别,使您可以轻松找到所需的图标类型。一眼。该工具甚至带有过滤器搜索栏,并且每个图标都被编号以使其易于找到它们。

目前,Dashicons WordPress库包含197个图标,分为15个部分:

  • 管理员菜单;
  • 欢迎屏幕;
  • 邮寄格式;
  • 媒体;
  • 图像编辑;
  • Tinymce;
  • 帖子屏幕;
  • 排序;
  • 社会的;
  • WordPress.org具体:作业,配置文件,WordCamps;
  • 产品;
  • 分类学;
  • 小部件;
  • 通知;
  • 杂项。

该公司定期添加新图片的更新,以及改进的系统能力。然而,这个集合仍然缺乏一些图标,例如社交网络。

在官方网站上,您将看到此界面。当您单击您所喜欢的图标时,它将以多种格式显示其链接旁边的标题:CSS,HTML和字形。

Dashicons - 官方WordPress

3.离子

此字体令人敬畏的替代功能528不同的图标,以适应各种菜单,内部列表和标签。公司的座右铭是:“用手做爱”。您可以通过注意这些图标的细节来相信这一点。

离子释放他们的图标用于iOS,Android,Web应用程序和桌面上的移动应用程序。他们有开源代码,这极大地促进了现场设计的工作。它看起来如何在下面的屏幕截图中显示。

离子 is a product of the Ionic company, which not only creates icons for websites, but also offers users a range of products that are convenient for website developers. They allow you to create, secure, and deliver enterprise-grade applications on any platform.

离子

4.标准HTML字符

除了特别创建的服务外,不要忘记完全免费的各种HTML图标的集合。您可以在保持良好的图像质量的同时更改其大小和颜色。

所有图标都处于粗线状态,代码对每个人都开放。在我们看来,标准的HTML字符是字体令人敬畏的替代品。

标准HTML字符

5. Linea Iconset.

Linea Iconset有716个象征在其各种各样的图标,您可以帮助您可以建立更好的用户,因为在现代世界中,有许多单词和文本到任何内容。本网站提供了在区域中下载整个图标集合,例如“音乐”,“电子商务”等。图标本身看起来像形成特定值的图纸的线条。

此外,Linea Iconset的官方网站为您提供了几个网站,您可以找到Web开发的免费图标。我们不会为他们列出它们的原因。

Linea Iconset

6. Android图标

优质的服务,欢迎嘉宾,致内致内。它的库中有250个符号,您可以绝对免费使用 - 毕竟,Android图标是开源 - 在CSS的帮助下,您可以更改它们:更改大小,形状,颜色。

该网站直观,即使在不下载整包图标,也可以使用该字符代码。您可以在下面的照片中看到其中一些。

Android图标

7.主题图标

此服务提供了一套完整的图标,用于Web设计和应用程序。所有320个图标分为诸如方向箭头,Web应用程序图标,文本编辑器等的组。

主题图标由WordPress提供支持,因此它们的图标可以轻松地在任何WordPress主题上使用:要添加到菜单,小部件标题或其他选项。

主题图标

8.堆积架

虽然该网站为图标提供了很少的选择(总共60个),但它们非常明亮,色彩亮,也很容易改变颜色,体积,与其他符号相结合,尺寸可以增加或减少,而不会损失图像质量。图标完美地适合大多数现代的社交品牌,从App.net到Zerply。对于内部联系人链接,堆积就像其他一样。

堆积

9. GitHub的八十家

这些图标分为两种格式:16和24像素。尽管这些“列表”具有不同的图标,但它们中的每一个都可以以更大或更小的形式表示。总共有大约250个图像加密到文本文件的总数。

GitHub的Octicons创建了自己独特的开源图标,允许用户以SVG格式复制或下载代码,以及Ruby,Jekyll并反应。

GitHub的octicons.

10.材料设计标志性字体

材料设计标志性字体允许您使用各种颜色的各种谷歌友好图标。此字体由设计器Google Rements基于CSS创建,即,您可以使用建议的图标执行此编程语言中的所有可用操作。

所有777个图标完全免费提供,以及如何使用每个图像的代码的详细描述是官方网站的主页面。即使是新手网络设计师也能够在没有任何问题的情况下在他的工作中使用这一集。

材料设计标志性字体

付费字体

icomoon.

该服务在其存储库中拥有超过1600个图标,并提供尝试免费版本,其中包含490个样本。对于具有溢价术语的全套服务,具有许多传染媒介格式和Photoshop形状,该网站要求59美元。这笔钱被为期两周的保证支持。

当然,您可以根据需要修改购买的图标集。在这里,您可以在不多努力的情况下创建自己的独特风格。

icomoon.

2.简化

此服务提供超过75000(!)不同的图标。他们惊讶于他们的独特性,亮度和品种,你一见钟情就爱上了他们。

精简图标是少数允许您使用草图的服务之一,谢谢您可以更改图标的颜色和其线的厚度。在网站上,每个样本都以三种类型的类型提供:光,常规和粗体。 精简有免费试用,但也提供付费服务包。例如,整套徽章可以每年228美元立即购买。此包装附带SVG和PDF格式,高分辨率图像的矢量文件,以及无需归因的使用产品。

精简

3. 弗拉蒂顿.

国家国旗,社交媒体,业务分析只是这项服务的一些不受欢迎的部分。不寻常的图标具有由专业设计者和普通用户创建的难以想象的108,683套。您还可以创建自己的图标集并在同一站点上销售。

文件格式也是不同的:PNG,PSD,SVG,EPS和Base 64.您可以轻松导入Illustrator,After Effects和Photoshop的图标。

高级套餐每月费用为40.50欧元,让您可以访问专用插图,全方位许可权限并删除广告。还有免费样品,其中许多网站令人惊讶的是:超过200万。创建者每月添加新图标,因此集合不限于此号码。

弗拉蒂顿

4.粉碎

每月只需​​5美元的姆什基斯可以访问所有现有图标,以及将来将添加的图标。所有图标都以两种格式作为可编辑向量呈现:PNG和SVG。不断添加新图标,也有开源设计资源。 姆什基斯为您的创意项目带来了174个资源。

姆什基斯

结论

在互联网上,您可以轻松找到许多服务,可免费提供数千个美丽的图标。在他们的帮助下,您可以在社交网络上设计一个网站或页面。有许多替代方案令人敬畏,但不幸的是,俄语网站很少。虽然,即使没有翻译,也很清楚如何找到所需的图标和代码。字体令人敬畏不是唯一值得看的服务,越来越多的网站每天都会突出唯一的图像。





评论 (0)

发表评论