Gerador de Favicon

1. Baixe seus favicons

Configuração mínima recomendada:

• 32×32 PNG - Renomeie para favicon.png (mais comum)
• SVG - Renomeie para favicon.svg (navegadores modernos, escalável)

Opcional (para melhor cobertura):

• 16×16 PNG - Renomeie para favicon.ico (navegadores legados)
• 180×180 PNG - Renomeie para apple-touch-icon.png (tela inicial do iOS)

2. Adicione ao seu site

Coloque os arquivos na raiz do seu site ou no diretório público e adicione essas tags ao head do seu HTML:

<link rel="icon" type="image/svg+xml" href="/favicon.svg">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">

Dicas

• Use designs simples e em negrito que funcionem em tamanhos pequenos
• Emojis funcionam muito bem para ícones rápidos e reconhecíveis
• SVG é recomendado para navegadores modernos (escalável e tamanho de arquivo pequeno)
• Use cores de alto contraste para melhor visibilidade