V2EX 首页   注册   登录
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
V2EX  ›  分享创造

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

  •  5
     
  •   designer · 130 天前 · 3108 次点击
    这是一个创建于 130 天前的主题,其中的信息可能已经有所发展或是发生改变。

    enter image description here

    草莓图标库

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

    http://chuangzaoshi.com/icon/

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

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

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

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

    第 1 条附言  ·  130 天前
    作为设计师,技术是薄弱点。如果有前端小伙伴有时间并且愿意一起维护这个开源项目
    可以私信!谢谢!
    第 2 条附言  ·  129 天前
    感谢 @leopku
    图标放大颤抖的问题已经修复了
    第 3 条附言  ·  127 天前
    修复了下命名的问题,新增了一些图标。
    更新到了版本 1.0.1
    59 回复  |  直到 2017-06-16 00:03:06 +08:00
        1
    yu7er   130 天前 via Android   ♥ 1
    好棒,希望能加上框架 logo 之类的,谢谢!
        2
    designer   130 天前   ♥ 1
    @yu7er 嗯 你说的是各大语言的框架 logo 吧。主要是针对前端开发者的需求。后期会不断地新增,
        3
    isCyan   130 天前 via Android   ♥ 1
    网页里面有两个 czs-android 一个安卓图标一个苹果图标
    czs-chorme 应为 chrome
    zhifubao 不是有名字叫 alipay 吗
        4
    designer   130 天前
    @isCyan 233 图标太多了,在导出和编辑成字体文件的时候,输入有误。感谢提醒
        5
    sxw11   130 天前   ♥ 1
    提个不知道算不算 bug 的意见哈,官网那些图标在鼠标悬停到变大之前一直在颤抖,看这有点不舒服 0.0
    Chrome 58.0.3029.96
        6
    designer   130 天前
    @sxw11 谢谢,下次争取搞的尽享如丝般顺滑
        7
    droiz   130 天前   ♥ 1
    滋瓷!感谢!
        8
    ivmm   130 天前   ♥ 1
    赞一个!
        9
    wolfan   130 天前 via Android
    啥时候能上国旗 and 国徽就更新爱了喵~
        10
    intellectual   130 天前   ♥ 1
    点赞,不过,新的花样又来了,ios11 里面一部分线图标变面图标了...
        11
    intellectual   130 天前
    16px 有点小,如果默认可选大点的像素,找图标就不费神了。
        12
    designer   130 天前
    @ivmm 感谢,都成了老朋友了。
    @wolfan 开发者的需求真是深不可测啊
        13
    designer   130 天前
    @intellectual
    16px 是 web 标准的最小图标。在这个像素下绘制,也就是为了保持图标的精致性。我在演示站点把字体换成了 16px,为了大家能看到图标在最小效果下的实际样子。
    字体图标在实际应用的过程中,你可以自行设置尺寸(16x16 24x24 32x32 40x40 )。

    草莓图标,目前有线性也有相对应的实心图标(未来一个图标都会尽量做这两个配套)。
        14
    jinzhe   130 天前   ♥ 1
    能自定义下载就好了
    演示站可以设置大小
        15
    designer   130 天前
    @jinzhe 有这个打算,目前在找前端小伙伴
        16
    zangbob   130 天前   ♥ 1
    感谢分享,看了下图标非常不错,更重要的是避免了版权纠纷。。
        17
    designer   130 天前
    @zangbob 感谢
        18
    learnshare   130 天前   ♥ 1
    demo 给的图标有点小,鼠标 hover 动画有点抖动
        19
    Showfom   130 天前 via iPhone   ♥ 1
    支持一下
        20
    Kilerd   130 天前   ♥ 1
    支持。
        21
    Martox   130 天前
    以后支持一下
        22
    jin5354   130 天前
    支持
        23
    580a388da131   130 天前   ♥ 1
    哇哦 非好东西 常感谢
        24
    levie   130 天前   ♥ 2
    支持!以后应该能用到 😄
        25
    designer   130 天前
    @levie 欢迎 snipaste 加入草莓豪华大餐!
        26
    290601953   130 天前
    http://www.iconfont.cn/ 和这个区别是?
        27
    290601953   130 天前
    竟然不能删除自己的评论....尴尬了....发完才看到主题里面写了..
        28
    designer   130 天前
    @290601953
    没事,iconfont 是可以在线制作和上传的以及提供图标素材下载的大众化平台。
    而草莓是一个走个性化精致风格方案的图标库。
        29
    ajan   130 天前
    赞一个!
        30
    mokeyjay   130 天前
    先点赞
        31
    Slengl   130 天前 via Android
    支持
        32
    OctoCat   130 天前 via iPhone
    纯支持
        33
    dreammes   130 天前
    支持
        34
    designer   130 天前 via iPhone
    @Martox
    @jin5354
    @ajan
    @mokeyjay
    @Slengl
    @OctoCat
    @dreammes
    不一一点赞了,感谢各位。
        35
    6ovo9   130 天前
    bilibili 好萌
        36
    designer   129 天前 via iPhone
    @6ovo9 以后会增加一些二次元元素图标,毕竟很多开发者都已经萌化了。
        37
    4396NeverBeSlave   129 天前   ♥ 1
    支持一下
        38
    652600543   129 天前
    没有任何理由的支持!!
        39
    killerv   129 天前
    很不错
        40
    leopku   129 天前
    @designer 楼主留一个联系方式,微信、QQ、tg 均可
        41
    cnzzz   129 天前
    点赞
        42
    xcatliu   129 天前 via iPhone
    强烈支持
        43
    metrue   129 天前
    awesome !!!!
        44
    yjgoo   129 天前
    支持!
        45
    LuciusChen   129 天前
    hover 的时候放大感觉在抖( facepalm
        46
    designer   129 天前 via iPhone
    @leopku 更新啦 个人中心,欢迎勾搭!
        47
    fengtalk   129 天前
    不错,强烈支持!
        48
    zlg   129 天前
    支持!
        49
    suantong   129 天前 via Android
    真棒。我一直想找能区分 Facebook share, Facebook invite, Facebook likes 的图标,楼主整不?。
        50
    designer   129 天前
    @suantong 版本在 2.0 会做一套手势的不同动作
        51
    shisaq   129 天前
    做得真棒!!!
        52
    leopku   129 天前
    @designer 已加,请通过
        53
    Biwood   129 天前
    好奇这些 font icon 使用什么工具制作的,收费平台还是开源软件?有推荐的工具么
        54
    designer   129 天前 via iPhone
    @Biwood 草莓采用的 icomoom 国内的 用阿里的 iconfont 就 ok 拉
        55
    designer   129 天前 via iPhone
    @leopku 已加!
        56
    cuit4017   129 天前 via Android
    看起来很不错😎
        57
    designer   129 天前
    @cuit4017 希望能满足你各种姿势
        58
    pulelt   129 天前
    很酷呀
        59
    wensonsmith   128 天前
    厉害了! 图标很赞
    DigitalOcean
    关于   ·   FAQ   ·   API   ·   我们的愿景   ·   广告投放   ·   鸣谢   ·   1606 人在线   最高记录 3541   ·  
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.0 · 76ms · UTC 12:03 · PVG 20:03 · LAX 05:03 · JFK 08:03
    ♥ Do have faith in what you're doing.
    沪ICP备16043287号-1