Gerador de padrões SVG
Padrões de fundo sem emendas em segundos.
Escolha um padrão, tamanho e cores para gerar um fundo SVG repetível. Copie o código SVG ou baixe o arquivo para usar em sites, apps ou ferramentas de design.
Padrão
24px
Cor do padrão
Fundo
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <rect width="24" height="24" fill="#f5f3ff" /> <circle cx="12" cy="12" r="2.4" fill="#7c3aed" /> </svg>
Como gerar padrões SVG
- Escolha um tipo de padrão como pontos, grade ou ondas.
- Defina o tamanho do ladrilho com o controle deslizante.
- Escolha a cor do padrão e a cor de fundo.
- Copie o código SVG ou baixe o arquivo .svg.
Perguntas frequentes
Esses padrões são sem emendas?
Sim. Cada ladrilho foi projetado para se repetir sem emendas visíveis quando usado como fundo CSS.
Como uso o padrão no meu site?
Referencie o arquivo SVG baixado no seu CSS com background-image: url(pattern.svg), ou incorpore o SVG copiado diretamente no seu markup.
Posso editar o SVG depois?
Claro. A saída é texto SVG puro que pode ser aberto em qualquer editor ou aplicativo de design.