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

[designer]

草莓图标库

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

http://chuangzaoshi.com/icon/

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

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

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

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

[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]

支持。