Gerador de favicon
Escolha o ícone, a cor e o fundo — e baixe o pacote completo, com o código pronto para colar no seu site.
Fundo
Ícone
Nome do site (opcional)
Baixar
- favicon.ico
- favicon-16x16.png · favicon-32x32.png
- apple-touch-icon.png (180px)
- android-chrome-192x192.png · 512x512.png
- favicon.svg · site.webmanifest · COMO-INSTALAR.txt
Código para o <head>
<link rel="icon" href="/favicon.ico"> <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"> <link rel="apple-touch-icon" href="/apple-touch-icon.png"> <link rel="manifest" href="/site.webmanifest">
Perguntas frequentes
O que vem no pacote?⌄
favicon.ico, favicon-16x16.png, favicon-32x32.png, apple-touch-icon.png (180px), android-chrome-192x192.png, android-chrome-512x512.png, favicon.svg, site.webmanifest e um arquivo com as instruções de instalação.
Onde coloco os arquivos?⌄
Na pasta raiz pública do seu site (geralmente public/ ou a raiz do domínio) e cole as linhas de <link> dentro da tag <head>. As instruções vêm dentro do ZIP.
Meu favicon antigo não sai do navegador. O que faço?⌄
O navegador guarda o favicon em cache por bastante tempo. Force a atualização com Ctrl+F5, ou abra o endereço do arquivo direto (seusite.com/favicon.ico) para conferir se o novo já está no ar.
É grátis mesmo?⌄
Sim, sem cadastro e sem marca d'água. Tudo é gerado no seu próprio navegador — as imagens não passam pelo nosso servidor.