CocoMaterial - 3000 多张免费商用手绘插画素材库,风格可爱,提供 PNG/SVG 以及 GIF 动图下载

找手绘风格插画素材找了大半天,被这个开源插画库一站解决了,质量在线、风格统一,关键是 CC0 公共领域授权可以随便商用。

关于 CocoMaterial

最近有位做独立开发的朋友想做一个儿童教育类的小程序,需要一批手绘风的插画素材,让我推荐一下。要求不算高,风格统一、看着舒服、能商用就行。这些年我推荐了不少手绘风格的素材,但他都不是很满意,免费可商用的手绘插画站还真不多,大的图库站零散的素材风格参差不齐,挑了半天也挑不出几张能用的。

费了一番心思,找到了 CocoMaterial,朋友觉得很满意,我也很喜欢,写篇文章推荐给大家。

CocoMaterial 官网截图
CocoMaterial 官网截图

CocoMaterial 是一个开源的手绘风格插画素材库网站,截止我写文章的2026年8月底,已经收录了 3,386 张图片素材,每张图都是统一的手绘线条风格,看起来就像出自同一个画师之手。整个项目叫做 PIWEEK,来自西班牙的 Kaleidos 公司 —— 他们每半年会让员工停下手头工作,花一整周做自己想做的创新项目,CocoMaterial 就是这样诞生的。

从我的直觉来看,这种「工作之余搞出来的好东西」,往往质量都不错,因为做的人是真的热爱。

手绘风格,辨识度拉满

CocoMaterial 最让我喜欢的一点,是它的手绘风格非常统一。

现在市面上很多 AI 生成的插画素材,虽然数量多,但风格差异很大,放在同一个项目里会显得很乱。而 CocoMaterial 全部是人工手绘的(虽然源头也是数字工具画的),线条、配色、人物造型都有统一的笔触,辨识度很高。

CocoMaterial 插画预览
CocoMaterial 插画预览

具体来说,它有几个让我印象很深的特色:

  • 笔触统一:不管画的是人物、植物、动物还是建筑,线条的粗细、弧度都保持一致,放在一起不会显得割裂
  • 配色柔和:整体偏暖色调和低饱和度,看起来很舒服,不会抢文案和产品的风头
  • 元素生活化:从学校、人物、植物、动物到食物、节日(圣诞节)、流行文化(比如有 Stranger Things 主题),覆盖的场景非常广
  • 细节到位:很多插画里藏着小心思,比如柠檬榨汁的动线、堂吉诃德大战风车,看着会忍不住会心一笑

3,386 张不只是数量,质量也在线

除了风格统一,最让我意外的是素材的丰富程度

CocoMaterial 的分类非常细致,光从首页的导航就能看出 —— 学校、人物、植物、动物、音乐、食物、烹饪、科技、形状、图案、建筑、Logo、面孔、阅读、旗帜、动图……几乎覆盖了日常设计能想到的所有场景。

CocoMaterial 分类页面
CocoMaterial 分类页面

值得一提的是,它不只提供静态的 PNG/SVG,还有动态 GIF 动图。这种小动图放在产品介绍页或者 Landing Page 上,有时候比静态图更能吸引注意力,这也是我朋友最满意的地方,为他开发的小程序增加了不少有意义的动画。

这个网站的搜索功能只支持英文关键词搜索,每张图都打了一堆标签。比如搜「lemon」,不仅能搜到柠檬本身,还能搜到榨汁机、果汁、维生素 C 等相关元素,找图体验不错。

CocoMaterial 素材下载
CocoMaterial 素材下载

还能下字体包,做配套设计真香

CocoMaterial 会让设计师觉得香到不行,因为它还额外提供了字体包

在官网的「Fonts」页面,可以下载两款字体:

  • Cocomaterial 字体:把整个素材库里的图形元素做成了字符形式,装到系统后可以直接在 Figma、Sketch、PPT 里像打字一样插入插画
  • 图标字体(Icons font):只包含图标,体积更小,适合做 UI 设计

这个真的太实用了。设计师再也不用一张张导入图片了,直接在设计软件里敲字就能调出对应的素材,改文案、改配色、调整大小都和文字一样方便。

怎么找图最顺手

虽然 CocoMaterial 没有中文界面,但用起来其实没什么门槛,简单总结几个使用建议:

  • 首页导航分类浏览:首页把素材按主题分好了,比如「Featured Tags(精选标签)」里的「Christmas」就直接能打开圣诞节相关素材
  • 搜索用英文:网站搜索只支持英文,直接输入关键词就行,比如「lemon」「school」「monster」
  • 最近更新 + 标签组合:首页有「Recently added(最近添加)」模块,新素材会先在这里出现,标签点进去可以看到所有相关素材
  • 找不到想要的图?可以提建议:网站底部有个「Missing something?」区域,可以填上你想要的素材建议,作者团队会把需求放进 Taiga 项目里,说不定下一周就有了

注意事项

  • 网站是英文界面,目前没有中文,搜索也只支持英文,不过这不影响使用,关键词都很简单
  • 部分素材涉及特定 IP(比如 Stranger Things、堂吉诃德相关),商用前最好再确认下具体的使用场景,避免版权上的小坑
  • 下载插画支持单色、彩色,也可以使用网站提供的配色小工具来得到自己上色的插画,简单编辑可以得到更适合自己的素材

免费开源说明

CocoMaterial 是完全开源的,所有素材都基于 CC0 1.0 Universal(CC0 1.0)公共领域授权

简单说就是:

  • 可以免费下载使用
  • 可以用于商业项目,包括网站、海报、App、包装等等
  • 不需要标注作者或来源(虽然标注一下也是对作者的尊重)
  • 可以修改、裁剪、重新配色,没有任何限制

授权范围写得非常明确,官方页面上说的是「irrevocable, nonexclusive, worldwide copyright license」—— 不可撤销、非独占、全球范围,而且完全免费

如果你也在做需要手绘风格插画的项目,不管是儿童教育、SaaS 产品、电商落地页还是品牌物料,CocoMaterial 都值得收藏起来。比起动辄一图几十块的素材站,这个真的是省心又省钱的好选择。