Crie seu kit de marca

Um logo entra, todos os arquivos de que ele precisa saem: ícones para seu site e seus apps, e o próprio logo nos tamanhos e formatos que pedem.

Crie seu kit de marca

SVG, PNG, JPG, WebP, HEIC · até 8 MB · prévias grátis · 2 créditos por kit · downloads repetidos incluídos

Entre para usar um dos seus resultados desbloqueados.
PersonalizarNome da marca, nome curto, cores e margem
Até 45 caracteres; se ficar vazio, o nome do seu arquivo. É o nome do app, e todos os arquivos e recursos do kit recebem esse nome. Até 12 caracteres: o rótulo embaixo do ícone na tela inicial. Se ficar vazio, é cortado do nome da marca.
O fundo preenche os ícones de app, o Apple touch icon e os ícones maskable; a margem mantém seu logo longe das bordas deles. Os favicons da aba e os PNGs usam o quadrado inteiro.

O que esta ferramenta faz

Gera de uma vez todos os arquivos de que seu logo precisa, cada conjunto em sua própria pasta: favicons e ícones de web app com as tags HTML, ícones de app para Android e iOS, um image set do Xcode, um vector drawable do Android, PNGs transparentes de 256 a 2.048 px e seu SVG otimizado para a web ao lado do original. O nome da marca vira o nome do app e de cada arquivo, e um README explica cada pasta. Um SVG recebe o kit inteiro; um PNG, JPG, WebP ou HEIC recebe só os arquivos de imagem, porque esta ferramenta não faz traçado de imagens.

Por segurança, scripts, animações, conteúdo web incorporado, links e tudo o que carrega outro arquivo são removidos; sua arte e as imagens PNG, JPEG ou WebP incorporadas ficam. O resultado lista tudo o que foi removido.

O que vem dentro

  • favicon/ Favicon e ícones de web appfavicon.ico, favicons PNG e SVG, o Apple touch icon, ícones maskable, site.webmanifest e as tags HTML para o seu site.
  • app-icons/ Ícones de app para Android e iOSUm ícone adaptável do launcher Android com tamanhos legados e uma imagem para a Play Store, e um conjunto AppIcon iOS de 1.024 px.
  • ios/ Image set do XcodeSeu logo como image asset para um app iOS: vetorial, ou PNG em 1×, 2× e 3×.
  • android/ Vector drawable do AndroidSeu logo como VectorDrawable para um app Android.
  • png/ PNGs transparentesLado maior de 256, 512, 1.024 e 2.048 px.
  • svg/ Arquivos SVGSeu logo otimizado para a web, e o original em precisão total.
  • README.txt Para que serve cada pastaOnde vai cada arquivo, e as tags HTML para o seu site.

Entradas, saídas e limites

Entrada

Um dos seus resultados desbloqueados, ou um SVG, PNG, JPEG, WebP ou HEIC

Saída

Um ZIP com as pastas favicon/, app-icons/, ios/, android/, png/ e svg/ e um README que explica cada uma

Limites

Arquivos de até 8 MB; imagens PNG, JPG e WebP de até 24 megapixels, redimensionadas para 1.536 px antes da exportação. A partir de um SVG, gera PNGs de 256, 512, 1.024 e 2.048 px no lado maior; a partir de uma imagem raster, os tamanhos que ela preenche. Os arquivos vetoriais de iOS e Android aceitam até 2.000 caminhos simples com cores sólidas. Limite de processamento: 60 s.

Como funciona

1

Escolha seu logo

Escolha um dos seus resultados desbloqueados ou envie um SVG para ter o kit inteiro. Um PNG, JPG, WebP ou HEIC recebe os arquivos de favicon, ícone de app, iOS e PNG.

2

Mantenha o padrão ou personalize

O nome da marca vem do nome do seu arquivo. Em Personalizar, você pode mudar o nome, o nome curto para telas iniciais, as cores de tema e de fundo e a margem.

3

Veja a prévia e baixe

Veja o ícone da aba numa aba clara e numa escura, seus ícones de app em tamanhos pequenos e todos os arquivos do kit, depois baixe o ZIP. O README diz onde vai cada pasta.

Solução de problemas

É o mesmo que usar cada ferramenta?

Sim. Cada pasta tem exatamente o que o gerador de favicon, o gerador de ícone de app, os exportadores de iOS e Android, o SVG para PNG e o otimizador de SVG geram a partir do mesmo logo. Use essas ferramentas separadamente para outras configurações, como um prefixo de caminho ou outros tamanhos.

Por que faltam as pastas android/ e svg/?

Eles precisam de arte vetorial. Um PNG, JPG, WebP ou HEIC recebe os arquivos de favicon, ícone de app, iOS e PNG; faça o traçado da imagem em SVG antes para receber o resto.

Por que a pasta ios/ tem PNGs em vez de um vetor?

Os arquivos vetoriais de iOS e Android aceitam só formas simples com cores sólidas. Artes com degradês, texto ou efeitos recebem PNGs para iOS e nenhum vetor para Android, e o resultado explica o motivo.

Por que falta o PNG de 2.048 px?

A partir de um PNG, JPG, WebP ou HEIC, o kit gera só os tamanhos que a imagem preenche: uma cópia maior ficaria apenas borrada. Um SVG recebe todos os tamanhos.

Acesso e preços

Usar esta ferramenta e ver as prévias é grátis. Baixar o resultado custa 2 créditos numa conta com login, cobrado uma vez e nunca por uma execução que falhe; baixar de novo é grátis. Cada novo kit custa o mesmo, seja feito a partir de um arquivo que você enviar ou de um resultado que você já desbloqueou. Os arquivos ficam guardados por 24 horas para visitantes e 30 dias em uma conta. Veja os preços.

Guias dos arquivos do kit

Favicon SVG, PNG ou ICO: qual usarÍcones maskable para PWA: área segura e configuraçãoComo converter SVG para XML do Android (VectorDrawable)Ícones de app para Android e iOS a partir de uma imagemSVG ou PNG para os image assets do Xcode?

Ferramentas relacionadas

Gerador de Favicon e ícones PWAÍcones ICO, SVG, Apple touch e maskableCrie seu ícone de appPacotes de recursos para Android e iOSConversor de SVG para PNGRenderize um SVG em PNG, até 4.096 pxOtimizador de SVGReduza um SVG sem alterá-lo