Gere a perfeição favicons em segundos
Crie favicons a partir de imagens, texto ou emojis. Baixe arquivos ICO, PNG, ícones Apple Touch, ícones do Chrome para Android e o arquivo site.webmanifest — todos gerados diretamente no seu navegador.
Da imagem
Faça o upload de um logotipo em formato PNG, JPG, SVG ou WebP e nós geraremos favicons em todos os tamanhos.
Do texto
Digite de 1 a 3 caracteres, escolha uma fonte do Google e cores — perfeito para criar ícones de marca rapidamente.
De Emoji
Escolha qualquer emoji como seu favicon. Ótimo para projetos paralelos e sites pessoais.
Tudo o que seu site precisa
Uma única ferramenta gera todos os formatos de favicon. Sem necessidade de habilidades de design.
Todos os tamanhos necessários
Gera ICO (16, 32, 48), Apple Touch Icon (180), Android Chrome (192, 512) e site.webmanifest com um clique.
Pré-visualização ao vivo no navegador
Veja seu favicon em uma aba realista do navegador Chrome enquanto o personaliza — sem precisar adivinhar.
Favicons de texto e emoji
Crie favicons a partir de letras, números ou emojis. Escolha entre 50 fontes do Google com cores personalizadas.
Trechos de código HTML
HTML pronto para copiar e colar, metadados do Next.js ou tags de link compatíveis com o Vite para sua estrutura.
Baixar como ZIP
Todos os arquivos de favicon, webmanifest e trechos de HTML estão agrupados em um único arquivo ZIP para download.
100% Privado
Tudo funciona no seu navegador. Suas imagens nunca são enviadas para nenhum servidor.
O que você recebe
Todos os arquivos que seu site precisa, reunidos em um único arquivo ZIP para download.
| Arquivo | Tamanho | Propósito |
|---|---|---|
| favicon.ico | 16+32+48 | Aba do navegador (multirresolução) |
| favicon-16x16.png | 16x16 | Recurso alternativo do navegador moderno |
| favicon-32x32.png | 32x32 | guia padrão do navegador |
| apple-touch-icon.png | 180x180 | Tela inicial do iOS |
| android-chrome-192x192.png | 192x192 | Chrome no Android |
| android-chrome-512x512.png | 512x512 | Tela inicial do Android |
| site.webmanifest | — | Arquivo de manifesto PWA |
| favicon-snippet.html | — | HTML pronto para uso |
Como funciona
Selecione um modo
Faça o upload de uma imagem, digite um texto ou escolha um emoji para seu favicon.
Personalizar
Ajuste cores, forma, espaçamento e fonte. Visualize em uma aba real do navegador.
Download
Obtenha um arquivo ZIP contendo todos os arquivos de favicon, o manifesto da web e o trecho de código HTML.
Perguntas frequentes
Quais são os tamanhos que um favicon deve ter?+
Sites modernos precisam de vários tamanhos: 16x16 e 32x32 pixels para abas de navegador (geralmente combinadas em um único arquivo .ico), 180x180 para o ícone de toque da Apple (tela inicial do iOS) e 192x192 e 512x512 para telas de abertura do Chrome no Android e de PWAs. Nosso gerador cria todos esses tamanhos automaticamente.
O que é um arquivo ICO e eu ainda preciso de um?+
Um arquivo ICO é um formato de contêiner que pode armazenar ícones de vários tamanhos em um único arquivo. Embora os navegadores modernos suportem favicons PNG, o formato .ico ainda é recomendado para máxima compatibilidade, especialmente com navegadores mais antigos e atalhos do Windows. Nossa ferramenta gera um arquivo ICO com múltiplas resoluções nos tamanhos 16x16, 32x32 e 48x48.
Posso criar um favicon usando texto ou emojis?+
Sim! Nosso gerador oferece três modos: faça o upload de uma imagem (PNG, JPG, SVG, WebP), digite de 1 a 3 caracteres com sua escolha entre 50 fontes do Google ou selecione qualquer emoji. Todos os modos permitem personalizar a cor de fundo , a forma e o espaçamento.
Como adiciono um favicon ao meu projeto Next.js?+
Coloque os arquivos gerados na sua pasta /public e, em seguida, exporte um objeto de metadados do seu arquivo app/layout.tsx. Nossa ferramenta fornece o trecho de código exato que você precisa — basta clicar na aba 'Next.js' no painel de código e copiar e colar no seu arquivo de layout.
O que é o apple-touch-icon e por que eu preciso dele?+
O ícone de toque da Apple é um PNG de 180x180 pixels que o iOS usa quando alguém adiciona seu site à tela inicial. Sem ele, o iOS fará uma captura de tela da sua página, que geralmente fica com uma qualidade ruim. Nosso gerador cria esse arquivo automaticamente.
O que é o arquivo site.webmanifest?+
O arquivo site.webmanifest é um arquivo JSON que informa ao navegador sobre seu aplicativo web — seu nome, ícones, cor do tema e modo de exibição. Ele é necessário para Aplicativos Web Progressivos (PWA) e usado pelo Chrome para Android para exibir seu ícone na tela inicial. Nosso arquivo ZIP inclui um arquivo webmanifest pronto para uso.
Este gerador de favicon é realmente gratuito?+
Sim, totalmente gratuito, sem limites, sem marcas d'água e sem necessidade de cadastro. Todo o processamento ocorre no seu navegador — nunca enviamos suas imagens para nenhum servidor.
As minhas imagens foram carregadas para um servidor?+
Não. Tudo funciona 100% no seu navegador usando a API Canvas. Suas imagens nunca saem do seu dispositivo. Nós não armazenamos, processamos ou temos acesso aos seus arquivos.
Looking for more tools? Try our App Icon Generator, Image Resizer, Image Compressor, or Screenshot Generator.