Gerador de favicon – imagem ou texto para favicon.ico

Adicione um texto ou uma imagem e receba todos os arquivos de favicon que o seu site precisa, em todos os tamanhos.

Seus textos e arquivos não saem do navegador: nada é enviado para nenhum servidor.

O apple-touch-icon (180 px) é sempre um quadrado preenchido, porque o próprio iOS arredonda os cantos.

Prévia
16×16
32×32
48×48
180×180
192×192
512×512
Arquivos
    Tags HTML (dentro de <head>)
    site.webmanifest

    Como usar

    1. Escolha “A partir de texto ou emoji” para usar uma ou duas letras ou um emoji, ou “A partir de imagem” para começar do seu logo.
    2. Ajuste a cor de fundo, o formato (quadrado, arredondado ou círculo), o tamanho do texto e a margem interna: a prévia muda na hora.
    3. Clique em “Baixar tudo (ZIP)” para receber o favicon.ico, seis PNG, o site.webmanifest e um arquivo com as tags. Também dá para baixar cada arquivo separadamente.
    4. Envie os arquivos para a pasta raiz do seu site e cole as tags HTML dentro de <head>.

    Perguntas frequentes

    Quais tamanhos vêm dentro do favicon.ico?

    Ele guarda três imagens, de 16, 32 e 48 px, salvas como PNG. Os navegadores modernos e o Windows leem direto imagens PNG dentro de um arquivo ICO.

    Posso mudar o nome dos arquivos?

    Pode, mas atualize os caminhos nas tags HTML e no site.webmanifest para combinar. O mais simples é manter os nomes padrão.

    Por que os emojis ficam diferentes em cada aparelho?

    Os emojis são desenhados com as fontes instaladas no seu aparelho, então mudam entre Windows, macOS e Android. Depois de baixado, o PNG é uma imagem e fica igual em qualquer lugar.

    Meu favicon novo não aparece no navegador.

    Os navegadores guardam favicons em cache por muito tempo. Tente uma atualização forçada ou adicione ?v=2 no fim dos caminhos dos arquivos nas tags.

    Ferramentas relacionadas

    Todas as ferramentas