Gerador de favicon
Transforme um logotipo, SVG, letra ou emoji em um conjunto completo de favicons para navegadores, Google, iPhone e Android, com prévias ao vivo e código de instalação pronto.
Como usar: Gerador de favicon
- 1
Escolha uma origem
Envie um logotipo em PNG, JPG, WebP ou SVG e recorte-o em quadrado, ou digite uma letra ou emoji e escolha a fonte e as cores.
- 2
Ajuste cada plataforma
Defina o fundo, os cantos e a margem para navegadores, iOS e Android, torne o ícone do Android maskable e confira as prévias ao vivo da aba, da busca e da tela inicial.
- 3
Baixe e instale
Receba favicon.ico, favicon.svg, ícones PNG e site.webmanifest em um único ZIP e siga as instruções para HTML, Next.js, Vite ou WordPress.
O que tem um conjunto de favicons moderno
O favicon é o pequeno ícone que aparece nas abas do navegador, nos favoritos e nos resultados de busca do Google; no celular, ele vira o ícone do seu site na tela inicial. Cada plataforma pede os próprios arquivos, por isso um favicon moderno não é uma única imagem, e sim um pequeno conjunto de imagens mais um manifesto de web app.
Envie um logotipo em PNG, JPG, WebP ou SVG e recorte-o em quadrado, ou crie um ícone a partir de uma letra ou emoji. Depois ajuste cada plataforma separadamente: fundo e cantos para navegadores desktop e para o Google, fundo sólido e margem para a tela inicial do iPhone e um ícone maskable para o Android que mantém o logotipo dentro da zona segura. As prévias ao vivo mostram abas do navegador nos modos claro e escuro, a barra de favoritos, um resultado do Google e as telas iniciais do iOS e do Android com máscaras em círculo, squircle e quadrado arredondado.
O ZIP segue as boas práticas atuais: favicon.ico com 16, 32 e 48 px, favicon.svg quando a origem é um SVG (com adaptação opcional ao modo escuro), favicon-96x96.png, apple-touch-icon.png de 180×180, ícones de 192 e 512 px para o manifesto e site.webmanifest. Copie o código HTML ou siga os passos para Next.js, React/Vite ou WordPress e depois teste o resultado com o nosso verificador de favicon. Tudo é gerado no seu navegador.
Tudo funciona localmente no seu navegador: suas imagens nunca são enviadas para um servidor.