Patroon Generator

Genereer SVG patronen voor achtergronden

BrowserverwerkingJe gegevens verlaten nooit je browser

Pattern Type

Size (px)

Primary Color

Secondary Color

Stroke Width

Opacity

Preview

SVG Code

<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20">
  <rect width="100%" height="100%" fill="#ffffff"/>
  <circle cx="10" cy="10" r="2" fill="#6366f1" opacity="1"/>
</svg>

CSS Background

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%0A%20%20%3Crect%20width%3D%22100%25%22%20height%3D%22100%25%22%20fill%3D%22%23ffffff%22%2F%3E%0A%20%20%3Ccircle%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%222%22%20fill%3D%22%236366f1%22%20opacity%3D%221%22%2F%3E%0A%3C%2Fsvg%3E");

Pattern Presets

About Patroon Generator

Genereer SVG patronen voor achtergronden

Use this free online generatoren tool to work faster without installing extra software. The interface is built for quick input, clear output, and straightforward results on desktop and mobile devices.

Processing

This tool runs in your browser whenever possible, which keeps your inputs private and reduces unnecessary round-trips to the server.

Gerelateerde Tools

QR Code GeneratorGenereer QR codes voor URLs, tekst en meer

Barcode GeneratorGenereer barcodes (EAN, UPC, Code128)

Neppe Data GeneratorGenereer neppe data voor testen

Willekeurige Naam GeneratorGenereer willekeurige namen voor testen