Gerador de
Favicon Grátis
Crie favicons em todos os tamanhos a partir de uma imagem — PNGs, Apple Touch Icon e ícones de PWA, com as tags HTML prontas. Grátis e sem enviar arquivos.
Solte sua imagem aqui ou clique para escolher
PNG, JPG, WebP ou SVG
Como funciona
Envie
Solte qualquer imagem PNG, JPG, WebP ou SVG para usar como base do favicon.
Gere
Todos os tamanhos padrão de favicon são gerados na hora, no seu navegador.
Baixe
Baixe tamanhos individuais ou tudo em um ZIP pronto para usar.
Gerador de favicon online: crie o pacote de favicons para o seu site a partir de uma única imagem, pronto para qualquer site ou web app. O gerador do ConverterUp produz oito tamanhos em PNG, de 16x16 a 512x512 — incluindo o Apple Touch de 180x180 e os ícones de 192 e 512 do Android e das PWAs — e um arquivo HTML com as tags link para colar na sua página. Designers e desenvolvedores economizam tempo sem precisar exportar cada tamanho à mão no editor. Tudo roda no navegador, então logotipos inéditos e arquivos da marca continuam privados e nunca ficam salvos em servidor.
Por que o favicon ainda importa em 2026
O favicon é o pequeno ícone que diferencia o seu site entre as abas do navegador, favoritos, histórico e menus. Com gente mantendo 30+ abas abertas, o favicon muitas vezes é a única parte visível da sua marca por horas. Um favicon ausente ou genérico é um sinal pequeno, mas constante, de site amador.
Além das abas, o favicon aparece como ícone na tela inicial do iPhone e do Android quando o usuário toca em 'Adicionar à Tela de Início', no menu Iniciar do Windows, no Dock do macOS quando alguém instala uma PWA e ao lado dos resultados de busca em navegadores como Chrome e DuckDuckGo.
Para PWAs, os ícones do manifest são obrigatórios: sem ícones 192 × 192 e 512 × 512 no manifest.json, o navegador não mostra o convite de instalação e o Lighthouse reprova na auditoria de instalação.
Um pacote de favicon bem feito também passa cuidado com os detalhes para quem mais importa na primeira impressão — recrutadores abrindo o portfólio, clientes vindos de um anúncio, jornalistas checando uma fonte. O custo (uma imagem, um clique) é quase zero; o custo de não ter é um 404 na aba de rede e um globo genérico na aba.
Tamanho do favicon para navegadores e sistemas atuais
16 × 16 e 32 × 32 — os favicons clássicos da aba. 32 é o padrão atual; 16 fica como alternativa para telas antigas. Navegadores modernos aceitam favicons em PNG declarados com tags link; se você também quiser um favicon.ico na raiz para clientes antigos, converta o PNG de 32 × 32 para ICO em qualquer conversor de ICO.
180 × 180 — Apple Touch Icon, usado pelo Safari no iPhone para atalhos na tela inicial. Desde o iOS 11 a Apple não exige tamanhos por aparelho; 180 é o que importa.
192 × 192 e 512 × 512 — ícones da tela inicial do Android e de instalação de PWA, declarados no manifest. O 512 também serve de ícone de abertura (splash) no Android e de fonte em alta densidade para PWAs no desktop.
Versões maskable — os ícones adaptativos do Android cortam em círculo ou squircle. Forneça um ícone com purpose maskable e uma área segura generosa (logo dentro dos 80% centrais) para o sistema não cortar a marca.
Como instalar no HTML: tags link, manifest e theme color
Coloque os arquivos gerados na raiz do site e cole no
as tags link do arquivo favicon-tags.html incluído: os ícones PNG de 16, 32 e 48 px, o apple-touch-icon.png e os ícones de 192 e 512 px.Para uma PWA, crie você mesmo um arquivo manifest.webmanifest: declare name, short_name, start_url, display: "standalone", background_color, theme_color e a lista de ícones apontando para os PNGs de 192 e 512 do pacote.
Adicione <meta name="theme-color" content="#2DD4BF"> para definir a cor da barra do navegador no Chrome para Android e nas versões recentes do Safari. Se o site tem modo escuro, crie versões com media="(prefers-color-scheme: dark)" para a barra acompanhar os dois temas.
Perguntas frequentes
Qual o tamanho ideal do favicon?
O pacote ideal tem 32x32 (aba do navegador), 180x180 (Apple Touch) e 192x192 e 512x512 (Android e PWA). Este gerador entrega oito PNGs — 16, 32, 48, 64, 128, 180, 192 e 512 pixels — mais um arquivo favicon-tags.html com as tags link, tudo em um ZIP.
Qual o tamanho recomendado da imagem original?
Use uma imagem quadrada com pelo menos 512x512 pixels, de preferência PNG ou SVG com fundo transparente. Imagens menores podem ser ampliadas, mas ficam borradas nos tamanhos grandes.
Dá para criar favicon a partir de um SVG?
Sim. Envie um SVG e o gerador rasteriza em cada tamanho para um resultado nítido. PNG, JPG e WebP também são aceitos.
Como instalo o favicon no meu site?
Descompacte o ZIP, copie os arquivos PNG para a raiz ou para a pasta de assets do site e cole no head do HTML as tags link do favicon-tags.html. Para instalar como PWA, aponte os ícones de 192 e 512 no seu próprio manifest.
Por que meu favicon não atualiza depois de trocar?
Os navegadores guardam o favicon em cache por muito tempo — às vezes semanas. Force a atualização versionando a URL (<code>/favicon.ico?v=2</code>), usando um <code>Cache-Control</code> com max-age curto ou limpando os dados do site (no Chrome DevTools: Application → Storage → Clear site data).
Ainda preciso de favicon.ico se já tenho ícones PNG?
Muitas vezes sim: navegadores antigos e muitos robôs procuram /favicon.ico na raiz por convenção, e algumas plataformas (leitores de RSS, prévias de link, sistemas internos) só olham esse caminho. O ConverterUp gera ícones PNG; converta o PNG de 32 × 32 para ICO se precisar desse arquivo antigo.