Os meus favoritos

Ainda não tem favoritos. Clique no botão de marcador de uma ferramenta para adicionar.

Gerador de padrões SVG - Grátis Online | FunToolX

Use Gerador de padrões SVG grátis online, sem download. FunToolX oferece centenas de ferramentas divertidas.

Visualização ao vivo 200×200
Código CSS
 

Sobre esta ferramenta

svg-pattern-generator é uma ferramenta online gratuita (gerador). . Perfeito para focar, relaxar ou simplesmente se divertir. Funciona inteiramente no seu navegador — sem download nem cadastro.

Selecione o tipo de padrão (matriz, grade, onda, hexágono, triângulo, diagonal, etc.), ajuste os parâmetros: cor, cor de fundo, tamanho do padrão, espaçamento, ângulo de rotação, transparência. Previsualize o efeito de azulejo em tempo real e você pode alternar a visualização pequena / média / grande. Quando estiver satisfeito, copie o código CSS (background-image: url('data:image/svg+xml,... ')) ou baixe o arquivo SVG.

Os padrões SVG definem as unidades repetíveis usando elementos e, em seguida, passam por azulejos.<pattern><rect fill="url(#pattern)">O SVG gerado pode ser codificado para incorporar CSS em uma URL de dados ou usado diretamente como uma imagem de fundo. Os parâmetros do padrão são ajustados em tempo real modificando as propriedades SVG.

Adequado para fazer fundo de página da Web, textura de design de UI, papel de parede, padrão de papel de embalagem, etc.É mais nítido do que um mapa de bits (os vetores podem ser ampliados infinitamente) e os arquivos são menores.

Ferramenta de geração de padrões SVG para criar padrões geométricos azulejos, ondas, malhas e outros fundos, suportar cores personalizadas, densidade, tamanho, exportar CSS ou SVG.