---
title: "Hero Patterns"
description: "Library of tileable SVG background patterns with live foreground colour and opacity controls, copied out as data-URI CSS."
canonical: "https://vibing.inc/library/hero-patterns-vg-0119"
category: "Backgrounds, Effects & CSS Oddities"
subcategory: "Background patterns"
license: "free"
author: "Steve Schoger (@steveschoger)"
source: "https://heropatterns.com/"
---

# Hero Patterns
Library of tileable SVG background patterns with live foreground colour and opacity controls, copied out as data-URI CSS.
## Facts
- Source: https://heropatterns.com/
- Category: Backgrounds, Effects & CSS Oddities / Background patterns
- Author: Steve Schoger (@steveschoger)
- Licence: free
- Tags: svg, patterns, background, css
## Why it's a gem
Steve Schoger's taste applied to backgrounds; free CC-BY and never bloated
---
Listed in The Vibeary: https://vibing.inc/library/hero-patterns-vg-0119 · JSON: https://vibing.inc/api/public/library/gems/hero-patterns-vg-0119