Grátis · Sem cadastro

Seu logo vira favicon e ícones de app

Prepare os arquivos do seu site, aplicativo ou PWA a partir de um logo. Gere os tamanhos necessários, baixe o pacote e use os exemplos de código para instalar.

Grátis · Sem marca-d’água

PNG · JPG · SVGArquivos para sites, apps e redes sociais

Os arquivos certos para cada uso

Prepare seu logo para publicar

Escolha o gerador adequado e evite redimensionar cada ícone à mão.

Gere favicons, ícones para a tela inicial e imagens para compartilhar seu projeto. Ferramentas específicas preparam os pacotes de iOS, Android e PWA.

Product Feature One

Como funciona

Do logo ao download em quatro etapas

Comece com sua imagem e escolha a saída que seu projeto precisa.

📤

Escolha seu logo

Envie um SVG, PNG ou JPG. Uma imagem quadrada e nítida dá o melhor resultado.

⚙️

Ajuste a saída

Nas ferramentas específicas, escolha tamanhos, cores de fundo e margens conforme o uso.

✨

Gere e confira

Prepare as versões do ícone e confira as prévias antes de instalar.

🚀

Baixe e publique

Baixe os arquivos e siga os exemplos de código para usá-los no seu projeto.

Escolha a ferramenta para seu projeto

Gere, converta ou confira seus ícones. Os links em inglês levam às ferramentas que ainda não têm versão em português.

Geradores

Gerador de favicon
Crie o favicon do seu site e os ícones para a tela inicial do celular.
Gerador de ícones de apps
Prepare pacotes de ícones para aplicativos iOS e Android.
(inglês)

Verificação

Verificador de favicon
Confira os arquivos e a configuração do favicon de um site.
(inglês)

Conversão

Converter PNG para ICO
Transforme uma imagem PNG em favicon.ico, sem instalar programas.
Gerador de favicon SVG
Prepare um favicon vetorial com opções para modo escuro.
(inglês)
Gerador de ícones para PWA
Crie ícones, versões maskable e o manifest do seu aplicativo web.

Guias de instalação

Favicon no Next.js
Veja onde colocar os arquivos e como configurar o favicon no Next.js.
(inglês)
Favicon no WordPress
Aprenda a configurar o ícone do site no WordPress.
(inglês)
Tamanhos de ícones para iOS
Consulte as dimensões usadas pelos ícones de aplicativos iOS.
(inglês)
Ícones adaptativos do Android
Entenda as camadas, as máscaras e a área segura dos ícones.
(inglês)

O que você pode gerar

Um conjunto de arquivos para cada plataforma

Encontre as saídas abaixo nas ferramentas de geração de arquivos.

Navegadores

  • favicon.ico (16/32/48 px)
  • favicon.svg
  • favicon-16.png
  • favicon-32.png

Tela inicial do celular

  • apple-touch-icon-180.png
  • android-chrome-192.png
  • android-chrome-512.png
  • maskable-512.png

Redes sociais

  • og-image-1200x630.png
  • avatar-800x800.png
  • twitter-header.png
  • linkedin-banner.png

Instalação no projeto

  • Tags para o head do HTML
  • manifest.json
  • Metadados do Next.js
  • browserconfig.xml

Favicon

16x16 - 48x48

Apple Touch

180x180

PWA Maskable

512x512

OG Image

1200x630

Por que usar o Logo Foundry?

Menos trabalho com arquivos. Mais tempo para o seu projeto.

Aproveite o logo que você já tem

Use sua identidade visual nos favicons, nos ícones de aplicativos e nas imagens do projeto, sem começar cada arquivo do zero.

Arquivos com instruções

Além das imagens, as ferramentas oferecem exemplos de configuração para você saber onde colocar cada arquivo.

Ajuste antes de publicar

Confira como o ícone aparece em diferentes tamanhos. No gerador PWA, as máscaras ajudam a manter a parte principal do logo dentro da área segura.

Comece sem cadastro

Use os geradores gratuitos e baixe seus ícones sem marca-d’água. Escolha uma ferramenta específica se precisar de mais controle sobre a saída.

Tire suas dúvidas

Perguntas frequentes

Seu logo já está pronto. Prepare os ícones.

Comece com uma imagem e gere os arquivos para seu próximo site, app ou PWA.

Gerar arquivos