Ir para o conteúdo
Badges Sem Cadastro | 100% no Seu Navegador

Gerador de matriz de ícones SVG e badges

Síntese paramétrica de ícones SVG com molduras squircle/hexagonais personalizadas, gradientes de várias paradas, badges de status e exportação instantânea para frameworks.

100%
Adicionar forma:

Direct canvas editing: select a part, then drag to move. Use the picker’s Replace selected or Add layer modes to build a composite SVG.

X: 12.0 | Y: 12.0 WCAG AAA | 17.4:1
Editor Attach File - Material Icons iconFree Editor Attach File vector icon from the Material Icons open-source icon library; outline style, Apache-2.0 licence, viewBox 0 0 24 24, 551 bytes.
Propriedades do vetor: material-round-editor-editor-attach-file | Editar no editor SVG 24x24 | 0.3 KB
Previa ao vivo dos tamanhos:
16px
24px
32px
Interface escura
icon-generator

Bandeja de sprites multi-ícone

Fixe varios ícones personalizados e monte uma folha unica de símbolos.

Nenhum ícone fixado ainda. Fixe ícones para reuni-los em uma folha.

Prompt de IA e melhoria vetorial

Gere prompts de IA ou melhore o ícone na tela

Escolha um preset, copie o prompt na sua ferramenta de IA ou melhore o ícone na tela.

Documentação tecnica e guia de engenharia

Gerador de matriz de ícones SVG e badges

Síntese paramétrica de ícones SVG com molduras squircle/hexagonais personalizadas, gradientes de várias paradas, badges de status e exportação instantânea para frameworks.

Fontes de entrada aceitas

Ícones vetoriais do catálogo, caminhos SVG próprios e modelos geométricos de selo

Destinos de exportação e compilacao

SVG com iluminação 3D, selos PNG/WebP 512/1024 px e prompts de IA estruturados

Impacto tecnico e desempenho

Gera selos vetoriais nítidos abaixo de 2 KB em vez de imagens rasterizadas pesadas

Como usar Gerador de matriz de ícones SVG e badges

  1. 1

    Escolha um ícone base da biblioteca ou importe seu próprio caminho SVG.

  2. 2

    Defina o formato do selo (squircle, quadrado arredondado, círculo) e a borda.

  3. 3

    Aplique gradientes e iluminação 3D e adicione texto ao selo se desejar.

  4. 4

    Exporte o ícone pronto em todos os tamanhos desejados de uma só vez.

Exemplo de entrada

Caminho de ícone de lanterna com texto de selo «NEW»

Exemplo de saída

PNG 512 px com iluminação gradiente além do SVG correspondente e fundo CSS

Limitações

  • As métricas do texto dependem da fonte escolhida e podem variar em tamanhos pequenos.
  • As exportações rasterizadas neste gerador vão até 1024 px por lado.
  • É gerado um selo por execução; para folhas com vários ícones use o gerador de sprites.
  • Arquivos SVG importados têm limite de 2 MB cada.

Os ficheiros que abre ou cola neste espaço de trabalho são processados localmente no seu navegador. Nada é enviado para um servidor.

Guias para esta ferramenta

Digite para pesquisar entre 76.166 ícones vetoriais...

Navegar | Enter para abrir Explorar todos os ícones

Comparar

Licença Uso comercial Atribuicao Modificar ou recolorir
MITPermitidoAviso no pacotePermitido
ISCPermitidoAviso no pacotePermitido
Apache-2.0PermitidoObrigatorio com arquivo de avisoPermitido
CC BY 4.0PermitidoCredito obrigatorioPermitido
CC-BY-SA-4.0PermitidoCompartilhar igualCompartilhar igual
Trademark / BrandApenas uso referencialDiretrizes do donoRestrito

Pré-visualização do ícone