SVG Pattern Generator

Generate tiling SVG background patterns and export as SVG or CSS.

Live Preview

Foreground

#FF4E3A

Background

#ffffff

Size / Spacing24px

Stroke Width2px

Opacity100%

SVG Output

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
  <rect width="24" height="24" fill="#ffffff" />
  <circle cx="12" cy="12" r="2.4" fill="#FF4E3A" opacity="1" />
</svg>