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

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

草莓图标库 - 为开发者设计的一套免费开源图标库 1

来自创造狮的 @像素君 再次推荐,以下内容由 @像素君 提供。

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

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

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

草莓图标库 - 为开发者设计的一套免费开源图标库 2

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

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

使用方法

  1. 将整个草莓图标库的目录复制到你的项目中
  2. 在 <head> 标签中添加 <link rel=”stylesheet” href=”path/to/caomei.css”>
  3. 在需要图标的地方添加对应 class 的 <span> 即可,已书籍图标为例,<span class=”czs-book”></span> 即可

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

5 条留言

  1. 像素君 2017/06/16 回复
  2. 飞鸟博客 2017/06/17 回复
  3. 何为贼 2017/06/17 回复
    • yu 2017/07/18 回复
  4. Chinalidsin 2018/03/24 回复

写留言