Gerador de favicons
Envie seu logo uma vez e obtenha o pacote completo de ícones para navegadores, iOS e Android, com margem, fundo e cantos arredondados ajustáveis. Inclui o arquivo .ico e o HTML para colar no seu <head>.
Processado 100% no seu navegador
Inclui: favicon.ico, PNG 16/32/180/192/512, site.webmanifest
Ctrl + Enter executarCtrl + C copiar resultado
Como usar
- 1Arraste seu logo (de preferência quadrado, 512 px ou mais, PNG ou SVG).
- 2Ajuste fundo, margem e cantos arredondados vendo a prévia em vários tamanhos.
- 3Copie o código HTML e cole dentro do <head> do seu site.
- 4Baixe o ZIP e envie todos os arquivos para a raiz do site.
Casos de uso
- Dar um ícone a um site novo nas abas, favoritos e resultados de busca.
- Gerar o ícone da tela inicial para iPhone e Android.
- Cumprir os requisitos de PWA com manifest e ícones 192/512.
- Atualizar o favicon após uma mudança de marca.
Perguntas frequentes
De quais arquivos eu realmente preciso?
No mínimo favicon.ico na raiz, um PNG 32×32, o apple-touch-icon 180×180 e os ícones de 192 e 512 px com o manifest se quiser que o site seja instalável.
Por que o Apple Touch Icon tem fundo?
O iOS preenche de preto as áreas transparentes. Por isso esse ícone é sempre gerado com fundo sólido na cor escolhida.
Que tamanho deve ter meu logo?
Quanto maior, melhor: 512×512 px ou mais. Favicons aparecem muito pequenos, então use um logo simples e com bom contraste.
Minhas imagens são enviadas?
Não. Os ícones são gerados no navegador e o arquivo .ico é montado localmente.