SVG Pattern Generator
Generate beautiful SVG background patterns. Select from multiple patterns, customize colors and size.
background: #1a1a2e;
background-image: url("data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20"><rect width="20" height="20" fill="%231a1a2e"/><circle cx="10" cy="10" r="3.3333333333333335" fill="%236c5ce7" opacity="0.2"/></svg>");
background-repeat: repeat;