Hero Patterns

Hero Patterns 是一个网页背景图案库，由 UI 设计师 Steve Schoger 绘制和维护。它提供一组可以无缝平铺的 SVG 图案，用在网站或网页项目的背景上。打开首页就能浏览全部图案，点进任意一个，右侧会显示预览和调整面板。

主要功能

每个图案都能改前景色、背景色和前景透明度，改完实时看到效果。选好样式后，页面会生成一段 CSS 规则，复制到样式表里就能把图案铺到元素背景上。也可以直接下载未套用样式的 SVG 文件，自己再处理。

适合谁

适合做网页和前端的人：需要给页面加一层不抢内容的纹理背景，又不想引入图片素材或额外依赖。图案是矢量格式，放大不糊，平铺时接缝连续，用在卡片、区块或整页背景都行。

费用与授权

作者写明 Hero Patterns 会一直更新、一直免费。页面标注授权为 CC BY 4.0，商用前最好确认署名要求。站点界面为英文，无需注册即可浏览、调色和下载。作者还提到同系列的 Heroicons 图标库，以及 Zondicons 图标集。