Onde o favicon.ico Vai? A Convenção do Caminho Raiz
Por convenção de longa data, navegadores e muitos crawlers solicitam /favicon.ico da raiz do seu domínio mesmo sem nenhuma tag de link apontando para ele. Então um favicon.ico servido na raiz do site é o único arquivo que satisfaz tudo que pergunta por caminho. Onde você o coloca fisicamente varia por stack (public/ para a maioria dos frameworks, o diretório app para o Next.js), mas ele precisa acabar respondendo em /favicon.ico.
A requisição de raiz que ninguém declara
Mesmo que o seu head não tenha nenhum link de ícone, navegadores, leitores de feed e crawlers ainda vão pedir /favicon.ico bem na raiz do domínio. É uma requisição implícita que antecede a tag de link, e muitos clientes dependem dela.
É por isso que o arquivo precisa ser resolvido no caminho raiz. Suas tags de link cobrem todo o resto (SVG, tamanhos PNG, apple-touch-icon), mas essa única URL é solicitada quer você aponte para ela ou não.
Onde o arquivo vai por stack
| Stack | Coloque o arquivo em |
|---|---|
| HTML puro | A raiz do site, servida em /favicon.ico |
| Vite / React / Vue | public/, copiado para a raiz |
| Next.js App Router | o diretório app (app/favicon.ico) |
| WordPress | a configuração de Ícone do Site, não um arquivo que você envia |
| Angular | public/, ou listado nos assets em angular.json |
Perguntas frequentes sobre caminho do favicon
Onde coloco o favicon.ico?
Em algum lugar que o sirva em /favicon.ico: a raiz do site para HTML puro, public/ para a maioria dos frameworks, o diretório app para o Next.js App Router. WordPress e Shopify cuidam disso por meio de uma configuração em vez de um arquivo.
O favicon realmente precisa estar na raiz?
Para a requisição implícita, sim. Clientes que pedem /favicon.ico por caminho não vão encontrá-lo em outro lugar. Ícones adicionais podem ficar em outros lugares desde que suas tags de link apontem para eles.
Ainda preciso do favicon.ico se tenho tags de link?
Sim. As tags de link servem os navegadores, mas as requisições por caminho de crawlers e clientes mais antigos contornam o seu HTML e vão direto para /favicon.ico.