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
Blinds - Lucide iconFree Blinds vector icon from the Lucide open-source icon library; scalable W3C SVG 2.0 graphic for web and design use.
Propriedades do vetor: lucide-outline-blinds | 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

AI & Procedural 3D Icon Generator - Badge Builder, Lighting & Prompt Studio

Transform flat monochrome UI icons into vibrant 3D squircle app icons, duotone brand badges, and animated micro-interaction vectors. The Procedural Icon Generator combines SVG <feDropShadow> lighting filters, multi-stop gradients, optical padding, and an integrated AI Prompt Studio for Claude, ChatGPT, Midjourney, and v0.

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

76,166 base vector icons + custom geometric primitives + AI style presets

Destinos de exportação e compilacao

3D-lit SVG, 1024x1024 / 2048x2048 App Store PNG/WebP, AI Engineering Prompts

Impacto tecnico e desempenho

Generates resolution-independent 3D badge icons at < 2 KB instead of heavy 200 KB raster renders

Como usar Gerador de matriz de ícones SVG e badges

  1. 1

    Pick a base icon from the library or import your own SVG path.

  2. 2

    Choose the badge shape (squircle, rounded square, circle) and border.

  3. 3

    Apply gradient stops and 3D lighting, then add badge text if needed.

  4. 4

    Export the ready icon in every target size at once.

Exemplo de entrada

A lantern icon path plus badge text "NEW"

Exemplo de saída

PNG 512 with gradient lighting plus matching SVG and CSS background

Limitações

  • Badge text metrics depend on the selected font and may shift at small sizes.
  • Raster exports are limited to 1024 px per side.
  • One badge layout is rendered per run; multi-icon sheets belong to the sprite tool.

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

Digite para pesquisar entre 76,166 ícones vetoriais...

Navegar | Enter para abrir Explorar todos os ícones

Comparar

Fonte e licença do ícone

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