Etapa 1
Informe um ou dois caracteres
Digite uma letra, inicial curta ou sequência de emoji. A prévia é atualizada conforme você edita o valor.
Ferramentas de design grátis
Gerador de favicon
Crie um favicon simples a partir de uma letra ou emoji, ajuste cores, cantos e tamanho de exportação e baixe um PNG ou SVG para seu site sem cadastro ou login.
Visualização: 512 × 512pxEntrada: F
Verifique a opção de 16 px ou 32 px antes de usar o ícone em uma aba do navegador. Os downloads PNG e SVG são criados neste navegador.
Como criar um favicon
Etapa 2
Ajuste cor, cantos e tamanho
Escolha cores de primeiro plano e fundo, defina o raio dos cantos e selecione o tamanho de exportação necessário.
Etapa 3
Inspecione e exporte
Confira a menor visualização pretendida e baixe o PNG ou SVG que corresponde à sua próxima etapa de site.
Escolha um tamanho e formato de favicon
Use o seletor de tamanho para inspecionar a mesma marca simples em escalas diferentes. Estas são exportações individuais; portanto, escolha o arquivo que corresponde à próxima etapa do fluxo de trabalho.
16px e 32px para abas do navegador
Use as menores opções para conferir se uma letra ou emoji continua reconhecível em uma aba ou espaço do tamanho de um favorito.
48px para um fallback maior no navegador
Uma exportação de 48px fornece uma versão maior para inspecionar quando o ícone precisa de mais espaço que uma prévia minúscula de aba.
180px para fluxos de ícone de toque
Escolha 180px quando precisar de um ativo maior orientado a toque para continuar na configuração do seu próprio site.
512px para uma exportação mestre
A maior opção preserva mais escala para um fluxo posterior; ela continua sendo um único PNG ou SVG, não um pacote de plataforma.
PNG ou SVG para a próxima etapa
PNG é um arquivo bitmap comum. SVG continua escalável para fluxos de trabalho web e de design compatíveis. Ambos são ações reais de download nesta página.
Mantenha um favicon claro em tamanhos pequenos
Um favicon tem pouco espaço para detalhes. Revise o resultado no tamanho pretendido antes de adicioná-lo a um site ou compartilhá-lo com um colaborador.
Mantenha a forma simples
Texto curto, um único símbolo e uma silhueta limpa são mais fáceis de reconhecer quando o ícone é reduzido a 16px.
Use contraste visível
Escolha primeiro plano e fundo com separação clara e confira a prévia em superfícies claras e escuras do navegador.
Confira o tamanho de exportação selecionado
Confirme o seletor de tamanho antes de baixar para que uma verificação de 16px não seja confundida com um ativo mestre maior.
Adicione o favicon a um site
Depois de baixar, disponibilize o arquivo em um caminho público e aponte o head da página para o nome exato do arquivo. O exemplo abaixo é intencionalmente mínimo.
Coloque o arquivo baixado na raiz pública
Coloque o PNG ou SVG onde seu site possa servi-lo, como um diretório público ou estático. A pasta exata depende do seu sistema de compilação.
Adicione um link básico de ícone
Use um link correspondente no head, por exemplo: <link rel="icon" href="/favicon.svg" type="image/svg+xml">. Substitua o caminho pelo nome de arquivo implantado.
Confira o caminho e o cache do navegador
Se o favicon não aparecer, abra a URL do arquivo diretamente, inspecione o caminho no head do HTML e force uma atualização após a implantação.
Privacidade e escopo
Este é um criador de favicon focado em texto e emoji. Saber o que ele faz e não faz mantém claras as expectativas sobre a saída.
Renderizado no seu navegador
A prévia usa Canvas do navegador e o arquivo SVG é montado na página. Não é necessário cadastro nem login.
Somente texto e emoji nesta versão
A entrada atual aceita até dois caracteres. Ela não é um envio de imagem, conversor SVG, recortador de logotipo nem verificador de favicon.
PNG e SVG, não um pacote completo
As saídas disponíveis são PNG e SVG. Arquivos ICO, ZIP, manifesto, Apple, Android e PWA estão fora do escopo desta página.
Privacidade e limites
Esta prévia de favicon de texto e emoji é desenhada no navegador. Não é necessário cadastro nem login, e esta página não envia uma imagem nem cria um pacote de ícones no servidor.
- • A entrada atual aceita somente texto ou emoji e lê até dois caracteres.
- • A ferramenta exporta um tamanho PNG ou SVG selecionado por vez.
- • Ela não cria pacotes favicon.ico, ZIP, manifesto, Apple, Android ou PWA.
- • Ela não envia imagens, recorta logotipos, gera HTML automaticamente nem implanta arquivos em um site.
- • A renderização de emoji e fontes pode variar entre sistemas operacionais e navegadores.
Perguntas frequentes
Este gerador de favicon é gratuito e preciso de uma conta?
A ferramenta é gratuita para usar online e não exige cadastro nem login. Ela cria a prévia na sessão atual do navegador.
Posso criar um favicon a partir de texto ou emoji?
Sim. Informe uma ou duas letras, iniciais ou uma sequência de emoji. A ferramenta atual foi projetada para favicons simples de texto e emoji, não para envio de imagens.
Posso baixar arquivos PNG e SVG?
Sim. Escolha um tamanho de exportação e baixe um PNG ou SVG. Esta página não cria favicon.ico, ZIP, manifesto nem pacotes completos de plataforma.
Quais tamanhos de favicon estão disponíveis?
O seletor de tamanho inclui 16, 32, 48, 180 e 512 pixels. São opções individuais de exportação, não um pacote de vários arquivos gerado automaticamente.
Como adiciono um favicon ao HTML?
Coloque o PNG ou SVG baixado em um caminho público e adicione um elemento link correspondente, como <link rel="icon" href="/favicon.svg" type="image/svg+xml">, dentro do head do documento. Atualize o caminho para corresponder ao seu arquivo.
Por que meu favicon não está aparecendo?
Abra a URL do arquivo de ícone diretamente, confira o caminho do link e o nome do arquivo no head do HTML e depois atualize ou limpe o cache do navegador. Confirme também que o arquivo foi implantado no caminho solicitado pela página.
Isso cria favicon.ico ou um pacote completo de favicon?
Não. Este gerador focado exporta somente arquivos PNG e SVG. Pacotes ICO, ZIP, manifesto, Apple touch, Android e PWA exigem um fluxo separado de empacotamento.
Meu favicon é enviado?
A prévia é desenhada com Canvas do navegador e o SVG é criado na página. Nenhuma conta nem envio de imagem são necessários para este fluxo de texto e emoji.
Ferramentas relacionadas
Rd Ferramentas de imagem grátis
Exporte o favicon em tamanhos exatos de ícone
Redimensionador de ícones
Envie um ícone PNG, JPG ou WebP, escolha um tamanho exato ou porcentagem, mantenha suas proporções, visualize o resultado e baixe um PNG. Online gratuito, sem cadastro ou login.
Cd Ferramentas de imagem grátis
Converta uma marca SVG em PNG
Conversor de SVG para PNG
Envie um SVG, escolha o tamanho PNG de que precisa, visualize o resultado e baixe-o. Grátis para usar, sem cadastro ou login.
Sd Ferramentas de design grátis
Escolha uma cor exata para o favicon
Seletor de cores
Escolha uma cor visualmente ou informe um valor HEX; depois, ajuste RGB, HSL e opacidade. Visualize o resultado, compare tons próximos e copie o código de cor exato sem login.
Gd Ferramentas de design grátis
Crie um código QR com identidade visual correspondente
Gerador de código QR
Crie um código QR estático para URL, texto, e-mail, telefone ou rede Wi-Fi. Visualize a carga, ajuste as cores e baixe PNG ou SVG no navegador, sem cadastro ou login.