分享丨做了个前端字体图标库：草莓图标

[designer]

草莓图标库

为开发者设计的一套免费开源图标库！

http://chuangzaoshi.com/icon/

这套图标是我和设计朋友用 Illustrator 和 Sketch 将每个图标设置成 16X16 的像素方格大小精心绘制。所有线条都尽量保持了 1 像素，风格统一，为了兼顾商业大众项目，在识别度方面，通用性和个性差异化上做一个均衡。我们会定期新增和优化草莓图标库。力求矢量图的像素级别的完美显示。

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

草莓图标的最初版本，也是为了我们自己的项目设计使用，随着图标越来越多，现在使用 SIL OFL 协议免费开源分享给有需要的开发者朋友，也同样希望给大家提供多一个选择！ 也很感谢流浪小猫 @xcatliu 和一些技术小伙伴。

欢迎访问→ 草莓图标
github 地址→ https://github.com/xiangsudian/caomei

作为设计师，技术是薄弱点。如果有前端小伙伴有时间并且愿意一起维护这个开源项目
可以私信！谢谢！

感谢 @leopku
图标放大颤抖的问题已经修复了

修复了下命名的问题，新增了一些图标。
更新到了版本 1.0.1

[yu7er]

好棒，希望能加上框架 logo 之类的，谢谢！

[designer]

@yu7er 嗯 你说的是各大语言的框架 logo 吧。主要是针对前端开发者的需求。后期会不断地新增，

[isCyan]

网页里面有两个 czs-android 一个安卓图标一个苹果图标
czs-chorme 应为 chrome
zhifubao 不是有名字叫 alipay 吗

[designer]

@isCyan 233 图标太多了，在导出和编辑成字体文件的时候，输入有误。感谢提醒

[sxw11]

提个不知道算不算 bug 的意见哈，官网那些图标在鼠标悬停到变大之前一直在颤抖，看这有点不舒服 0.0
Chrome 58.0.3029.96

[designer]

@sxw11 谢谢，下次争取搞的尽享如丝般顺滑

[droiz]

滋瓷！感谢！

[ivmm]

赞一个！

[wolfan]

啥时候能上国旗 and 国徽就更新爱了喵～

[intellectual]

点赞，不过，新的花样又来了，ios11 里面一部分线图标变面图标了...

[intellectual]

16px 有点小，如果默认可选大点的像素，找图标就不费神了。

[designer]

@ivmm 感谢，都成了老朋友了。
@wolfan 开发者的需求真是深不可测啊

[designer]

@intellectual
16px 是 web 标准的最小图标。在这个像素下绘制，也就是为了保持图标的精致性。我在演示站点把字体换成了 16px，为了大家能看到图标在最小效果下的实际样子。
字体图标在实际应用的过程中，你可以自行设置尺寸(16x16 24x24 32x32 40x40 )。

草莓图标，目前有线性也有相对应的实心图标(未来一个图标都会尽量做这两个配套)。

[jinzhe]

能自定义下载就好了
演示站可以设置大小

[designer]

@jinzhe 有这个打算，目前在找前端小伙伴

[zangbob]

感谢分享，看了下图标非常不错，更重要的是避免了版权纠纷。。

[designer]

@zangbob 感谢

[learnshare]

demo 给的图标有点小，鼠标 hover 动画有点抖动

[Showfom]

支持一下

[Kilerd]

支持。

[Martox]

以后支持一下

[jin5354]

支持

[580a388da131]

哇哦 非好东西 常感谢

[levie]

支持！以后应该能用到 😄

[designer]

@levie 欢迎 snipaste 加入草莓豪华大餐！

[290601953]

http://www.iconfont.cn/ 和这个区别是?

[290601953]

竟然不能删除自己的评论....尴尬了....发完才看到主题里面写了..

[designer]

@290601953
没事，iconfont 是可以在线制作和上传的以及提供图标素材下载的大众化平台。
而草莓是一个走个性化精致风格方案的图标库。

[ajan]

赞一个！

[mokeyjay]

先点赞

[Slengl]

支持

[OctoCat]

纯支持

[dreammes]

支持

[designer]

@Martox
@jin5354
@ajan
@mokeyjay
@Slengl
@OctoCat
@dreammes
不一一点赞了，感谢各位。

[6ovo9]

bilibili 好萌

[designer]

@6ovo9 以后会增加一些二次元元素图标，毕竟很多开发者都已经萌化了。

[4396NeverBeSlave]

支持一下

[652600543]

没有任何理由的支持！！

[killerv]

很不错

[leopku]

@designer 楼主留一个联系方式，微信、QQ、tg 均可

[cnzzz]

点赞

[xcatliu]

强烈支持

[metrue]

awesome !!!!

[yjgoo]

支持！

[LuciusChen]

hover 的时候放大感觉在抖（ facepalm

[designer]

@leopku 更新啦 个人中心，欢迎勾搭！

[fengtalk]

不错，强烈支持！

[zlg]

支持！

[suantong]

真棒。我一直想找能区分 Facebook share, Facebook invite, Facebook likes 的图标，楼主整不？。

[designer]

@suantong 版本在 2.0 会做一套手势的不同动作

[shisaq]

做得真棒！！！

[leopku]

@designer 已加，请通过

[Biwood]

好奇这些 font icon 使用什么工具制作的，收费平台还是开源软件？有推荐的工具么

[designer]

@Biwood 草莓采用的 icomoom 国内的 用阿里的 iconfont 就 ok 拉

[designer]

@leopku 已加！

[cuit4017]

看起来很不错😎

[designer]

@cuit4017 希望能满足你各种姿势

[pulelt]

很酷呀

[wensonsmith]

厉害了！ 图标很赞