Generador de Patrones

Genera patrones SVG para fondos

Procesamiento en el NavegadorTus datos nunca salen de tu 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 Generador de Patrones

Genera patrones SVG para fondos

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

Herramientas Relacionadas

Generador de Codigo QRGenera codigos QR para URLs, texto y mas

Generador de Codigo de BarrasGenera codigos de barras (EAN, UPC, Code128)

Generador de Datos FalsosGenera datos falsos para pruebas

Generador de Nombres AleatoriosGenera nombres aleatorios para pruebas