Design e cores

Gerar distintivos SVG

Gerar distintivos SVG — Escolha tamanhos ou cores e confira o código ou resultado. Guia de entrada: Texto do distintivo, Cor de fundo, Cor. Sem cadastro.

Sem cadastro

Carregando ferramenta…

Como usar

  1. 1Guia de entrada: Texto do distintivo, Cor de fundo, Cor.
  2. 2Execute a ferramenta e confira o resultado.
  3. 3Copiar resultado / Salvar resultado.

Saiba mais

Confira intervalos e unidades. Os resultados dependem dos dados e do navegador.

Os anúncios podem processar dados de conexão. A personalização segue suas escolhas de privacidade. Privacidade (inglês)

Exemplo calculado de entrada e saída

Resultados do motor real com os valores abaixo, sem dados pessoais ou trabalhos salvos. Carregue o exemplo na ferramenta para conferir as mesmas entradas.

Entrada de exemplo

CampoValor
Texto do distintivo
Saemol
Cor de fundo
#0F766E
Cor
#FFFFFF

Resultado de exemplo

<svg xmlns="http://www.w3.org/2000/svg" width="320" height="80" viewBox="0 0 320 80"><rect width="320" height="80" rx="16" fill="#0F766E"/><text x="160" y="40" text-anchor="middle" dominant-baseline="central" font-family="sans-serif" font-size="24" fill="#FFFFFF">Saemol</text></svg>

Ferramentas relacionadas

Todas as ferramentas