Gerador de Favicons

Converta uma imagem ou SVG em um pacote completo de favicons: arquivo favicon.ico multi-tamanho, ícones para Apple e Android, e tags HTML.

  • Geradores
  • Gratuito
  • Sem cadastro
Choose an image

Click to choose a file, or drop one here

PNG, JPG, WebP or SVG. Square and 512 px or larger works best.

Gratuito · Privado · Roda no seu navegador

Por que usar

  • O conjunto completo

    Um favicon.ico multitamanho de verdade, ícone Apple touch, ícones Android e maskable, além do manifest.

  • Prévias ao vivo

    Ajuste cores, encaixe, margem e formato e veja o resultado em abas e telas iniciais.

  • Marcação pronta

    Baixe um único zip e cole o HTML gerado no <head>.

Ideal para

  • Lançar um novo site ou aplicativo web
  • Tornar um PWA instalável com os ícones corretos
  • Atualizar o ícone de uma marca em todos os dispositivos

Como usar

  1. Carregue um arquivo PNG, JPG, WebP ou SVG (preferencialmente uma imagem quadrada de 512×512 px ou mais).
  2. Configure o nome do aplicativo, cores de fundo, preenchimento (padding) e formato com pré-visualização ao vivo.
  3. Baixe o arquivo ZIP com todos os ícones e faça o upload para a raiz do seu site.
  4. Copie o trecho de código HTML gerado e cole dentro da tag <head> das suas páginas.

Perguntas frequentes

Como criar um favicon para o meu site?
Envie uma imagem quadrada (512 px ou mais é o ideal), ajuste as cores e o formato e baixe o arquivo ZIP. Faça o upload dos arquivos para a raiz do site e cole o código HTML gerado dentro da tag <head> das suas páginas.
Quais arquivos são incluídos no pacote ZIP?
O download inclui um favicon.ico real multi-camadas (16, 32 e 48 px), PNGs em 96 px, apple-touch-icon em 180 px, ícones para Android em 192 e 512 px, ícone maskable de 512 px, arquivo site.webmanifest configurado e o favicon.svg vetorial.
Minha imagem de logotipo sai do navegador?
Não. Cada uma das resoluções é desenhada e exportada localmente em um Canvas e compactada em ZIP no seu navegador.
Qual o melhor formato de imagem para enviar?
Arquivos vetoriais SVG ou imagens PNG quadradas de alta resolução (512×512 px ou superior). Imagens não-quadradas podem ser ajustadas nos modos Contain (com margens) ou Cover (com recorte).
O que é um ícone maskable (adaptativo)?
No Android, ícones salvos na tela inicial são recortados pelo sistema em formatos variados (círculo, quadrado com cantos arredondados, etc.). O ícone maskable garante que o logotipo fique posicionado na área segura interna, sem ser cortado.
Por que o ícone para dispositivos Apple requer cor de fundo?
O iOS converte áreas transparentes de ícones apple-touch-icon em preto. Por isso, a ferramenta preenche o fundo com a cor que você selecionar.

Mais 30 ferramentas gratuitas, sem cadastro

Codificadores, geradores, mídia e marketing — tudo direto no navegador.

Ver todas as ferramentas