Um favicon que não atualiza geralmente está preso no navegador: os navegadores guardam os favicons em um cache próprio, que um recarregamento normal não limpa. A correção mais rápida é dar ao ícone uma nova URL, com um novo nome de arquivo ou um parâmetro de versão como /favicon.svg?v=2, e atualizar as tags <link>. Antes disso, confirme que o servidor e a CDN realmente enviam o arquivo novo.
Primeiro: o servidor está enviando o ícone novo?
Abra a URL do ícone diretamente, por exemplo https://example.com/favicon.ico, em uma janela anônima. Se você vir o ícone antigo ali, o problema está no servidor: uma CDN ou proxy ainda guarda o arquivo antigo, o deploy não o substituiu ou o HTML aponta para outro lugar. O Favicon Checker baixa cada ícone declarado do zero e mostra os cabeçalhos de cache que o seu servidor envia.
Mude a URL
Uma URL nova passa pelo cache do navegador, pela CDN e pelo Google de uma só vez:
<link rel="icon" href="/favicon.ico?v=2" sizes="32x32">
<link rel="icon" href="/favicon.svg?v=2" type="image/svg+xml">
<link rel="apple-touch-icon" href="/apple-touch-icon.png?v=2">Faça o mesmo com os ícones do manifest. O próprio /favicon.ico não pode ser renomeado, já que os navegadores pedem exatamente esse caminho; uma limpeza do cache da CDN resolve.
Limpe no navegador
- Chrome e Edge: abra a URL do ícone em uma aba, pressione Ctrl+Shift+R (Cmd+Shift+R no Mac) e depois recarregue a sua página. Os ícones são guardados junto com o histórico, então, se o antigo persistir, apague as entradas do site no histórico ou reinicie o navegador.
- Firefox: o recarregamento pela URL direta funciona aqui também. O Firefox também guarda os ícones com o histórico: abra a Biblioteca, clique com o botão direito no site e escolha Esquecer este site.
- Safari: feche o Safari por completo e abra de novo. No Mac, Develop → Empty Caches também ajuda (ative o menu Develop em Settings → Advanced).
Defina cabeçalhos de cache sensatos
Ícones raramente mudam, então um cache longo não é problema, desde que você mude a URL quando o ícone mudar. Arquivos com versão no nome ou no parâmetro podem ficar em cache por um ano:
Cache-Control: public, max-age=31536000, immutablePara ícones em caminhos fixos, como /favicon.ico, de um dia a uma semana evita que os visitantes esperem meses por uma mudança de marca:
Cache-Control: public, max-age=604800Telas iniciais e apps instalados
O iOS copia o Apple touch icon quando alguém adiciona o seu site à tela inicial e nunca o atualiza. O visitante precisa remover o atalho e adicioná-lo de novo. Com web apps instalados é diferente: o Chrome confere de tempos em tempos o manifest de um app instalado e passa a usar um ícone alterado. No Android, ele pode perguntar ao usuário antes de trocar.
Google Search
O Google atualiza o favicon quando rastreia a sua página inicial de novo, o que pode levar dias ou semanas. Solicite a indexação da página inicial no Search Console para dar um empurrão. Se o ícone continuar igual, compare-o com os requisitos de favicon do Google.