Gerador de favicon

Crie pacotes completos de favicon para sites
  • Os arquivos não saem do seu dispositivo
  • Roda no navegador
  • Grátis, sem cadastro, sem marca d’água

Artwork

Preview

Light
F
Dark
F

Actual pixels

16
32
48
16
32
48

Zoomed 16 px

Home screen

F

Files

  • Rendering icons…

Paste into <head>

Upload the files to your site, then add these tags.

Como usar Gerador de favicon

Faça um favicon sem ferramenta de design: digite algumas letras, escolha um emoji ou um ícone de oito coleções de código aberto e depois estilize o fundo e a forma. Você recebe o pacote completo (ICO, PNG, SVG, ícones Apple e Android, manifesto) montado no seu navegador.

  1. 1

    Em Arte, escolha Letras, Emoji ou Ícone.

  2. 2

    Digite de uma a três letras e escolha uma Fonte e um Peso, digite ou escolha um emoji (Ver todos os emojis abre a lista completa), ou busque um ícone como rocket ou cloud e clique nele.

  3. 3

    Em Primeiro plano, defina a Cor e o Tamanho; em Estilo do ícone, escolha o Fundo, a Forma, o Raio dos cantos e o Preenchimento.

  4. 4

    Preencha os Detalhes do site e os tamanhos de Saída, conferindo as prévias das abas clara e escura e a prévia da Tela inicial.

  5. 5

    Clique em Baixar pacote (ZIP), envie os arquivos para o seu site e copie as tags de Colar no <head> para a sua página.

Perguntas frequentes

Algo é enviado a um servidor?

Não. Os ícones são desenhados no seu navegador. As coleções de ícones são carregadas do XTools só quando você as abre ou busca, então na primeira vez que usar uma coleção você precisa de conexão.

Quais coleções de ícones estão incluídas?

Lucide, Tabler, Material Design, Phosphor, Remix Icon, Carbon, Heroicons e Font Awesome Brands. Lucide carrega primeiro; ao buscar, Buscar nas 8 coleções baixa o resto uma vez (cerca de 13 MB).

Posso usar os ícones em um site comercial?

Cada coleção mantém a própria licença de código aberto, então confira antes de usar um ícone como logotipo. Font Awesome Brands são logotipos de outras empresas e não devem ser usados como a sua marca.

Por que meu emoji fica diferente em outro computador?

Emojis e letras são desenhados com as fontes do seu dispositivo, então os arquivos PNG e ICO mostram o estilo de emoji do seu sistema. favicon.svg os mantém como texto, então o navegador de cada visitante os desenha com as próprias fontes.

Quantas letras posso usar?

De uma a três funciona melhor; o campo aceita até quatro caracteres. Textos mais longos encolhem para caber no ícone, e caracteres chineses ou japoneses também funcionam.

O favicon pode ter fundo transparente?

Sim, defina Fundo como Nenhum. O ícone Apple touch e o ícone maskable ainda recebem um quadrado branco, porque as telas iniciais não mostram transparência.