Gerador de Padrões

Gere padrões SVG para fundos

Processamento no NavegadorSeus dados nunca saem do seu navegador

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 Gerador de Padrões

Gere padrões SVG para fundos

Use this free online geradores 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.

Ferramentas Relacionadas

Gerador de QR CodeGere QR codes para URLs, texto e mais

Gerador de Código de BarrasGere códigos de barras (EAN, UPC, Code128)

Gerador de Dados FalsosGere dados falsos para testes

Gerador de Nomes AleatóriosGere nomes aleatórios para testes