Uma imagem. Todas as telas.

Gerador de favicon com texto

Ícones pequenos. Uma impressão duradoura.

Crie um favicon com letras ou iniciais. Escolha fonte e cores, confira os tamanhos pequenos e baixe um pacote de ícones.

PNG ICO PWA

Crie seu pacote de ícones

Transforme sua imagem em favicons, ícones de aplicativos e muito mais.

1Enviar
2Ajustar
3Baixar

Aguardando uma imagem

Imagem

Texto

Letras ou iniciais

Fonte

Cor do texto

Tamanho do texto

Processando…

16 × 16

32 × 32

48 × 48

180 × 180

192 × 192

512 × 512

Ajustar o ícone

Ajuste o visual para cada tela.

Ajuste da imagem

Fundo

Transparente

Cor sólida

#FFDE59

Margem interna6%

Raio dos cantos0%

Tamanhos ICO (você pode selecionar vários)

256

Ver em contexto(envie uma imagem para ver seu ícone)

Aba do navegador

https://example.com

Tela inicial do iOS

Seu ícone aqui

PWA / Android

Seu ícone aqui

Como fazer um favicon em 3 etapas

De uma imagem para um conjunto completo de ícones.

1Letras ou iniciais

Crie um favicon com letras ou iniciais. Escolha fonte e cores, confira os tamanhos pequenos e baixe um pacote de ícones.

2Ajustar e visualizar

Escolha o ajuste, o fundo e a margem interna. Confira o resultado em tamanhos pequenos.

3Baixe e adicione ao seu site

Exporte o pacote de ícones, envie os arquivos e adicione os links dos ícones ao HTML.

Um logotipo, pronto para cada tela

Veja onde os arquivos gerados são usados.

Favicon do site

Meu Site×

16 × 16

32 × 32

Ícones de 16 × 16 e 32 × 32 ajudam os visitantes a reconhecer seu site nas abas e nos favoritos.

iPhone & iPad

Meu Site

180 × 180

Use um ícone apple-touch de 180 × 180 quando seu site for adicionado à tela inicial.

PWA & Android

Instalar aplicativo

192 × 192

512 × 512

Imagens de 192 × 192 e 512 × 512 são tamanhos comuns em manifestos de aplicativos web.

O que há no seu pacote de ícones?

Um conjunto de ícones pronto para usar em todas as plataformas.

favicon.ico16 × 16, 32 × 32, 48 × 48, 256 × 256
apple-touch-icon.png180 × 180
icon-192.png192 × 192
icon-512.png512 × 512
site.webmanifestManifesto do aplicativo web

Adicionar ícones ao seu site

Coloque estes links no <head> do seu HTML.

<link rel="icon" type="image/x-icon" href="/favicon.ico">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">