Como criar um ícone para iOS e Android
Comece com um símbolo claro, prepare a origem e exporte recursos para testar em um aparelho. O guia vai do primeiro esboço à integração.
O que é um ícone de app?
É a marca que identifica o app na tela inicial, pesquisa e lojas. Difere do favicon ou nome completo: precisa ser reconhecível em pequeno e funcionar com a forma de cada sistema.
Como desenhar o ícone
Use uma ferramenta vetorial ou ilustração simples. Priorize leitura antes da decoração.
Escolha um foco
Use símbolo ou letra distinta e remova detalhes ou texto longo que desaparecem ao reduzir.
Clareie a silhueta
Separe símbolo e fundo por cor e forma. Mantenha informações importantes longe da borda.
Veja tamanhos reais
Compare a escala de tela inicial em fundos claros e escuros. Ajuste antes de salvar o original.
Precisa de um primeiro símbolo? Explore o criador de logos
Criar sem software de design
Sem arte pronta, comece com um modelo original editável no navegador. Ele usa o mesmo espaço de prévia e exportação abaixo.
Escolha um modelo
Compare Orbit, Stack e Signal, fontes SVG originais não exclusivas que pode adaptar.
Mude iniciais e cores
Use uma ou duas letras latinas ou dígitos, escolha fundo e destaque e preserve contraste em pequeno.
Veja antes de exportar
Abra o modelo, escolha plataformas e confira máscaras e prévias pequenas antes do ZIP.
Preparar origem por plataforma
iOS: um quadrado opaco
Prepare PNG 1024 × 1024 px com fundo completo. Não acrescente cantos arredondados. O export iOS coloca a imagem em AppIcon.appiconset para Xcode.
Ver guia iOSAndroid: primeiro plano e fundo
Ícones adaptativos usam camadas de 108 × 108 dp. Mantenha o símbolo na área central de 66 × 66 dp. Uma origem transparente facilita um fundo de cor ou imagem separado.
Ver guia adaptativo AndroidConsultar tamanhos · Documentação Xcode da Apple · Documentação adaptativa Android
Criar com o gerador
Use o espaço abaixo depois de preparar a origem. O desenho comum pode produzir catálogo iOS e recursos Android.
Exporte o original
Salve PNG nítido de 1024 × 1024 px. Um motivo transparente ajuda a separar o fundo Android adaptativo.
Envie e escolha plataformas
Adicione o arquivo e ative iOS, Android ou ambos.
Confira a prévia
Defina fundo Android e escala do primeiro plano. O motivo importante deve caber na área segura.
Baixe o ZIP
Exporte os arquivos. O ZIP contém AppIcon.appiconset para iOS e res/mipmap para Android.