Gerador de favicon

Crie um favicon a partir do seu logo ou das suas iniciais, em todos os tamanhos que navegadores e celulares pedem: favicon.ico, ícone Apple touch e ícones Android. Grátis, sem cadastro.

  • 100% grátis
  • Sem cadastro
  • Privado: roda no seu navegador

De uma a três letras ficam mais legíveis em 16 px.

#4f46e5
#ffffff
Formato

Aparece embaixo do ícone nos celulares e no web manifest.

A prévia do seu favicon vai aparecer aqui.

Como funciona

  1. Passo 1

    Comece pelo logo ou pelas letras

    Solte um logo, ou digite suas iniciais e escolha as cores.

  2. Passo 2

    Baixe os arquivos

    favicon.ico, o ícone Apple touch, os ícones Android e o web manifest.

  3. Passo 3

    Adicione as tags

    Envie os arquivos para a raiz do seu site e cole três linhas no seu <head>.

Guia

Tamanhos de favicon explicados

ArquivoTamanhoOnde aparece
favicon.ico16, 32, 48 pxAbas do navegador, favoritos, resultados de busca do Google
apple-touch-icon.png180 × 180 pxTela inicial do iPhone e do iPad
icon-192.png, icon-512.png192 e 512 pxTela inicial do Android e apps web instalados
site.webmanifest-Lista os ícones para celulares

Dicas para um favicon que se destaca

  • Pense pequeno. Em 16 px só sobrevive uma letra ou uma forma marcante; deixe de fora o slogan e os traços finos.
  • Use contraste forte para ficar legível nos temas claro e escuro do navegador.
  • Use a cor da sua marca para os clientes acharem sua aba entre as outras.
  • Logo com fundo poluído? Limpe antes com o removedor de fundo branco.

Perguntas frequentes

O pequeno ícone que aparece nas abas do navegador, nos favoritos, nos resultados de busca e na tela inicial do celular. Um favicon claro deixa sua loja fácil de achar entre as abas abertas e passa mais confiança.

Um site moderno precisa de favicon.ico (16, 32 e 48 px) para os navegadores, um apple-touch-icon.png de 180 px para iPhones, PNGs de 192 e 512 px para Android e um site.webmanifest que lista todos eles. Este gerador cria todos.

Envie os arquivos para a raiz do seu site (junto da página inicial) e cole as três tags link no <head> de todas as páginas. Construtores de sites costumam ter uma opção de favicon, onde você envia o PNG.

Mantenha simples: uma ou duas letras ou um símbolo marcante do seu logo, com bastante contraste. Detalhes finos e palavras longas somem em 16 px.

Não. Os ícones são desenhados no seu navegador, então seu logo nunca sai do seu aparelho, e não há cadastro.

Os navegadores guardam favicons em cache por muito tempo. Confira se os arquivos abrem em seusite.com/favicon.ico, depois recarregue limpando o cache ou abra o site numa janela anônima.

Achou esta ferramenta útil?

Compartilhe com seus leitores ou alunos. Copie este link para o seu post, curso ou página de recursos.

<a href="https://nanosite.ai/pt/tools/favicon-generator">Gerador de favicon</a> por NanoSite

Pronto para vender? Crie sua loja com IA

Descreva sua loja e o NanoSite cria tudo, com produtos, checkout e pagamentos inclusos. Comece grátis.

Criar minha loja grátis