Gerador de favicon
Dê ao seu site um ícone de guia adequado e um ícone de tela inicial em todos os tamanhos que os navegadores e telefones esperam.
- Os arquivos nunca saem do seu dispositivo
- 100% grátis
- Sem cadastro
- Sem marca d'água
- Funciona offline após a primeira carga
ou arraste e solte uma foto aqui — ou cole com Ctrl+V
Como fazer um favicon
- Selecione ou solte seu logotipo (PNG, SVG, JPG…) ou digite letras ou um emoji e clique em Criar.
- Ajuste o estofamento, a forma e o plano de fundo e verifique as pré-visualizações do navegador e do telefone.
- Clique em Make favicon set, baixe o ZIP, faça o upload dos arquivos para o seu site e cole o código HTML na seção principal da sua página.
Sobre: Gerador de favicon
Um favicon é o pequeno ícone mostrado nas guias do navegador, favoritos e nas telas iniciais do telefone. Diferentes navegadores e dispositivos precisam de tamanhos e arquivos diferentes, então esse gerador faz todo o conjunto de uma imagem e dá a você o HTML exato para colar em seu site.
Comece com um logotipo, um SVG, ou simplesmente letras ou um emoji. Adicione estofamento, torne-o redondo ou arredondado, dê um plano de fundo e veja como ele fica em uma luz e uma aba escura do navegador e em um telefone antes de baixar. Tudo é criado no seu navegador.
Ideal para
- Adicionar um favicon a um novo site ou blog
- Criando ícones de PWA e tela inicial para um aplicativo da Web
- Substituindo um favicon.ico embaçado por um multi-tamanho afiado
Dica: Formas simples e letras ousadas lidas melhor às 16 px — Evite pequenas mensagens no seu favicon.
Perguntas frequentes
Que arquivos estão incluídos?
favicon.ico (16, 32 e 48 px), favicons PNG em 16, 32, 48 e 96 px, um ícone 180 px Apple touch, 192 e 512 px Android / ícones PWA, um ícone mascarável, um bloco do Windows, site.webmanifest, browserconfig.xml e o código HTML — mais favicon.svg quando você começa a partir de um SVG.
Qual o tamanho do meu logotipo?
Os pixels quadrados e pelo menos 512 × 512 funcionam melhor. Um SVG é ideal porque permanece nítido em todos os tamanhos.
Por que o ícone da Apple tem um fundo?
iPhones e iPads preenchem áreas transparentes com preto, então o ícone de toque da Apple sempre recebe a cor de fundo que você escolher.
Posso fazer um favicon sem um logotipo?
Sim, digite de uma a três letras ou um emoji, escolha a fonte, as cores e a forma e clique em Criar.
Meu logotipo está carregado?
Não. Os ícones são feitos no seu navegador, para que seu logotipo nunca saia do seu dispositivo.