Gerador de Favicon: crie o favicon.ico e ícones a partir de qualquer imagem
Este gerador de favicon transforma uma imagem, ou uma letra ou um emoji, em todos os ícones que um site precisa em 2026: favicon.ico, favicon SVG, ícone da Apple e do Android, em um ZIP com o código HTML pronto para colar. Tudo acontece no seu navegador.
- 1. EnvieSolte um PNG, JPG, SVG ou WebP, ou digite uma ou duas letras. O ideal são 512 × 512 pixels ou mais.
- 2. AjusteDefina margem, cor de fundo e raio dos cantos, e confira a prévia na aba e no celular.
- 3. BaixeReceba um ZIP com favicon.ico, os ícones da Apple e do Android, o manifesto e o código HTML.
O que é favicon?
Favicon é o ícone pequeno que representa um site nas abas do navegador, nos favoritos, no histórico, nos resultados do Google e na tela inicial do celular. O nome vem de «favorite icon» (ícone favorito), recurso lançado pelo Internet Explorer 5 em 1999.
O favicon é um arquivo separado do logo. Ele precisa ser legível em 16 pixels, por isso costuma ser uma letra, um símbolo ou uma versão simplificada da marca. O Google também mostra o favicon ao lado das suas páginas nos resultados e descreve os requisitos em Define a favicon to show in search results. Este gerador de favicon cria o conjunto para a web; ícones de apps para App Store ou Google Play seguem outras regras e não fazem parte dele.
Como gerar um favicon a partir de PNG, JPG ou SVG em 4 passos
Para gerar um favicon, envie uma imagem quadrada, ajuste a margem e o fundo, confira a prévia e baixe o ZIP. Em nenhum passo a imagem sai do seu computador.
- Envie a imagem. Solte um PNG, JPG, SVG ou WebP no campo Imagem, ou mude para Texto e digite uma ou duas letras ou um emoji. Uma imagem quadrada de 512 × 512 pixels ou mais dá o resultado mais nítido.
- Ajuste o visual. Escolha Ajustar ou Preencher se a imagem não for quadrada e defina Margem, Fundo e Raio dos cantos. Transparente deixa o fundo sem cor.
- Confira a prévia. As abas clara e escura mostram o ícone real de 16 pixels, o celular mostra o ícone da Apple e todos os tamanhos gerados aparecem logo abaixo.
- Baixe. Baixar ZIP traz o conjunto completo com o código HTML; Baixar favicon.ico traz só o arquivo ICO.
Tamanho do favicon: quais arquivos você precisa em 2026
Use um favicon.ico de 32×32, um favicon SVG, um ícone da Apple de 180×180 e dois ícones PNG de 192×192 e 512×512 para o Android. Comece com uma imagem quadrada de pelo menos 512×512 pixels.
favicon.ico
Tamanho32×32 (com 16 e 48 dentro)
Onde é usadoNavegadores antigos, requisições a /favicon.ico, algumas ferramentas
Obrigatório?Sim
favicon.svg
TamanhoVetorial
Onde é usadoChrome, Firefox e Edge modernos; aceita modo escuro via CSS
Obrigatório?Recomendado
apple-touch-icon.png
Tamanho180×180
Onde é usadoTela inicial do iPhone e do iPad, Safari
Obrigatório?Sim
icon-192.png
Tamanho192×192
Onde é usadoTela inicial do Android (manifesto web)
Obrigatório?Sim, se houver manifesto
icon-512.png
Tamanho512×512
Onde é usadoTela de abertura do Android, instalação como PWA
Obrigatório?Sim, se houver manifesto
Este é o conjunto mínimo recomendado. As listas antigas de 20 ou 30 tamanhos para blocos do Windows não são mais necessárias. O ZIP também traz o icon-maskable-512.png, uma versão com mais margem que o Android pode recortar em círculo, e o favicon.svg aparece quando você começa de um SVG ou de texto.
Como colocar o favicon no seu site
Envie os arquivos para a pasta raiz do site e cole estas quatro linhas na seção head de cada página:
<link rel="icon" href="/favicon.ico" sizes="32x32">
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">
Copiar HTML entrega o código exato do seu conjunto. Quando você começa de um PNG ou JPG, a linha do SVG não aparece, porque não há arquivo SVG. Você pode colar o trecho no Editor HTML para conferir o código antes de publicar.
No WordPress, abra Aparência → Personalizar → Identidade do site → Ícone do site e envie o ícone de 512 × 512. O WordPress cria os próprios tamanhos e adiciona as tags para você.
PNG para ICO: por que o favicon.ico ainda importa
Um arquivo ICO é um contêiner que guarda várias imagens PNG de tamanhos diferentes, então um único favicon.ico atende 16, 32 e 48 pixels ao mesmo tempo. Os navegadores continuam pedindo /favicon.ico na raiz do site automaticamente, mesmo quando a página não tem nenhuma tag.
Por isso um favicon só em PNG não basta. O botão Baixar favicon.ico funciona como conversor de PNG para ICO: transforma seu PNG, JPG ou SVG em um ICO real com vários tamanhos, direto no navegador e sem programa extra.
Dicas de design para um favicon legível em 16 pixels
O favicon aparece em 16 pixels muito mais do que em qualquer outro tamanho, então desenhe pensando nele primeiro.
- Fique com um símbolo só. Uma letra, uma inicial ou uma marca simples funciona melhor que o logo inteiro.
- Use traços de pelo menos 2 pixels em 32 × 32. Linhas mais finas somem.
- Limite o texto a um ou dois caracteres. Uma palavra vira um borrão.
- Teste em abas claras e escuras. A prévia mostra as duas, então confira se o ícone continua visível.
- Escolha o fundo de propósito. Uma cor sólida funciona em qualquer lugar; a transparência pede uma marca com bom contraste.
- Recorte logos horizontais. Use o símbolo ou a primeira letra em vez de encolher o logo inteiro.
- Dê fundo sólido ao ícone do iPhone. O iOS preenche áreas transparentes com preto, por isso o gerador sempre coloca fundo no apple-touch-icon.png.
Perguntas frequentes sobre favicon
O que é favicon e para que serve?
Favicon é o ícone pequeno de um site que aparece na aba do navegador, nos favoritos, nos resultados do Google e na tela do celular. Ele serve para as pessoas reconhecerem o seu site entre várias abas e resultados, e passa uma imagem mais profissional que o ícone vazio padrão.
Qual o tamanho ideal do favicon?
Use um favicon.ico de 32×32 com os tamanhos 16 e 48 dentro, um favicon SVG, um ícone da Apple de 180×180 e dois PNG de 192×192 e 512×512. Comece com uma imagem quadrada de pelo menos 512×512 pixels e deixe o gerador de favicon criar os tamanhos menores.
O que é favicon.ico?
favicon.ico é o arquivo clássico de favicon no formato ICO, que guarda vários tamanhos de imagem em um só arquivo. Os navegadores procuram por ele em /favicon.ico na raiz de todo site, então ele funciona como reserva mesmo quando a página não tem tag de favicon.
Como converter PNG para ICO?
Solte o PNG neste gerador de favicon e clique em Baixar favicon.ico. A ferramenta cria um arquivo ICO com versões de 16, 32 e 48 pixels dentro, direto no seu navegador. O PNG nunca é enviado e não há limite de arquivos para converter.
Ainda preciso do favicon.ico em 2026?
Sim. Navegadores modernos usam favicons SVG e PNG, mas muitas ferramentas, leitores de feed e navegadores antigos ainda pedem /favicon.ico. Manter um ICO de 32×32 na raiz ocupa poucos kilobytes e evita erros 404 nos registros do servidor.
Como colocar favicon no WordPress?
Abra Aparência → Personalizar → Identidade do site e envie como Ícone do site uma imagem quadrada de pelo menos 512×512 pixels. O WordPress cria os tamanhos e adiciona as tags. Se preferir este conjunto completo, envie os arquivos para a raiz e cole o HTML no cabeçalho.
Por que meu favicon não aparece no Google?
O Google precisa rastrear de novo a sua página inicial e o arquivo do favicon, e isso pode levar vários dias ou mais. Confira se o favicon é quadrado, tem pelo menos 48×48 pixels, fica em uma URL estável e não está bloqueado no robots.txt, como pedem as diretrizes do Google.
Por que o navegador ainda mostra o favicon antigo?
Quase sempre o navegador mostra um ícone guardado em cache. Recarregue a página com Ctrl+Shift+R ou adicione uma versão ao nome do arquivo, como favicon.ico?v=2. Confira também se o caminho do arquivo está certo.
Posso usar um favicon SVG?
Sim. Chrome, Firefox e Edge aceitam favicons SVG, que ficam nítidos em qualquer tamanho e podem se adaptar ao modo escuro com CSS dentro do arquivo. Mantenha também o favicon.ico para navegadores e ferramentas que não leem SVG. Este gerador de favicon cria o favicon.svg a partir de arquivos SVG e de texto.
Posso criar um favicon com texto ou emoji?
Sim. Mude a origem para Texto e digite uma ou duas letras ou um emoji, depois escolha a fonte, a cor do texto e o fundo. O gerador cria o mesmo conjunto de arquivos, incluindo um favicon.svg vetorial de verdade, nítido em qualquer tamanho.
Minhas imagens são enviadas?
Não. O gerador de favicon funciona inteiramente no seu navegador: a imagem é lida, redimensionada e empacotada no ZIP no seu aparelho. Nada é enviado a um servidor, então você pode usar a ferramenta com logos de produtos ainda não lançados ou trabalhos de clientes.
Outras ferramentas da Ideluma
O Gerador de Favicon é uma das ferramentas grátis da Ideluma. Encontre um nome para a sua marca no Gerador de marcas ou teste a sua tag head no Editor HTML.
Elevate your design process with AI-driven creativity.