设计素材
图片、字体、图标、音效、模板。每一条都标明授权方式，可商用的会写清楚，不要拿来路不明的素材。
共 162 条资源
Tailwind 团队做的图标库：Heroicons 开源免费，描边实心都有
同一个图标，有时候需要描边版，有时候需要实心版——比如导航栏未选中用描边、选中了用实心。Heroicons 为每个图标都提供了两种风格。
一个图标六种轻重：Phosphor Icons 开源免费，风格弹到最细
界面的视觉密度是变化的：大屏设计稿里图标可以细一点，密集的移动端工具栏就得粗一点。Phosphor Icons 让同一个图标有六种「轻重」可选。
Google 官方图标：Material Symbols 免费，还能调粗细和圆角
谷歌的 Material 图标经历了三代，现在的 Material Symbols 是可变的：粗细、字号、圆角、填充程度都能通过参数调，一个图标能演化出很多种长相。
品牌图标不用手绘：Simple Icons 收录 3000+ 品牌标识，CC0 授权
做「分享到微信」「关注我们」这类模块时，最难的不是排版，是找到风格一致、又不会画歪的品牌标识。Simple Icons 把主流品牌与平台的标识统一重绘了一遍。
做游戏素材也能免费用：Game-icons 4000+ 图标，CC BY 授权
做独立游戏或桌游时，技能、道具、状态这些图标需求量很大。Game-icons.net 是一群设计师协作产出的图标库，风格偏手绘、偏中世纪奇幻，和现成的商用图标库气质完全不同。
插画不用会画：unDraw 免费可用，还能一键换成自己的品牌色
首页、空状态、引导页常常需要一张插画撑住版面，但插画又最花钱。unDraw 的插画是开放授权的，而且主色可以一键替换——这个细节让插画能真正融进品牌。
项目里想用 emoji 又怕版权：OpenMoji 开源表情 4000+，可商用
把 emoji 放进海报或界面里，会遇到一个隐形问题：各平台的 emoji 字体是专有设计，商用不一定允许。OpenMoji 是一套完全开源、可自由使用的表情图形。
免费图库还能免商用授权？Pexels 图片视频都能下，不强制署名
找配图最怕两件事：一是分辨率不够，二是授权说不清楚。Pexels 的图片和视频都能下载高清原图，授权说明也写得直白。
一个站找齐图、插画、矢量、视频：Pixabay 免费可商用
Pexels 偏摄影，Pixabay 则是什么都有：照片、插画、矢量图、矢量图标、视频、音乐音效。做一套物料时往往需要的素材类型不止一种，一个站解决更省事。
写页面时先占位：Lorem Picsum 一行网址就出图，免费无限制
做页面时，图片还没到位是常态。占位图服务让「先搭结构、后填素材」这件事变得很轻：改一下 URL 里的尺寸参数就能拿到一张图。
背景图不用会设计：Haikei 在线生成 SVG 背景，免费可商用
页面背景是最容易被忽视、又最影响质感的一块。用纯色太平，用照片太重。Haikei 能在线生成 SVG 背景，体积小、可无限缩放。
做平铺纹理不用画：Pattern Monster 免费 SVG 图案随取随用
网页背景、卡片底纹、包装设计里常用到「平铺纹理」。手工画无缝图案很费功夫，Pattern Monster 提供了一批现成的、参数可调的 SVG 图案。