SVG Background Generator

Generate modern dot matrix, grid, and decorative line backgrounds

Type

Spacing20px

Dot/Line Size1px

Opacity20%

Main Color

#3b82f6

Background Color

#ffffff

Live Preview

CSS Snippet

background-color: #ffffff;
background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%3E%3Ccircle%20cx%3D%221%22%20cy%3D%221%22%20r%3D%221%22%20fill%3D%22%233b82f6%22%20fill-opacity%3D%220.2%22%20%2F%3E%3C%2Fsvg%3E");

SVG Background Generator

Live Preview

Frequently Asked Questions