O que é Criador de ícones?

O Icon Maker permite criar ícones simples e profissionais para aplicativos, sites e favicons. Combine formas, letras e cores em uma grade, aplique opcionalmente um gradiente de duas cores e depois exporte em vários tamanhos (16×16 a 512×512) como PNG, SVG, .ico multi-tamanho ou um pacote ZIP completo de favicons.

Escolha círculo, quadrado ou quadrado arredondado como base, defina cor de fundo e cor de frente, e sobreponha uma única letra ou um dos símbolos incluídos (check, estrela, seta, coração, mais). Ajuste o tamanho da fonte e o deslocamento até o glifo ficar bem no centro, e exporte em seis tamanhos padrão de 16×16 a 512×512 com um clique.

Como usar

1. Passo 1 — Escolha uma forma base (círculo, quadrado, quadrado arredondado) e defina a cor de fundo.
2. Passo 2 — Adicione uma letra, símbolo ou forma simples como sobreposição. Ajuste a cor do primeiro plano, tamanho e posição.
3. Passo 3 — Visualize em vários tamanhos e exporte como PNG (16, 32, 48, 128, 256, 512 px), SVG, .ico ou baixe o ZIP completo de favicons junto ao trecho de HTML pronto para colar.

Quando usar

• Gerar um favicon para um projeto pessoal sem abrir o Figma nem pagar por um pacote de ícones.
• Fazer um ícone provisório para um protótipo de Android ou iOS antes da arte final estar pronta.
• Montar um monograma (inicial sobre bloco de cor) para um site pessoal ou avatar de GitHub.

Resultado

Um desenvolvedor cria um favicon para um app de tarefas: fundo quadrado arredondado azul (#3B82F6) com um símbolo de marca de verificação branco, exportado como PNG 32×32 para a aba do navegador e PNG 512×512 para o manifesto PWA.

Perguntas frequentes

Quais tamanhos eu realmente preciso para um favicon de site?

No mínimo um PNG 32×32 para abas de navegadores no desktop e um 180×180 (ou 192×192) para a tela inicial do iOS e atalhos do Android. Se for PWA, adicione 512×512 para o manifest. O botão Exportar todos gera o conjunto inteiro de uma vez.

Devo exportar em SVG ou PNG?

SVG escala perfeitamente e é a escolha para ícones dentro de apps usados em vários tamanhos, como logos de menu lateral. PNG é obrigatório para favicons, lojas de aplicativo e qualquer plataforma que não aceite vetor. O menu de exportação oferece os dois.

Posso usar minha própria imagem ou símbolo em vez do conjunto interno?

Sim. Mude a sobreposição para o modo Imagem e envie um PNG, JPG, SVG ou WebP: ela é recortada na forma que você escolher, e dá para escalar, mover e girar antes de exportar. Para uma marca rápida, o modo Letra aceita qualquer caractere, inclusive um emoji colado. Para um logo totalmente personalizado, envie seu SVG transparente e escolha o fundo transparente.

Por que a letra fica fora do centro nos tamanhos pequenos?

O centro óptico das fontes raramente coincide com o centro geométrico. Letras com descendentes (g, p, y) ou maiúsculas altas ficam mais equilibradas se você mover um ou dois pixels do centro matemático. Use os controles Offset X e Offset Y antes de exportar.

O quadrado arredondado bate com a forma do sistema iOS ou Android?

É um quadrado arredondado genérico parecido com o do iOS. Tanto o Android (redondo, squircle, gota) quanto o iOS aplicam uma máscara adaptativa em cima, então projete em sangria total e deixe o sistema cortar para a forma atual.

Ferramentas relacionadas