Gerador de ícones para Android - Ícones de aplicativos, ícones adaptáveis e ícones PWA, grátis

Como criar ícones para Android

Adicione seu logotipo. Arraste e solte uma imagem quadrada em formato PNG, SVG ou outro formato, com pelo menos 512 pixels. Ela permanecerá no seu dispositivo.
Escolha o que você vai construir. Website / PWA para um site que as pessoas podem instalar, aplicativo Android para um ícone de inicialização ou ícones de notificação.
Verifique as formas. A pré-visualização recorta o ícone de acordo com as máscaras usadas por diferentes celulares. Adicione espaçamento se o logotipo for cortado.
Baixe o arquivo ZIP. Clique em "Criar meus ícones do Android". Os arquivos PWA devem ser colocados na raiz do seu site; as pastas "res/" devem ser inseridas diretamente em um projeto do Android Studio.

Também quer criar o favicon do navegador? O Gerador de Favicon cria o conjunto completo.

Três tipos de ícones do Android

Site / PWA - Quando alguém instala seu site pelo Chrome, o Android usa os ícones listados em site.webmanifest: 192 e 512 px, além de um ícone que pode ser mascarado e preencher qualquer formato.
app Android - Os ícones do iniciador ficam em pastas mipmap, uma para cada densidade de tela. O Android 8+ usa ícones adaptáveis: uma camada de primeiro plano sobre uma cor de fundo.
Ícones de notificação - Pequenas silhuetas brancas para a barra de status. A cor é ignorada, apenas a forma importa.

Densidades e tamanhos

Pasta	lançador	Camada adaptativa	Notificação
mdpi	48 px	108 px	24 px
HDPI	72 px	162 px	36 px
xhdpi	96 px	216 px	48 px
xxhdpi	144 px	324 px	72 px
xxxhdpi	192 px	432 px	96 px

O ícone da Play Store é um PNG separado de 512 x 512 px com fundo sólido - o Google o arredonda automaticamente.

Ícones mascaráveis e a zona segura

Os celulares Android recortam ícones em círculos, quadrados arredondados, quadrados com cantos arredondados ou gotas. Um ícone mascarável preenche todo o quadrado com cor e mantém o logotipo dentro dos 80% centrais (a zona segura), de modo que nada importante seja cortado.

A pré-visualização mostra seu ícone em todos os quatro formatos. Os ícones de aplicativos adaptáveis funcionam da mesma maneira: o primeiro plano mantém seu logotipo no centro (66 dp de 108 dp).

Como usar os arquivos

Website: Faça o upload dos arquivos PNG e do arquivo site.webmanifest para a raiz do seu site e cole o arquivo android-html.txt no diretório. Em seguida, teste com o Verificador de Favicon.
App Android: Copie a pasta res/ para app/src/main/ do seu projeto. O inicializador é configurado por android:icon="@mipmap/ic_launcher" e android:roundIcon="@mipmap/ic_launcher_round" no arquivo AndroidManifest.xml.
Notificações: usar R.drawable.ic_stat_notify como o pequeno ícone.

Perguntas frequentes

O ícone do iniciador tem 48 dp: 48 px em mdpi até 192 px em xxxhdpi. As camadas de ícones adaptáveis têm 108 dp (de 108 a 432 px), e o ícone da Play Store tem 512 x 512 px. Esta ferramenta cria todos eles.

Um ícone PWA que preenche todo o quadrado, com o logotipo ocupando 80% do centro. O Android pode então recortá-lo em qualquer formato sem perda de qualidade. Ele está listado no arquivo site.webmanifest com a finalidade "mascarável".

Desde o Android 8, os ícones do iniciador têm duas camadas: uma imagem de primeiro plano e uma de fundo. O telefone escolhe o formato e pode animar as camadas. O arquivo ZIP inclui ambas, além de uma camada monocromática para ícones temáticos no Android 13 e versões posteriores.

O Android mantém apenas o canal alfa dos ícones de notificação. Se a sua imagem não tiver transparência, o quadrado inteiro ficará branco. Use um logotipo com fundo transparente.

Sim, para instalar seu site a partir do Chrome no Android. Ele lista os ícones, o nome e a cor do tema. O conjunto Website/PWA cria isso para você.

O iPhone precisa de um arquivo diferente: um apple-touch-icon.png sólido e quadrado. Crie-o com o Apple Touch Icon Generator.

Não. Todos os ícones são criados no seu navegador, no seu dispositivo. Nada é carregado.

Faça o upload dos arquivos e, em seguida, execute seu site no verificador de favicons . Ele lista todos os ícones para os quais suas páginas apontam e mostra o que está faltando.