Gerador de favicon grátis

Este gerador de favicon grátis transforma um JPG, PNG, WebP ou SVG em favicon.ico, um Apple touch icon e ícones PNG de 16×16 a 512×512. Sua imagem fica no seu dispositivo.

Solte sua imagem aqui

Ou clique para procurar. JPG, PNG, WebP ou SVG

Escolher imagens

Quem usa o gerador de favicon

Qualquer desenvolvedor ou designer que esteja lançando um site e precise de um pacote completo de favicons.

Lançamento de sites

Adicione um favicon antes do dia do lançamento. Envie seu logo, coloque os arquivos na pasta raiz do seu site e cole o snippet HTML no head de cada página.

Um favicon.ico para abas do navegador e favoritos
Sete tags link prontas para colar no head da sua página
Caminhos de arquivo no snippet que correspondem aos nomes dos arquivos do ZIP

PWA e ícones de apps

Obtenha os tamanhos de ícone de que um web app precisa. Adicione o icon-192x192.png e o icon-512x512.png ao seu manifest, e o apple-touch-icon.png cobre as telas iniciais do iPhone.

PNGs de 192 e 512 pixels para o manifest do seu web app
Um Apple touch icon de 180×180 para telas iniciais do iOS
Um PNG de 512×512 para o ícone do site

Renovação de marca

Logo novo? Crie um novo conjunto de favicon a partir do novo arquivo e substitua os arquivos antigos. Os nomes dos arquivos continuam os mesmos, então as tags que já estão no seu site continuam funcionando.

Recrie todos os tamanhos a partir do seu logo SVG atualizado
Troque o favicon.ico por um novo com o mesmo nome
Teste branco, preto ou transparente atrás da nova marca

O que este gerador de favicon cria

Entra uma imagem, sai um favicons.zip: favicon.ico, 7 tamanhos de PNG e um snippet HTML. Escolha antes um fundo transparente ou sólido.

Favicon.ico e PNGs a partir de uma imagem

Envie um logo e receba o favicon.ico com os tamanhos 16, 32 e 48 px dentro, além de sete arquivos PNG de 16×16 a 512×512. Todos os arquivos vêm em um único favicons.zip.

O favicon.ico contém 16, 32 e 48 px
7 ícones PNG de 16×16 a 512×512
9 arquivos salvos em um único favicons.zip

Experimente agora

Fundo do favicon transparente ou sólido

Mantenha o fundo transparente ou preencha-o com branco, preto, azul, vermelho ou verde. Um logo que não é quadrado é centralizado e ajustado dentro do quadrado, nunca cortado.

Fundo transparente por padrão
Cinco cores sólidas para escolher
Logos largos são centralizados, não cortados

Experimente agora

Ícones Apple touch e PWA

O ZIP inclui o apple-touch-icon.png em 180×180 para as telas iniciais do iPhone e do iPad, além do icon-192x192.png e do icon-512x512.png para Android e manifests de web apps.

Snippet HTML pronto para copiar

Clique em Copiar HTML para pegar sete tags link para o head da sua página. As mesmas tags são salvas como snippet.html no ZIP e apontam para arquivos na raiz do seu site.

Logos em SVG também funcionam

Envie um logo em SVG ou um arquivo PNG, JPG ou WebP. Para o ícone de 512×512 mais nítido, comece com uma imagem quadrada de pelo menos 512 pixels de largura ou com um SVG que tenha largura e altura.

Grátis, sem cadastro e sem marca d'água

Crie quantos conjuntos de favicon precisar, sem conta, sem marca d'água e sem limite diário. Seu logo é redimensionado no seu navegador e a imagem não é enviada para nós.

Como gerar um favicon em 3 passos

Envie seu logo.

Solte um arquivo JPG, PNG, WebP ou SVG na caixa ou clique para escolhê-lo. Uma imagem quadrada com pelo menos 512 pixels de largura dá o resultado mais nítido.

Confira a prévia.

Todos os tamanhos são criados de uma vez. Veja os ícones de 16, 32, 48, 96 e 180 px em tamanho real e depois escolha um fundo transparente ou sólido.

Baixe o ZIP.

Clique em Baixar ZIP para salvar o favicons.zip. Coloque os arquivos na pasta raiz do seu site e cole o snippet HTML no head das suas páginas.

Perguntas frequentes

Respostas sobre tamanhos de favicon, formatos de arquivo, fundos e como adicionar ícones ao seu site.

Como crio um favicon a partir de uma imagem?

Envie um JPG, PNG, WebP ou SVG nesta página e o gerador de favicon cria todos os tamanhos na hora. Escolha uma cor de fundo, se quiser, e clique em Baixar ZIP. Você recebe o favicon.ico, sete ícones PNG e um snippet HTML em um único arquivo.

Qual deve ser o tamanho de um favicon?

A maioria dos sites precisa de 16×16 e 32×32 para abas do navegador, 180×180 para dispositivos Apple e 192×192 mais 512×512 para Android e web apps. Esta ferramenta cria todos esses, acrescenta 48×48 e 96×96 e reúne 16, 32 e 48 no favicon.ico.

O favicon.ico ainda é necessário?

Não é estritamente necessário, já que os navegadores atuais exibem favicons PNG apontados por uma tag link. Mesmo assim, muitos navegadores e apps ainda pedem o /favicon.ico na raiz do site por padrão, então manter um evita erros de ícone ausente nos seus logs. O ZIP inclui um favicon.ico com os tamanhos 16, 32 e 48 px.

Posso usar um arquivo PNG como favicon?

Sim. Os navegadores exibem um favicon PNG quando sua página o vincula com uma tag rel="icon". O ZIP tem PNGs de 16, 32, 48, 96, 180, 192 e 512 pixels, e o snippet vincula seis deles mais o favicon.ico, então você pode colá-lo como está.

Como adiciono um favicon ao meu site?

Extraia o favicons.zip na pasta raiz do seu site, ao lado da página inicial. Depois, cole as tags do snippet.html na seção head de cada página. As tags usam caminhos como /favicon.ico, então os arquivos precisam ficar na raiz, e não em uma subpasta.

Preciso de um favicon diferente para dispositivos Apple?

Sim. O iPhone e o iPad usam o apple-touch-icon.png, um ícone de 180×180, quando alguém adiciona seu site à tela inicial. Este gerador inclui esse arquivo no ZIP, e o snippet o vincula com rel="apple-touch-icon" para que o Safari o encontre.

Posso criar um favicon a partir de um SVG?

Sim, desde que o SVG tenha largura e altura definidas. Solte-o na página e ele vira o favicon.ico e todos os tamanhos de PNG. Um SVG com apenas viewBox pode ser desenhado em branco ou distorcido, então defina o tamanho antes. Fontes e imagens vinculadas dentro do SVG podem não carregar, por isso converta o texto em curvas (paths).

Como faço um favicon sem fundo?

Deixe o fundo em Transparente, que é a opção padrão. Um PNG ou SVG com fundo transparente mantém essa transparência em todos os tamanhos. Um JPG não tem transparência, então o fundo original permanece; remova-o antes com o removedor de fundo e depois salve o resultado como PNG.

O que acontece se meu logo não for quadrado?

O logo inteiro é redimensionado para caber dentro do quadrado e centralizado, então nada é cortado nem esticado. As faixas vazias em cima e embaixo, ou nas laterais, ficam transparentes ou recebem a cor de fundo escolhida. Para preencher o quadrado, corte o logo antes com o cortador de imagens.

Ele gera um web manifest para PWA?

Não. O ZIP contém os arquivos icon-192x192.png e icon-512x512.png que um manifest usa, mas não inclui um arquivo site.webmanifest. Adicione os dois à lista de ícones do seu próprio manifest, com sizes 192x192 e 512x512 e o type image/png.

Por que meu novo favicon não aparece?

Os navegadores guardam favicons em cache por muito tempo, então um ícone antigo pode continuar aparecendo. Confira se os arquivos estão na raiz do seu site, para onde os caminhos do snippet apontam, e se as tags estão dentro da seção head. Depois, force a atualização da página ou abra-a em uma janela privada.

Este gerador de favicon é grátis e privado?

Sim. Ele é grátis, sem cadastro, sem marca d'água e sem limite de conjuntos que você pode criar. Seu logo é redimensionado dentro do seu navegador e a imagem em si não é enviada para nós. Registramos estatísticas de uso anônimas, como o tipo de arquivo, um tamanho aproximado e o fundo escolhido.