O favicon é o pequeno desenho que aparece na aba do navegador, nos favoritos, no histórico e, cada vez mais, ao lado do nome do site nos resultados de busca. Quando alguém salva o site na tela do celular, é ele que vira o ícone do "aplicativo". Um site sem favicon mostra um globo cinza, que passa a impressão de coisa inacabada.
De uma imagem, de letras ou de um emoji
Se você já tem um logotipo, escolha o arquivo em PNG, JPG, SVG, WebP ou HEIC. O ideal é um desenho quadrado e simples: nos tamanhos pequenos, detalhes finos e textos longos somem. Se a imagem não for quadrada, escolha entre mostrar ela inteira, com sobra em volta, ou preencher o quadrado, cortando as bordas. Não tem logotipo? Toque em "Fazer com texto ou emoji", escreva uma ou duas letras, como as iniciais da sua marca, ou escolha um emoji. Depois, ajuste a margem, a cor do fundo, a forma (quadrada, de cantos redondos ou redonda) e a letra.
Veja antes de baixar
Enquanto você mexe, a página mostra como o ícone fica numa aba clara, numa aba escura e na tela de um celular. Para ter certeza, toque em "Ver nesta aba": o ícone desta própria aba do navegador vira o seu, até você desligar ou sair da página.
O que vem no pacote
O arquivo .zip traz o favicon.ico, com os tamanhos de 16, 32 e 48 pixels dentro, para todos os navegadores, inclusive os antigos; os PNG de 16, 32 e 48 pixels; o ícone de 180 pixels para a tela de início do iPhone e do iPad; os de 192 e 512 pixels para o Android; o arquivo site.webmanifest, com o nome do site; e um arquivo de texto com o passo a passo. Copie os arquivos para a pasta principal do site e cole o trecho de código dentro do cabeçalho de todas as páginas. O código também aparece na tela, com um botão de copiar.
Privacidade e direitos
O ícone é desenhado pelo navegador do seu aparelho: a imagem e o texto não são enviados ao dicode.ai nem a ninguém. Um arquivo SVG é desenhado como imagem comum, sem rodar nenhum código que venha dentro dele. Os emoji são do Twemoji, um projeto aberto que permite uso comercial desde que o crédito apareça em algum lugar do seu site; o texto do crédito vem pronto no pacote. Use só imagens que você tem o direito de usar como marca.
Atualizado em 21/10/2026