Família de Geradores

Gerador de Galeria de Ícones

Pesquise uma biblioteca compacta de ícones SVG, visualize suas escolhas de estilo ao vivo, depois copie um ícone por vez ou exporte uma folha de sprite reutilizável para um sistema de design, interface de app ou site de documentação.

  • 24 ícones de linha integrados com tags pesquisáveis
  • Controles ao vivo de tamanho, traço, cor e fundo
  • Ações de cópia ou download de ícone único
  • Exportação de pacote para ícones selecionados como um único sprite SVG

Defina as regras dos seus ícones

Todos os controles são aplicados no lado do cliente. Os tamanhos estão em pixels, a espessura do traço é arredondada para uma casa decimal e os símbolos exportados mantêm currentColor para que você possa recolori-los mais tarde no CSS.

Corresponde a nomes e tags de ícones como comércio, clima ou mídia.

Filtre a galeria antes de selecionar ícones para exportação.

Apenas letras, números e hifens. Caracteres inválidos são removidos automaticamente.

Faixa permitida: 16 a 256 pixels.

Faixa permitida: 1.0 a 4.0.

Os cantos permanecem arredondados para preservar a legibilidade em tamanhos pequenos.

Use um valor hex de 3 ou 6 dígitos como #16202B.

Usado apenas para a visualização na galeria. Os downloads permanecem transparentes.

SVGs exportados ainda usam um fundo transparente.

0 ícones selecionados para exportação.

Copie o SVG inline para uso rápido ou selecione um conjunto de ícones e gere um arquivo de sprite abaixo.

0 visíveis
0 selecionados

Exportação de Sprite

A saída do pacote inclui um <symbol> por ícone selecionado. Referencie cada ícone mais tarde com <use href="#nome-do-icone">. Se nada for selecionado, as ações de exportação permanecerão desativadas e mostrarão um erro claro.

Selecione um ou mais ícones para gerar uma visualização do sprite.


    


    

      

        

          
Como funciona

          
A galeria usa markup SVG inline armazenado diretamente na página. As entradas são sanitizadas, ajustadas a faixas seguras e renderizadas novamente imediatamente para que a visualização e o markup exportado permaneçam sincronizados.

        

      

      

        

          
1. Filtre a biblioteca

          
Use a pesquisa por palavra-chave e os filtros de categoria para restringir a lista de ícones. A pesquisa corresponde tanto aos nomes dos ícones quanto às tags, para que termos mais amplos ainda funcionem.

        

        

          
2. Ajuste a apresentação

          
Tamanho, espessura do traço, estilo das extremidades e cores de visualização atualizam cada ícone visível. O fundo de visualização ajuda a revisar o contraste sem fixar um preenchimento no SVG exportado.

        

        

          
3. Exporte o que precisar

          
Copie ou baixe qualquer ícone individual ou selecione um conjunto e gere uma folha de sprite. Os IDs do sprite usam o prefixo escolhido e são limpos para nomes seguros em letras minúsculas.