Transforme um logo, algumas letras ou um emoji em um conjunto completo de favicons — favicon.ico, PNGs em vários tamanhos, um Apple touch icon, ícones do Android e as tags HTML — gerado no seu navegador.
Gerador de favicon
Transforme um logo, algumas letras ou um emoji em um conjunto completo de favicons — favicon.ico, PNGs em vários tamanhos, um Apple touch icon, ícones do Android e as tags HTML — gerado no seu navegador.
O seu logo ou texto é desenhado em um canvas nesta aba e empacotado no ZIP no seu dispositivo. Nada é enviado, então uma marca ainda não lançada continua privada.
O gerador de favicon monta o conjunto completo de ícones do site a partir de uma única origem. Comece com uma imagem, como um logo, digite de um a três caracteres ou escolha um emoji. Cada ícone é desenhado no seu próprio tamanho em pixels, em vez de ser reduzido de um único arquivo grande: 16, 32 e 48 px vão para um mesmo favicon.ico como imagens PNG, ao lado de PNGs separados de 16 e 32 px, de um Apple touch icon de 180 px e dos ícones de 192 e 512 px que o Android usa. Um web manifest e um bloco de tags link acompanham tudo isso e, quando a origem é texto ou emoji, também sai um favicon SVG de verdade. As prévias mostram cada tamanho pixel a pixel e dentro de abas de navegador claras e escuras antes de qualquer download. Tudo é renderizado no seu dispositivo, e a sua imagem nunca é enviada.
Recursos
Imagem, texto ou emoji como origem, com prévias ao vivo antes do download
favicon.ico com imagens de 16, 32 e 48 px, além de PNGs separados de 16 e 32 px
Apple touch icon de 180 px, preenchido e com cantos retos para o iOS arredondá-lo sozinho
Ícones do Android de 192 e 512 px com um site.webmanifest correspondente
Um favicon.svg de verdade quando a origem é texto ou emoji, nítido em qualquer tamanho
Controles de ajuste, margem interna, raio dos cantos e fundo para imagens
Prévias pixel a pixel de 16 a 180 px e abas de navegador simuladas nos modos claro e escuro
Um ZIP com todos os arquivos, com as tags link prontas para colar no head do seu site
Como usar Gerador de favicon
Escolha Image, Text ou Emoji; depois solte um logo, digite até três caracteres ou escolha um emoji
Ajuste o encaixe, a margem interna, as cores e o formato dos cantos enquanto as prévias e as abas do navegador se atualizam
Informe o nome do app, a cor do tema e a pasta de onde os ícones serão servidos
Baixe o ZIP, envie os arquivos para o seu site e cole as tags link no head
Exemplo
Entrada
Source: emoji 🚀 on a rounded tile · theme colour #4f46e5 · icons in the site root
As tags geradas para uma origem de texto ou emoji; com uma imagem, a linha do SVG fica de fora.
Erros comuns e solução de problemas
O favicon antigo continua aparecendo depois de eu enviar os arquivos novos. — Os navegadores guardam favicons por muito tempo. Abra o endereço do ícone diretamente, recarregue-o com Ctrl+Shift+R (⌘⇧R no Mac) e depois recarregue a página. Uma janela anônima mostra o ícone atual na hora.
O ícone fica borrado ou sem definição na aba do navegador. — Parta de uma imagem quadrada de pelo menos 512 px e mantenha a arte simples, porque os detalhes finos desaparecem em 16 px. Um logo largo costuma funcionar melhor com mais margem interna ou com o ajuste Cover.
O Apple touch icon tem cantos pretos ou fundo preto. — O iOS pinta de preto os pixels transparentes. O ícone de 180 px é preenchido com a cor de fundo do seu ícone, ou com a cor de fundo do manifest quando o ícone é transparente, e os cantos ficam retos para o iOS arredondar.
Não há favicon.svg na lista de arquivos. — Um SVG de verdade só existe quando a origem é Text ou Emoji, porque nesses casos o caractere continua sendo texto. Uma foto ou um arquivo de logo seria apenas um bitmap dentro de um SVG, então os arquivos PNG e ICO cobrem esse caso.
Perguntas frequentes
Quais tamanhos de favicon preciso em 2026?
Um favicon.ico com imagens de 16, 32 e 48 px, um apple-touch-icon de 180 px e ícones de 192 e 512 px para o manifest cobrem quase todos os navegadores e celulares. PNGs separados de 16 e 32 px e um SVG são extras que valem a pena, e o gerador de favicon cria todos eles de uma vez.
Qual é a diferença entre favicons ICO, PNG e SVG?
O ICO é o contêiner original e ainda é pedido automaticamente na raiz de um site, então cobre navegadores antigos e favoritos. O PNG é a escolha segura para abas e ícones de celular. O SVG é um único arquivo vetorial que continua nítido em qualquer tamanho, mas nem todo navegador o aceita, e é por isso que o conjunto inclui os três.
Onde coloco os arquivos do favicon e as tags link?
Envie os arquivos para a pasta de onde o seu site é servido, normalmente a raiz, ao lado da página inicial. Depois cole as tags geradas dentro do elemento head de cada página. Se os ícones ficarem em uma subpasta, informe essa pasta na ferramenta antes, para que os caminhos nas tags e no manifest estejam certos.
Por que meu favicon não muda depois que troco os arquivos?
Os navegadores guardam favicons em cache separadamente da página e podem manter um antigo por dias. Recarregue o endereço do próprio ícone com Ctrl+Shift+R, limpe as imagens em cache do site ou teste em uma janela anônima. Renomear os arquivos e atualizar as tags também força um novo download.
Posso usar um emoji como favicon?
Pode. Escolha a aba Emoji, digite ou cole um emoji e escolha um tamanho e um fundo opcional. Os arquivos PNG e ICO são desenhados com a fonte de emojis deste dispositivo, então ficam iguais em qualquer lugar. O SVG usa texto de verdade, então o sistema de cada visitante desenha a sua própria versão do emoji.
Para que servem os ícones do Android e do manifest?
Os PNGs de 192 e 512 px são listados no site.webmanifest. O Android os usa no atalho da tela inicial e na tela de abertura, e os apps web instaláveis precisam deles. O manifest também guarda o nome do app, o nome curto e as cores, que você define na ferramenta.
Ferramentas relacionadas
Gerador de ícones de app — Transforme uma imagem em todos os tamanhos de ícone de app para iOS, macOS e Android, baixados em um ZIP, no seu navegador.
SVG para PNG — Transforme marcação SVG ou um arquivo .svg em um PNG ou JPG nítido em qualquer escala, no navegador.