SVG Pattern Generator
Generate seamless tiling SVG background patterns including dots, lines, waves, crosses, hexagons, and chevrons. Customize scale, colors, rotation, gap, and opacity. Export as SVG, CSS background, or data URI.
Pattern Type
Live Preview
30px
10px80px
Foreground
Background
1.5px
0.55
0.5
0.11.0
0deg
090180270360
Export
<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30">
<rect width="30" height="30" fill="#ffffff"/>
<defs>
<pattern id="pattern" x="0" y="0" width="30" height="30" patternUnits="userSpaceOnUse">
<circle cx="15" cy="15" r="4.5" fill="#6366f1" opacity="0.5"/>
</pattern>
</defs>
<rect width="30" height="30" fill="url(#pattern)"/>
</svg>