Crie um pacote completo de favicons a partir de um logótipo, um ícone ou um monograma — favicon.ico, PNGs modernos, ícone Apple touch, ícones PWA, manifesto web e trecho HTML.

Carregue um logótipo, escolha um ícone ou escreva um monograma — geramos todos os favicons de que um site moderno precisa: desde o clássico favicon.ico até ao ícone Apple touch, os ícones PWA e um trecho HTML pronto a colar.

Largue um PNG aqui ou clique para carregar
PNG transparente recomendado · também aceita JPG / WebP
64%
Cor de fundo
0%
Usada pela interface do navegador e pelo manifesto PWA.
O seu site
example.com
Marcador · 32px
Apple touch · 180px
PWA · 512px

O seu pacote de favicons está pronto
O download do ZIP foi iniciado. Descompacte-o na raiz do seu site e cole o trecho HTML no seu <head>.

Sobre Gerador de favicons

O Favicon Generator cria todos os ícones que um site moderno precisa a partir de uma única fonte: envie um logo em PNG, escolha um ícone de fonte ou digite um monograma. O pacote inclui o clássico favicon.ico (16, 32 e 48 px), favicons modernos em PNG, o Apple touch icon de 180 px, ícones PWA de 192 e 512 px, um site.webmanifest e o trecho HTML para o cabeçalho.

A estilização é feita na própria ferramenta: escolha uma cor de fundo ou mantenha a transparência, recorte em formato quadrado, arredondado ou círculo, ajuste o espaçamento e o tamanho da arte, e defina a cor de tema usada pela interface do navegador e pelo manifesto PWA. Uma pré-visualização ao vivo mostra seu ícone em contextos reais — uma aba de navegador de 16 px, um favorito, o ícone Apple touch e um ícone PWA.

Tudo é renderizado em um canvas no seu navegador, e Gerar monta o pacote completo em um ZIP com um README. A instalação é em duas etapas: descompacte na raiz do seu site e cole o trecho fornecido no seu <head>.

Como usar Gerador de favicons

  1. Escolha sua fonte: envie um logo PNG, selecione um ícone de fonte ou digite um monograma.
  2. Estilize-o — cor de fundo ou transparência, forma, espaçamento e tamanho da arte.
  3. Preencha o nome do site, o nome curto e a cor de tema para o manifesto PWA.
  4. Confira as pré-visualizações: aba do navegador, favorito, contextos Apple touch e PWA.
  5. Clique em "Gerar favicons" e descompacte o pacote na raiz do seu site.
  6. Cole o trecho HTML do pacote no <head> da sua página.

Perguntas frequentes

Sim — o pacote completo, incluindo o .ico, todos os tamanhos de PNG, o manifesto e o trecho HTML, é gratuito para gerar e baixar.

favicon.ico com camadas de 16, 32 e 48 px, favicons modernos em PNG, o apple-touch-icon de 180 px, ícones PWA de 192 e 512 px, um site.webmanifest, o trecho HTML pronto para colar e um README com os passos de instalação.

Sim. Navegadores e crawlers ainda solicitam /favicon.ico como alternativa, e clientes mais antigos dependem dele. O pacote o inclui junto com os links PNG modernos, para que todo visitante tenha um ícone nítido.

Descompacte o arquivo na raiz do seu site, de modo que os arquivos fiquem na raiz do domínio, depois cole o trecho HTML fornecido no <head> das suas páginas. O README dentro do ZIP repete essas etapas.

Ela é escrita no manifesto e nas meta tags, tingindo a interface do navegador em dispositivos móveis e a tela de splash e a barra de título do PWA instalado, para que combinem com sua marca.

Sim. Digite um monograma de uma ou duas letras e escolha uma tipografia e cores, ou selecione um glifo da biblioteca de ícones de fonte — o gerador o renderiza em cada tamanho, assim como faria com um logo enviado.


Pesquisas populares
gerador de favicon criador de favicon.ico criar favicon online apple touch icon gerador de ícone PWA favicon do logo
Precisa de ajuda?
Encontrou um problema com esta ferramenta? Avise a nossa equipa.
Relatar um problema

Adicione esta ferramenta gratuita ao seu próprio site — copie e cole o código abaixo.