Pattern Generator

Pattern

Pattern Color

Background Color

Size: 10px

Spacing: 20px

Opacity: 100%

Preview

Generated CSS

background-color: #ffffff;
background-image: url("data:image/svg+xml,%0A%20%20%20%20%20%20%3Csvg%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%220%200%2040%2040%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%20%20%20%20%3Ccircle%20cx%3D%2220%22%20cy%3D%2220%22%20r%3D%225%22%20fill%3D%22%23000000%22%2F%3E%0A%20%20%20%20%20%20%3C%2Fsvg%3E%0A%20%20%20%20");
background-size: 40px 40px;