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

2017-06-14 12:41:45 +08:00
 designer

草莓图标库

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

http://chuangzaoshi.com/icon/

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

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

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

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

7968 次点击
所在节点    分享创造
59 条回复
yu7er
2017-06-14 12:57:54 +08:00
好棒,希望能加上框架 logo 之类的,谢谢!
designer
2017-06-14 12:59:35 +08:00
@yu7er 嗯 你说的是各大语言的框架 logo 吧。主要是针对前端开发者的需求。后期会不断地新增,
isCyan
2017-06-14 13:02:14 +08:00
网页里面有两个 czs-android 一个安卓图标一个苹果图标
czs-chorme 应为 chrome
zhifubao 不是有名字叫 alipay 吗
designer
2017-06-14 13:04:26 +08:00
@isCyan 233 图标太多了,在导出和编辑成字体文件的时候,输入有误。感谢提醒
sxw11
2017-06-14 13:11:02 +08:00
提个不知道算不算 bug 的意见哈,官网那些图标在鼠标悬停到变大之前一直在颤抖,看这有点不舒服 0.0
Chrome 58.0.3029.96
designer
2017-06-14 13:17:13 +08:00
@sxw11 谢谢,下次争取搞的尽享如丝般顺滑
droiz
2017-06-14 13:46:26 +08:00
滋瓷!感谢!
ivmm
2017-06-14 13:47:19 +08:00
赞一个!
wolfan
2017-06-14 13:50:41 +08:00
啥时候能上国旗 and 国徽就更新爱了喵~
intellectual
2017-06-14 13:54:56 +08:00
点赞,不过,新的花样又来了,ios11 里面一部分线图标变面图标了...
intellectual
2017-06-14 13:55:47 +08:00
16px 有点小,如果默认可选大点的像素,找图标就不费神了。
designer
2017-06-14 13:56:23 +08:00
@ivmm 感谢,都成了老朋友了。
@wolfan 开发者的需求真是深不可测啊
designer
2017-06-14 14:00:17 +08:00
@intellectual
16px 是 web 标准的最小图标。在这个像素下绘制,也就是为了保持图标的精致性。我在演示站点把字体换成了 16px,为了大家能看到图标在最小效果下的实际样子。
字体图标在实际应用的过程中,你可以自行设置尺寸(16x16 24x24 32x32 40x40 )。

草莓图标,目前有线性也有相对应的实心图标(未来一个图标都会尽量做这两个配套)。
jinzhe
2017-06-14 14:41:42 +08:00
能自定义下载就好了
演示站可以设置大小
designer
2017-06-14 14:46:59 +08:00
@jinzhe 有这个打算,目前在找前端小伙伴
zangbob
2017-06-14 14:47:41 +08:00
感谢分享,看了下图标非常不错,更重要的是避免了版权纠纷。。
designer
2017-06-14 14:50:43 +08:00
@zangbob 感谢
learnshare
2017-06-14 14:54:46 +08:00
demo 给的图标有点小,鼠标 hover 动画有点抖动
Showfom
2017-06-14 15:09:29 +08:00
支持一下
Kilerd
2017-06-14 15:17:42 +08:00
支持。

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/368308

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX