国人开发的一套免费开源图标库 草莓图标库

王小优
王小优
王小优
231
文章
0
评论
2015年11月2日 评论 940 960字阅读3分12秒

目前国内网页开发中使用较多的矢量图标库为Fontawesome,今天给大家推荐一套免费开源图标库,国人开发更加符合国内的使用习惯。

在网页制作中,我们需要插入一些修饰性质的小图标来增加页面的显示效果。以前比较流行图片icon图标,但随着设备多样化、分辨率不同,矢量图标成为一个较为完美的解决方案。目前国内网页开发中使用较多的矢量图标库为Fontawesome,但由于是国外的作品,我们用起来似乎不是那么方便。今天给大家推荐一套免费开源图标库,国人开发更加符合国内的使用习惯。

国人开发的一套免费开源图标库 草莓图标库

草莓图标库是一个为开发者设计的一套免费开源图标库。

以下描述来自开发者自述:

这套图标是我和设计朋友用Illustrator和Sketch将每个图标设置成16X16的像素方格大小精心绘制。

所有线条都尽量保持了1像素,风格统一,为了兼顾商业大众项目,在识别度方面,通用性和个性差异化上做一个均衡。我们会定期新增和优化草莓图标库。力求矢量图的像素级别的完美显示。

有些设计我自己也习惯去用阿里iconfont平台的图标,类别比较丰富,但是也存在许多其他问题:设计师风格不同,图标线条粗细不一致,关键一点图标商业版权风险。

草莓图标的最初版本,也是为了我们自己的项目设计使用,随着图标越来越多,现在使用SIL OFL(SIL 开源字体授权) 协议免费开源分享给有需要的开发者朋友,也同样希望给大家提供多一个选择!

也很感谢流浪小猫和一些技术小伙伴。

可以看得出,草莓图标库在整体风格上非常接近Fontawesome,但草莓图标在分类上做的非常用心,诸如“开发图标”“基础图标”“国外品牌”这些细致的分类,让我们可以非常方便的挑选到合适的图标。笔者特别喜欢的就是其中“线形图标”这一分类,简约的风格在当前还是比较流行的。

国人开发的一套免费开源图标库 草莓图标库

草莓图标库使用方法:

  1. 下载草莓图标库文件,将整个文件放入到你的项目中。
  2. 在 <head> 标签中添加 <link rel=”stylesheet” href=”项目路径/caomei.css”>
  3. 在需要图标的地方添加对应 class 的 <span> 即可,例如实心图标,<span class=”czs-heart”></span>

在fontawesome中,使用的是<i>标签,其实并没有太大区别...

草莓图标库官网:http://chuangzaoshi.com/icon/

若文章图片、下载链接等信息出错,请在评论区留言反馈,博主将第一时间更新!如果喜欢,请打赏支持本站,谢谢大家!
  • 我的微信
  • 微信扫一扫
  • weinxin
  • 我的微博
  • 微博扫一扫
  • weinxin
王小优
接入百度云加速后解析企业邮箱教程 好文资讯

接入百度云加速后解析企业邮箱教程

昨天试了一下百度云加速,导致企业邮箱发送失败,原因是并没有正确解析邮箱导致的。我用的阿里企业邮箱,企业邮箱后台提示需要到DNS服务商添加邮箱解析。 这里以阿里云企业邮箱为例,进入企业邮箱管理,设置解析...
什么是OPCM、OCPC、OCPA广告? 好文资讯

什么是OPCM、OCPC、OCPA广告?

如果你作为广告主当你在做头条、百度信息流广告投放的时候,会看到出价策略有OPCM、OCPC、OCPA,这些是什么意思呢?跟CPM、CPC、CPA有什么不同? 想必大家都知道广告类型分CPC、CPM、C...
匿名

发表评论

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: