Prévias fiéis ao pixel
Cada prévia é renderizada no tamanho real, de 16 a 256 pixels, com uma visão ampliada de 16×16. O que você vê é exatamente o que os navegadores mostram.
16
24
32
48
64
Gerador de favicon: crie um favicon online grátis, com SVG, PNG, ICO e ícones de app
Gerador de favicon
Crie seu favicon
Escolha um ponto de partida, ajuste até ficar do seu jeito e veja todos os tamanhos se atualizarem ao vivo. Depois, baixe SVG, PNG, ICO e ícones de app.
Texto
Um ou dois caracteres funcionam melhor em tamanhos pequenos.
Fonte
Peso
Espaçamento entre letras0
Carregando…
Comece com um modelo
20 estilosPrévias em tamanho real
16×16, ampliado 6×O tamanho que define se um favicon funciona. Se a forma é legível aqui, é legível em qualquer lugar.
Na prática
Meu site
Nova guia
yoursite.com
Exportar
.ico, SVG, PNGs de 16–512px, ícones Apple e Android e um web manifest
Código de instalação
<link rel="icon" href="/favicon.ico" sizes="32x32">
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">Descompacte na pasta raiz do seu site e cole isto dentro do <head>.
Por que o FavMint
Feito para a menor tela da web
Um favicon é uma primeira impressão de 16 pixels. O FavMint dá a você os controles para criá-lo direito e as prévias para provar que funciona.
Veja onde ele vai aparecer
Abas claras e escuras, um resultado de busca e a tela inicial de um celular. Encontre problemas antes dos seus visitantes.
FavMint — Estúdio de favicon
Letras, ícones, símbolos
Digite uma letra ou suas iniciais em 12 fontes selecionadas, escolha entre mais de 2.100 ícones de código aberto ou comece com 20 símbolos feitos para tamanhos minúsculos.
Todos os controles, sem bagunça
Degradês, rotação, bordas, margem, opacidade, sombras e posicionamento exato, organizados em quatro abas simples.
Privado por padrão
Sem cadastro, sem uploads, sem pixels de rastreamento nos seus arquivos. Tudo é gerado no seu navegador.
O pacote completo em um clique
Um .ico em vários tamanhos, um SVG nítido, ícones Apple e Android, um web manifest e o HTML exato para colar. O texto é convertido em contornos vetoriais, então seu SVG fica igual em qualquer lugar.
- favicon.ico
- favicon.svg
- favicon-32x32.png
- apple-touch-icon.png
- android-chrome-512x512.png
- site.webmanifest
Desfazer, remixar, compartilhar
Histórico completo para desfazer, um botão Me surpreenda para novas ideias e links de compartilhamento que guardam o design na própria URL.
Criador de logo
Transforme seu favicon em um logo combinando
Logos de texto, iniciais, monogramas e combinações de ícone + nome. Traga seu favicon, escolha um layout e exporte um SVG limpo.
Mintly
AKATELIER KAI
north
Guia do gerador de favicon
Um gerador de favicon grátis feito para a menor tela da web
O FavMint é um gerador de favicon grátis e um editor de favicon que funciona totalmente no seu navegador. Você pode criar um favicon online em poucos minutos, a partir de uma letra, suas iniciais, um ícone ou um símbolo, e baixar todos os arquivos de que um site moderno precisa: SVG, PNG, ICO, ícones Apple touch, ícones de app Android e um web manifest. Não é preciso criar conta, não há marca d'água e nada é enviado para um servidor. Quando terminar, o mesmo design vai para o nosso criador de logo grátis, para que seu favicon e seu logo combinem desde o primeiro dia.
O que é um favicon e por que ele importa?
Um favicon é o pequeno ícone do site que aparece nas abas do navegador, nos favoritos, no histórico, nos resultados de busca e na tela inicial do celular quando alguém salva o seu site. Muitas vezes é a primeira parte da sua marca que o visitante vê, e aparece com apenas 16 ou 32 pixels. Um ícone borrado ou genérico deixa o site com cara de inacabado e torna sua aba difícil de achar entre dezenas de outras. Um favicon claro e marcante faz o contrário: reforça o reconhecimento cada vez que alguém troca de aba e ajuda seu resultado a se destacar na busca, onde o Google mostra o favicon ao lado do título da página.
Como criar um favicon online em quatro passos
- 1
Escolha um ponto de partida
Digite uma letra ou suas iniciais, pesquise entre mais de 2.100 ícones de código aberto, escolha um dos 20 símbolos ou comece com um modelo.
- 2
Defina o estilo
Escolha uma forma de fundo, um preenchimento sólido ou em degradê e uma fonte, e ajuste tamanho, rotação, margem, borda e sombra.
- 3
Confira em tamanho real
Veja prévias ao vivo de 16 a 256 pixels, amplie a grade de 16×16 e veja seu ícone em abas do navegador, resultados de busca e na tela inicial de um celular.
- 4
Baixe e instale
Exporte um SVG, PNGs ou o pacote completo, coloque os arquivos na raiz do seu site e cole o HTML pronto.
Cada mudança aparece na hora e seu trabalho é salvo automaticamente no navegador. Desfazer e refazer ilimitados, um botão Me surpreenda para novas ideias e links que guardam o design inteiro na URL deixam você experimentar sem perder uma versão de que gostou.
Um editor de favicon feito para tamanhos minúsculos
A maioria dos geradores de ícone só reduz uma imagem grande e torce para dar certo. O FavMint faz o contrário. Cada prévia é renderizada no tamanho real em pixels, então o que você vê é exatamente o que o navegador vai mostrar. Uma visão ampliada de 16×16 revela se traços finos somem ou se as letras se embaralham, e dicas de legibilidade avisam sobre pouco contraste, caracteres demais ou glifos ausentes antes que seus visitantes percebam. São oito formas de fundo, incluindo squircle, círculo, hexágono, escudo e folha, preenchimentos sólidos e degradês lineares e radiais, 12 fontes selecionadas e controle preciso de posição e espaçamento.
Gerador de favicon com exportação SVG, PNG e ICO
Cada navegador e dispositivo procura um arquivo diferente, por isso o FavMint exporta todos. Como gerador de favicon com saída SVG, ele converte o texto em contornos vetoriais antes de exportar, então seu favicon SVG fica idêntico em qualquer computador, mesmo onde a fonte escolhida não está instalada. Com um clique, você baixa um pacote ZIP pronto para usar com:
favicon.icoícone com 16, 32 e 48 px para navegadores antigos e Windowsfavicon.svgum favicon vetorial escalável que fica nítido em qualquer telaapple-touch-icon.pngícone de 180×180 para a tela inicial do iPhone e do iPadandroid-chrome-192x192.png e 512×512ícones para Android e progressive web appssite.webmanifesto manifesto que diz aos celulares qual ícone de app usarExportações PNG11 tamanhos de 16 a 1024 pixels, para lojas de apps, perfis em redes sociais e documentação
O pacote também inclui um README e as tags HTML exatas para colar no <head> da sua página. Envie os arquivos para a raiz do site, adicione as tags e seu favicon funciona no Chrome, Safari, Firefox, Edge, iOS e Android.
Gerador de ícones de app e criador de ícone de site em um só
O mesmo design que funciona em 16 pixels também precisa ficar bonito em 512 ou 1024. O FavMint também é um gerador de ícones de app: exporte PNGs em alta resolução para um progressive web app, uma página em loja de apps, uma extensão de navegador, um servidor do Discord ou workspace do Slack, ou uma foto de perfil em redes sociais. Como tudo é desenhado primeiro em vetor, cada tamanho é renderizado com nitidez, em vez de ampliado a partir de um único bitmap. Seja para o ícone de um projeto novo ou para um conjunto de ícones consistente para um produto que já existe, você cria uma vez e exporta para tudo.
Um criador de logo grátis que combina com seu favicon
Um favicon raramente vive sozinho. O criador de logo do FavMint é um criador de logo online e grátis que pega o favicon que você acabou de criar e o transforma em um logo de marca completo. Escolha um logotipo de texto, iniciais, um monograma ou um layout de ícone + nome, digite o nome da sua marca e exporte um SVG ou PNG limpo em 1×, 2× ou 4×. É um criador de logo personalizado simples para startups, desenvolvedores independentes, criadores de conteúdo e pequenos negócios que querem um visual profissional sem contratar um designer nem pagar assinatura. Como o resto do FavMint, o criador de logo é grátis e online, sem cadastro e sem marca d'água.
Privado, rápido e grátis
O FavMint não tem backend. Renderização, conversão para PNG, codificação ICO e criação do ZIP acontecem no seu dispositivo, então seus designs nunca são enviados nem armazenados nos nossos servidores. Isso também deixa a ferramenta rápida: sem fila e sem esperar a resposta de um servidor. Os ícones vêm do conjunto de código aberto Lucide (licença ISC) e as fontes usam a SIL Open Font License, então tudo o que você cria é seu, inclusive para projetos comerciais.
Dicas para um favicon que se destaca
- Use só um ou dois caracteres ou um único símbolo forte. Os detalhes somem em 16 pixels.
- Use contraste forte entre o símbolo e o fundo para que ele apareça em abas claras e escuras.
- Ocupe o espaço. Uma margem pequena deixa o ícone confiante em vez de perdido.
- Use as cores da sua marca para que favicon, ícone de app e logo pareçam da mesma família.
- Confira a prévia de 16×16. Se funciona ali, funciona em qualquer lugar.
Pronto para experimentar? Abra o gerador de favicon acima e crie seu favicon online em minutos, de graça.
Preços
Grátis. De verdade.
Tudo roda no seu dispositivo, então não há servidores para pagar nem nada para esconder atrás de um paywall.
Grátis
R$ 0para sempre
O estúdio completo. Sem conta, sem marca d'água, sem pegadinha.
- Favicons e logos ilimitados
- Pacote completo: ICO, SVG, PNG, ícones Apple e Android
- Mais de 2.100 ícones, 12 fontes, 20 símbolos, 20 modelos
- Uso comercial: os arquivos são seus
- Funciona totalmente no seu navegador
Apoiador
Você decidepagamento único
Mesma ferramenta, mesmos recursos. Contribua para manter o FavMint grátis e sem anúncios.
- Tudo do plano Grátis
- Nosso sincero agradecimento
- Ajuda a financiar novas fontes, ícones e formas
Perguntas frequentes
Perguntas sobre favicons e logos, respondidas
Tudo o que você precisa saber para criar, dimensionar e instalar um favicon, e para desenhar um logo de marca que dure.
Noções básicas de favicon
Um favicon (abreviação de "favorite icon", ícone favorito) é o pequeno ícone quadrado que representa um site. Os navegadores o mostram em abas, favoritos e histórico, o Google o exibe ao lado dos seus resultados de busca e os celulares o usam quando alguém adiciona seu site à tela inicial.
Em um site, o favicon é um pequeno arquivo de imagem, como favicon.ico, favicon.svg ou um PNG, para o qual a página aponta com uma tag link rel="icon" no head do HTML. O navegador baixa o arquivo e o exibe em todos os lugares em que o site é identificado, para que os visitantes encontrem seu site entre as abas abertas num piscar de olhos.
Comece com algo legível em 16 pixels: uma ou duas letras, suas iniciais ou um único símbolo forte. No FavMint, digite uma letra ou escolha um dos mais de 2.100 ícones, defina uma forma de fundo e as cores, confira na prévia de 16×16 ao vivo e baixe os arquivos. Sem software de design e sem cadastro.
Use um gerador de favicon como o FavMint: crie seu ícone no navegador e exporte o pacote completo com um clique. Ele gera favicon.ico, favicon.svg, PNGs em 11 tamanhos, ícones Apple touch e Android, um web manifest e o HTML para colar no seu site, tudo no seu dispositivo.
Use SVG como favicon principal, porque ele fica nítido em qualquer tamanho, e um favicon.ico (16, 32 e 48 px) como alternativa para navegadores antigos e Windows. Adicione um PNG apple-touch-icon de 180×180 para iPhone e PNGs de 192×192 e 512×512 para Android. O pacote do FavMint inclui todos eles.
Sim. Todos os navegadores modernos aceitam favicons em PNG. Use uma tag rel="icon" com type="image/png" e o tamanho, como sizes="32x32". PNG também é obrigatório para os ícones Apple touch e Android. Para a maior compatibilidade, combine os PNGs com um SVG e um favicon.ico.
As abas do navegador exibem favicons em 16×16 e 32×32 pixels, então crie primeiro para esses tamanhos. Inclua também 48×48 dentro do favicon.ico, 180×180 para o Apple touch icon e 192×192 e 512×512 para Android e manifestos de web apps. Um favicon SVG cobre todos os tamanhos com um único arquivo.
Envie os arquivos do favicon para a pasta raiz do site e adicione tags link no head de cada página: uma tag rel="icon" para o favicon.ico, outra para o favicon.svg e uma tag rel="apple-touch-icon" para o apple-touch-icon.png. O FavMint entrega esse código pronto para copiar. Force a atualização da página se o ícone antigo estiver em cache.
Criação de logo
Defina um estilo primeiro: um logotipo de texto (seu nome em uma fonte marcante), iniciais, um monograma ou um ícone ao lado do nome. Depois, escolha uma ou duas cores e uma fonte legível. O criador de logo grátis do FavMint monta os quatro layouts a partir do seu favicon, para que logo e ícone do site combinem, e exporta SVG e PNG.
Saiba que sensação sua marca deve passar, mantenha o design simples e limite-se a uma ou duas fontes e uma paleta pequena. Esboce várias direções, teste em preto e branco e em tamanhos pequenos e peça opiniões sinceras. Guarde sempre uma versão vetorial (SVG) mestre para que ele escale bem em qualquer lugar.
Um logo de sucesso é simples, memorável e marcante. Ele continua legível de um favicon de 16 px a um outdoor, funciona em uma só cor, combina com o público e o setor e continua atual por anos, em vez de correr atrás de modismos. Usado com consistência, fica reconhecível na hora.
Usando o FavMint
Sim. O gerador de favicon, todos os formatos de exportação e o criador de logo são grátis, sem marca d'água, sem limites e sem cadastro.
Não. Abra o estúdio e comece a criar. Seu trabalho é salvo automaticamente no navegador, e você pode copiar um link de compartilhamento para continuar de qualquer lugar.
Não. Renderização, conversão para PNG, o arquivo .ico e o pacote ZIP são todos criados no seu dispositivo. Nada é enviado para um servidor.
O pacote cobre todos os navegadores e dispositivos modernos: favicon.ico para compatibilidade com sistemas antigos, favicon.svg para escala nítida, apple-touch-icon.png para a tela inicial do iPhone, ícones Android e um web manifest. Copie a pasta para a raiz do seu site e cole o código de instalação.
Sim. O FavMint é um gerador de favicon com saída SVG: baixe um favicon.svg escalável, copie o código SVG ou pegue-o no pacote completo junto com os arquivos PNG e ICO.
Sim. O pacote inclui um Apple touch icon de 180×180, ícones Android de 192×192 e 512×512 e um web manifest, então o mesmo design funciona como ícone de app na tela inicial do iPhone e do Android.
Sim. Tudo o que você cria é seu. Os ícones vêm do Lucide (licença ISC) e as fontes são de código aberto (SIL Open Font License), ambas permitem uso comercial.
Não fica. O FavMint converte o texto em contornos vetoriais antes de exportar, então seu SVG fica igual em qualquer computador, mesmo sem a fonte instalada.
Um ou dois caracteres ou um único símbolo forte, bom contraste e uma forma simples. Use a lupa de 16×16: se funciona ali, funciona em qualquer lugar.
Seu site merece uma aba melhor
Dois minutos, zero cadastros, todos os arquivos de que você precisa.