Escolha sua arte
Envie um SVG para ter os ícones mais nítidos e um favicon SVG, ou um PNG, JPG, WebP ou HEIC. Com login, você pode escolher um dos seus resultados desbloqueados.
Gerador de Favicon e ícones PWA
Um envio, todos os ícones que uma aba do navegador ou uma tela inicial pedem, mais as tags que apontam para eles.
Crie seu conjunto de favicons
SVG, PNG, JPG, WebP, HEIC · até 8 MB · grátis para seus próprios arquivos e resultados desbloqueados
O que esta ferramenta faz
Gera todos os ícones de que seu site precisa a partir de uma imagem: favicon.ico, favicons PNG, um favicon SVG (a partir de um SVG), um Apple touch icon na sua cor de fundo e ícones de web app — incluindo os maskable, que continuam nítidos quando o celular os corta no formato dele. O ZIP também traz site.webmanifest e favicon.html, com as tags para colar nas suas páginas. Um PNG, JPG, WebP ou HEIC recebe todos os ícones menos o favicon SVG; esta ferramenta não faz traçado de imagens.
Por segurança, scripts, animações, conteúdo web incorporado, links e tudo o que carrega outro arquivo são removidos; sua arte e as imagens PNG, JPEG ou WebP incorporadas ficam. O resultado lista tudo o que foi removido.
Entradas, saídas e limites
Entrada
SVG, PNG, JPEG, WebP ou HEIC
Saída
ZIP com favicon.ico, favicons PNG, um favicon SVG (de origens SVG), um Apple touch icon, ícones PWA, site.webmanifest e as tags HTML
Limites
Arquivos de até 8 MB; imagens PNG, JPG e WebP de até 24 megapixels, redimensionadas para 1.536 px antes da exportação. Gera favicon.ico com imagens de 16, 32, 48 px, favicons PNG de 16 e 32 px, um Apple touch icon de 180 px e ícones de app de 192 e 512 px, cada um também como ícone maskable com a arte dentro da zona segura (um círculo centralizado com raio de 40% do tamanho do ícone). Limite de processamento: 30 s.
Como funciona
Dê um nome e escolha as cores
O nome e o nome curto vão para o web manifest. A cor de tema é o tom que alguns navegadores dão à interface; a cor de fundo preenche o Apple touch icon e os ícones maskable.
Envie os arquivos e cole as tags
Coloque todos os arquivos do ZIP na pasta que você informou como prefixo de caminho e cole as tags do favicon.html no head de cada página. O README do ZIP explica para que serve cada arquivo.
Solução de problemas
Por que não tem favicon.svg?
Um favicon SVG só é gerado a partir de um SVG que seja todo vetorial. Um PNG, JPG, WebP ou HEIC, ou um SVG com uma imagem dentro, recebe os favicons PNG e ICO no lugar, e o resultado avisa isso.
O ícone antigo continua aparecendo
Os navegadores guardam favicons no cache por muito tempo. Abra a página numa janela anônima ou limpe os dados do site para ver os arquivos novos.
Meu logo parece pequeno no ícone maskable
Os launchers podem cortar um ícone maskable em círculo, por isso a arte é reduzida para caber na zona segura circular. Diminua a margem para aumentá-la; uma marca redonda pode preencher o círculo inteiro.
O prefixo de caminho muda o manifest?
Não. Os caminhos dos ícones dentro do site.webmanifest são relativos ao manifest, então funcionam em qualquer pasta, desde que os arquivos fiquem juntos. O prefixo define os caminhos no favicon.html.
Acesso e preços
Esta ferramenta não gasta créditos quando usada num arquivo que você enviar ou num resultado que você já desbloqueou. Os arquivos ficam guardados por 24 horas para visitantes e 30 dias em uma conta. Veja os preços.