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

爱意满满的作品展示区。

This topic created in 3280 days ago, the information mentioned may be changed or developed.

enter image description here

草莓图标库

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

http://chuangzaoshi.com/icon/

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

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

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

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

Supplement 1 · Jun 14, 2017

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

Supplement 2 · Jun 15, 2017

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

Supplement 3 · Jun 17, 2017

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

图标

草莓

iconfont

开源

59 replies • 2017-06-16 00:03:06 +08:00

yu7er

Jun 14, 2017 via Android

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

designer

Jun 14, 2017

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

isCyan

Jun 14, 2017 via Android

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

designer

Jun 14, 2017

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

sxw11

Jun 14, 2017

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

designer

Jun 14, 2017

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

droiz

Jun 14, 2017

滋瓷！感谢！

ivmm

Jun 14, 2017

赞一个！

wolfan

Jun 14, 2017 via Android

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

intellectual

Jun 14, 2017

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

intellectual

Jun 14, 2017

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

designer

Jun 14, 2017

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

designer

Jun 14, 2017

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

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