您的位置：首页 > 其它

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

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





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

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

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

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

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

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

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

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





草莓图标库使用方法：

下载草莓图标库文件，将整个文件放入到你的项目中。
在 <head> 标签中添加 <link rel=”stylesheet” href=”项目路径/caomei.css”>
在需要图标的地方添加对应 class 的 <span> 即可，例如实心图标，<span class=”czs-heart”></span>
在fontawesome中，使用的是<i>标签，其实并没有太大区别...

草莓图标库官网-->草莓图标 
  http://chuangzaoshi.com/icon/
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航