Tamanhos de ícones de app em 2026: iOS, Android, macOS, Windows e Web
Cada plataforma pede os ícones do seu jeito: a Apple quer um
appiconset com variantes claro/escuro/tinted, o Android passou a
ícones adaptativos com camada monocromática para os temas do Material You, e
a web tem seu próprio pequeno zoológico de favicons. Este guia reúne
todos os tamanhos atuais em 2026 em um só lugar.
iOS / iPadOS (Xcode 16+)
Desde o Xcode 14 basta um único ícone de 1024 × 1024 px e o Xcode gera o resto. Com o iOS 18, a Apple adicionou duas variantes do mesmo tamanho:
| Variante | Tamanho | Notas |
|---|---|---|
| Padrão (any) | 1024 × 1024 | Sem transparência nem cantos arredondados: o sistema aplica a máscara. |
| Dark | 1024 × 1024 | Fundo transparente ou escuro; o sujeito deve funcionar sobre o fundo escuro do sistema. |
| Tinted | 1024 × 1024 | Escala de cinza; o iOS a tinge com a cor de destaque do usuário. |
Para projetos que ainda suportam versões antigas, os tamanhos legados continuam: 20, 29, 40, 60, 76 e 83.5 pt em @1x/@2x/@3x por dispositivo (40, 58, 60, 80, 87, 120, 152, 167, 180 px…).
Android (API 33+ / Android 13)
| Recurso | Tamanho | Notas |
|---|---|---|
| mipmap-mdpi | 48 × 48 | Ícones "clássicos" por densidade. |
| mipmap-hdpi | 72 × 72 | |
| mipmap-xhdpi | 96 × 96 | |
| mipmap-xxhdpi | 144 × 144 | |
| mipmap-xxxhdpi | 192 × 192 | |
| Adaptive (foreground/background) | 432 × 432 | O conteúdo "seguro" deve caber no círculo central de 264 px: o sistema recorta a forma. |
| Themed / monochrome | 432 × 432 | Camada monocromática (branca sobre transparente) para o Material You no Android 13+. |
| Google Play Store | 512 × 512 | PNG de 32 bits, sem transparência. |
macOS
Um AppIcon.iconset com 10 arquivos que depois é compilado para .icns com iconutil:
16, 16@2x, 32, 32@2x, 128, 128@2x, 256, 256@2x, 512, 512@2x (ou seja: 16, 32, 64, 128, 256, 512 e 1024 px)
Windows
Um único app.ico multirresolução com 7 tamanhos embutidos: 16, 24, 32, 48, 64, 128 e 256 px. Os instaladores e a barra de tarefas escolhem o de que precisam.
Web / PWA
| Arquivo | Tamanho | Para quê |
|---|---|---|
| favicon.ico | 48 × 48 (multi) | Abas e favoritos em navegadores antigos. |
| favicon-32.png | 32 × 32 | Aba padrão. |
| apple-touch-icon | 180 × 180 | Tela inicial no iPhone/iPad. |
| icon-192.png | 192 × 192 | PWA instalado (manifest). |
| icon-512.png | 512 × 512 | Splash de PWA (manifest). |
| maskable-512.png | 512 × 512 | Variante "maskable": a arte deve caber nos 80% centrais. |
Nós testamos: todos os tamanhos de uma vez
Em vez de exportar tamanho por tamanho, com "Usar recorte atual" a ferramenta gera todos os tamanhos das plataformas selecionadas (iOS/iPadOS appiconset, Android, macOS, Windows, Web) em uma única passada. A margem de 8% deixa ar ao redor do sujeito para não ficar colado na borda do ícone.
Prático para publicar um app: você baixa o pacote com a estrutura de pastas pronta, sem enviar a imagem.
Regras de design que evitam dores de cabeça
- Trabalhe a partir de um PNG transparente de 1024 px ou mais e gere tudo para baixo.
- Margem de respiro: 8–12% ao redor da arte; em adaptive/maskable, lembre que o sistema recorta as bordas.
- Verifique em tamanhos pequenos: um ícone que fica bom a 256 px pode ser ilegível a 16. Se a 32 px não se reconhece, simplifique.
- Nada de texto pequeno: some nos tamanhos de barra de tarefas.
Erros comuns ao preparar a arte fonte
- Partir de um tamanho pequeno. Escalar um ícone de 256 px para cima até 1024 o deixa borrado. Projete ou exporte sempre do maior arquivo disponível.
- Deixar transparência no ícone padrão do iOS. A Apple não permite alfa na variante "any": se seu PNG tem transparência, o sistema a substitui por preto sólido, o que costuma estragar o design.
- Ignorar a zona segura do adaptive/maskable. O conteúdo fora do círculo central (264 px sobre 432 no Android, 80% central no maskable) é recortado pela forma que cada launcher usa — quadrado, círculo, squircle ou gota.
- Um só design para dark e tinted. A variante tinted do iOS 18 aparece em escala de cinza com a cor de destaque do usuário: um ícone com muitas cores diferentes perde todo o contraste ao virar monocromático se não foi pensado para isso.
- Nomear errado os arquivos do iconset/appiconset. O Xcode e o
iconutilesperam nomes exatos (icon_16x16@2x.png, etc.); um nome diferente e o build falha ou usa o ícone padrão.
Por onde começar se eu tenho um só logo?
Se seu ponto de partida é um logo com fundo transparente e sem pensar em nenhuma dessas regras, a ordem recomendada é: 1) remova o fundo e deixe só o símbolo (não o logotipo completo com texto, que fica ilegível em 16 px); 2) centralize num canvas quadrado de 1024×1024 com 10–15% de margem; 3) gere daí o set completo por plataforma. Esse primeiro recorte limpo é o passo que mais economiza tempo depois.
Perguntas frequentes
Um único ícone de 1024×1024 basta para tudo?
Sim, se você parte de um PNG 1024×1024 sem compressão e com margem de respiro, um gerador pode derivar dele todos os tamanhos de iOS, Android, macOS, Windows e Web sem perda de qualidade visível.
Qual a diferença entre o ícone adaptativo e o maskable do Android?
São conceitos equivalentes em ecossistemas diferentes: o adaptive icon é o formato nativo do Android (foreground + background, recortado pelo sistema em várias formas), e o ícone maskable é o equivalente para PWA declarado no manifest. Ambos exigem que o conteúdo importante caiba na zona segura central.
Preciso criar as variantes dark e tinted do iOS 18 na mão?
Não necessariamente na mão: você pode gerar uma versão com fundo escuro e uma em escala de cinza a partir da mesma arte de 1024×1024. Um gerador de ícones pode produzir as três variantes (padrão, dark, tinted) automaticamente de um único PNG.
E se meu ícone não respeita a zona segura do adaptive/maskable?
O sistema o recorta de qualquer forma na shape correspondente (círculo, squircle, gota), então qualquer detalhe fora da zona segura central de 66–80% simplesmente some ou fica cortado pela metade.
Gerar todos de uma vez
O Icon Studio do PhotoCut Studio gera os ~58 tamanhos das cinco plataformas a partir de um único PNG — incluídas as variantes dark/tinted do iOS 18 e a camada monocromática do Android 13 — e os baixa em um ZIP com a estrutura de pastas pronta para colar no projeto. Grátis e sem enviar seu logo a lugar nenhum.
Gerar meus ícones de app →Mais guias
Favicons: tamanhos e o HTML para copiar
O conjunto de favicons que um site moderno realmente precisa, com o HTML pronto para colar.
Como deixar um logo com fundo transparente (PNG) grátis
O recorte limpo que é o ponto de partida de qualquer ícone.