Gerador de fonte de ícones / sprites
10 / 10Combine os seus próprios ícones SVG e ícones do catálogo do Jinero em um único sprite SVG ou em uma fonte web de ícones.
Envie ícones SVG
Até 50 arquivos SVG, com no máximo 512 KB cada. Misture os seus SVGs com ícones do catálogo.
Até 50 arquivos SVG, com no máximo 512 KB cada
Como funciona o gerador de sprites
Crie sprites SVG ou fontes de ícones personalizados a partir dos seus próprios SVGs. Uma ferramenta, dois formatos de saída, resultado pronto para produção.
Sprites SVG
Combine vários ícones SVG em um único arquivo de sprite com referências via symbol. Uma única requisição HTTP carrega todos os ícones — mais rápido que arquivos separados.
Fontes de ícones
Gere uma fonte de ícones personalizada a partir dos seus SVGs, com arquivos WOFF2, WOFF e TTF e uma folha de estilos CSS. Use os ícones como caracteres de texto, com as propriedades font-size e color.
Entrada flexível
Envie os seus próprios arquivos SVG ou escolha ícones no catálogo da biblioteca integrada. Misture as fontes à vontade — o gerador normaliza todos os ícones para um viewBox consistente.
Resultado pronto para produção
Baixe um ZIP com todos os arquivos gerados, incluindo HTML de demonstração, CSS e documentação de uso. Coloque o pacote no seu projeto e comece a usar os ícones na hora.
Perguntas frequentes
Para projetos modernos, geralmente se recomendam sprites SVG — eles suportam ícones multicoloridos, renderizam com mais nitidez e são mais acessíveis. Fontes de ícones são úteis quando você precisa estilizar os ícones com propriedades de texto do CSS ou dar suporte a navegadores muito antigos.
Não há um limite rígido. Na prática, sprites e fontes funcionam bem com até algumas centenas de ícones. Para conjuntos muito grandes, considere dividir em vários sprites por categoria para não carregar ícones que não são usados.
Sim. Cada SVG é limpo e otimizado durante o processamento — metadados desnecessários, resíduos de editores e caminhos redundantes são removidos. O resultado fica pronto para produção sem otimização adicional.
Envie o conjunto de SVGs atualizado e gere novamente. A ferramenta cria um sprite ou uma fonte do zero a cada vez, então você sempre recebe um resultado limpo, sem sobras de ícones de versões anteriores.