Como trocar o favicon em qualquer criador de sites
Como trocar um favicon
Como trocar o favicon no Webflow, Wix, Shopify e outros | We.Inc
Passo a passo para trocar o favicon no Webflow, Squarespace, Wix, Shopify, WordPress e HTML, regras de tamanho publicadas e por que o Google ainda mostra o ícone antigo.
Para trocar um favicon, envie uma nova imagem quadrada nas configurações do site do seu criador de sites e depois publique. Webflow, Squarespace, Wix, Shopify e WordPress têm cada um o próprio campo de ícone; em um site feito à mão, você substitui o arquivo e a tag link rel=icon. Navegadores e o Google guardam ícones em cache, então o antigo pode continuar aparecendo por um tempo.
Onde fica a configuração do favicon, em outubro de 2026
Criador de sites
Onde encontrar
Tamanho indicado na página de ajuda
Webflow
Configurações do site (procure o campo de favicon ou ícone)
Confira a página de ajuda do Webflow para as regras de tamanho atuais
Squarespace
Painel Favicon
De 100x100 a 300x300 px, .png, no máximo 100 KB
Wix
Configurações, Configurações do site, Favicon
Quadrado com lado múltiplo de 48 px, exceto SVG
Shopify
Editar tema, Configurações do tema, Logo ou Favicon
16x16 ou 32x32 px
WordPress 6.5+
Configurações, Geral, Ícone do site
Quadrado, com pelo menos 512 px, .png recomendado
Encontre seu criador de sites abaixo. Cada conjunto de passos foi tirado da página de ajuda do próprio criador. Se o seu site é programado à mão, o último cartão escreve as tags link para você. Crie o ícone primeiro com nosso gerador de favicon se ainda não tiver um.
Encontre seu criador de sites na lista e siga os passos, prestando atenção às regras de cada plano.
Para um site feito à mão, digite a pasta onde ficam seus arquivos de ícone para gerar as tags link.
Envie ou cole, publique o site e depois abra-o em uma janela anônima para ver o novo ícone.
Dê tempo para o Google rastrear de novo. A ajuda de favicon dele diz que isso pode levar de vários dias a várias semanas.
Deixe o ícone quadrado. O Google exige proporção 1:1 e recomenda usar mais de 48x48 pixels.
Mantenha o ícone no mesmo endereço depois que ele estiver no ar. O Google pede uma URL de favicon estável.
Confira se o robots.txt não bloqueia o arquivo do ícone. O Googlebot e o Googlebot-Image precisam conseguir buscá-lo.
Use uma forma simples e marcante. Detalhes finos somem no tamanho de uma aba.
Perguntas frequentes
Por que o Google ainda mostra meu favicon antigo?
O Google pega o novo favicon quando rastreia de novo sua página inicial, o que, segundo a página de ajuda dele, pode levar de vários dias a várias semanas. Você pode pedir um novo rastreamento mais rápido solicitando a indexação da página inicial na ferramenta de inspeção de URL do Search Console.
Por que meu navegador ainda mostra o ícone antigo?
Os navegadores guardam favicons em cache por muito tempo. A página de ajuda do Squarespace sugere limpar o cache do navegador e reiniciá-lo. Abrir o site em uma janela anônima é um jeito rápido de confirmar que o novo ícone está mesmo no ar.
Posso adicionar um favicon no plano Starter da Shopify ou em um site gratuito do Wix?
Não, em outubro de 2026. A página de ajuda da Shopify diz que o plano Starter não permite adicionar favicon. O Wix exige um plano Premium e um domínio conectado, e você precisa publicar o site antes.
Posso ter um favicon diferente no modo escuro?
Em alguns criadores de sites, sim. O Squarespace permite enviar uma versão para o modo escuro depois de definir o ícone padrão. Em um site feito à mão, você pode apontar para um ícone SVG que muda de cor com uma media query prefers-color-scheme dentro do SVG.
O que o Google precisa antes de mostrar seu ícone
O Google lê a tag link no head da sua página inicial. Ele aceita os valores de rel icon, shortcut icon, apple-touch-icon e apple-touch-icon-precomposed, e formatos como ICO, PNG, GIF e JPEG.
O Google mostra um favicon por nome de host. Um subdomínio como shop.example.com pode ter o seu, mas uma pasta como example.com/shop não pode.
Quando a configuração não aparece no criador de sites
Se o seu plano esconde o campo de favicon, fazer upgrade costuma ser o único caminho em criadores hospedados, porque você não pode editar o head da página por conta própria. Em sites auto-hospedados, você sempre pode adicionar a tag link à mão.
As regras de favicon do Google
Da página de ajuda de favicon do Google, outubro de 2026
Regra
Detalhe
Formato
Quadrado, proporção 1:1
Tamanho
Pelo menos 8x8 px; mais de 48x48 recomendado
Formatos de arquivo
Qualquer formato de favicon válido, como ICO, PNG, GIF, JPEG, BMP
Por site
Um favicon por nome de host
Rastreamento
O Googlebot e o Googlebot-Image precisam ter permissão para buscá-lo
Atualizações
De vários dias a várias semanas; solicite a indexação para acelerar
Exemplo de código
Um favicon SVG que muda no modo escuro
Salve o SVG como icon.svg. O bloco style dentro dele muda o preenchimento quando o sistema do visitante está no modo escuro. Mantenha também um favicon.ico, já que nem todo navegador lê ícones SVG.
Passos para o seu criador de sites
Site feito à mão (HTML)
Pasta onde ficam seus ícones
Também tenho um ícone SVG
Cole no head de todas as páginas
Copiar
Copiado.
Primeiro envie favicon.ico, icon.png (pelo menos 48x48) e apple-touch-icon.png (180x180) para essa pasta.
Webflow
Abra as configurações do seu site e encontre o campo de favicon ou ícone do site.
Envie uma imagem quadrada.
Salve e publique o site para que o novo ícone entre no ar.
A página de ajuda do Webflow não estava legível quando verificamos, então siga os rótulos do seu próprio painel para os nomes exatos dos menus e os tamanhos.
Squarespace
Abra o painel Favicon.
Arraste sua imagem para a área de upload ou clique nela para escolher um arquivo.
Se quiser, adicione uma versão para o modo escuro (só depois de definir um favicon padrão).
Clique em Salvar.
A página de ajuda sugere de 100x100 a 300x300 pixels, arquivos .png e no máximo 100 KB.
Wix
Vá em Configurações no painel do seu site.
Clique em Configurações do site.
Clique em Fazer upload de imagem, em Favicon.
Escolha seu arquivo.
Exige um plano Premium, um domínio conectado e um site publicado. A imagem precisa ser um quadrado com lado múltiplo de 48 px, exceto se for SVG.
Shopify
No admin da Shopify, vá em Loja virtual.
Encontre seu tema e clique em Editar tema.
Clique no ícone Configurações do tema e depois em Logo ou Favicon, dependendo do seu tema.
Em Imagem do favicon, clique em Selecionar imagem, escolha ou adicione a imagem e clique em Concluído.
Clique em Salvar.
A Shopify considera 16x16 ou 32x32 px o tamanho ideal. Não disponível no plano Starter.
WordPress
Envie uma imagem quadrada de pelo menos 512 px para a Biblioteca de mídia.
Vá em Configurações e depois em Geral.
Clique em Escolher um ícone do site.
Selecione a imagem que você enviou.
Antes da versão 6.5, a configuração ficava em Aparência, Personalizar, Identidade do site.