---
title: "Configurar os principais ícones do App"
description: "A etapa Ícone é obrigatória para gerar seus aplicativos nativos e destacar sua marca. Você deve integrar um ícone que ilustrará seu Progressive Web App (PWA) e"
canonical_url: "https://pt.goodbarber.com/help/definir-a-identidade-visual-do-app-r87/configurar-os-principais-icones-do-app-a105/"
lang: pt
---

# Configurar os principais ícones do App

Source: https://pt.goodbarber.com/help/definir-a-identidade-visual-do-app-r87/configurar-os-principais-icones-do-app-a105/

A etapa Ícone é obrigatória para gerar seus aplicativos nativos e destacar sua marca.
Você deve integrar um ícone que ilustrará seu Progressive Web App (PWA) e seus aplicativos nativos.

O ícone é um elemento visual essencial do seu aplicativo. Os navegadores da Web o usam como favicon, ele é exibido em notificações push para identificar o remetente e é exibido na tela inicial do telefone.

*Dependendo do plano em que você está inscrito, apenas imagens para as plataformas disponíveis serão solicitadas em seu back office.*

Para configurar seus ícones:
1. Vá para o menu de deslizamento esquerdo **Meu App > Ícone do App**
2. Clique em "**Ícone**" na coluna da direita

## 1. Ícones Personalizados

1. Clique na aba **Custom**
2. Crie seus ícones seguindo o tamanho certo e o formato especificado. Certifique-se que tem os arquivos no seu computador
3. Envie-os para o seu back office

*Tamanho e formato:
**PWA:**
- Logotipo do website: 512 X 512 px (.jpg, .jpeg or .png)
- Ícone Apple Touch : 192 X 192 px (.jpg, .jpeg or .png)
- Ícone Push: 72 X 72 px - **Atenção, este ícone tem que ser um ficheiro .png monocromático, num fundo transparente.**
- Favicon : 48 X 48 px (.jpg, .jpeg or .png)

**Android:**
- Google Play: 512 X 512 px (.jpg, .jpeg or .png)
- Tela inicial: 96 X 96 px (.jpg, .jpeg or .png)
- Ícone push: 72 x 72 px - **Atenção: não esqueça que este ícone deve ser uma imagem .png branca (#FFFFFF) sobre um fundo transparente (nenhuma outra cor será aceite de modo a respeitar as diretrizes da Android)**.

**iOS:**
- App Store: 1024 X 1024 px (.png) *Atenção: png transparentes não são permitidos pela Apple.*
- Tela inicial: 180 X 180 px (.jpg, .jpeg or .png)

Os tamanhos também são dados no seu back office:

![](https://cmsphoto.ww-cdn.com/superstatic/1138983/art/default/28037999-27897729.jpg?v=1781707654.0025165)

## 2. O Assistente

Use o assistente para criar seus ícones diretamente do back office.
1. Clique na aba **Assistente**
2. Crie seus ícones diretamente do back office:
- Adicione um texto ou uma foto

![](https://cmsphoto.ww-cdn.com/superstatic/1138983/art/default/28037999-27897730.jpg?v=1781707654.0305166)

- Selecione uma cor para o fundo ou adicione uma imagem de fundo
- Defina a fonte, cor e efeitos do seu texto
3. Clique em "**Gerar**"

![](https://cmsphoto.ww-cdn.com/superstatic/1138983/art/default/28037999-27897731.jpg?v=1781707654.0465167)

4. Se você já tiver ícones definidos, confirme clicando em "**Continuar**" no aviso vermelho para gerar automaticamente todos os formatos necessários para seu aplicativo.

![](https://cmsphoto.ww-cdn.com/superstatic/1138983/art/default/28037999-27897732.jpg?v=1781707654.0545166)

## 3. O Título

Quer você tenha feito o upload de um ícone personalizado ou o criado com a ferramenta Assistente, na tela principal, abaixo da visualização do ícone, insira um **título** para seu aplicativo.

**Esse título aparecerá abaixo do ícone do seu aplicativo quando estiver instalado nos dispositivos de seus usuários.**
Por esta razão, é melhor não escrever um título muito longo aqui. Neste exemplo, o título é "My App".

![](https://cmsphoto.ww-cdn.com/superstatic/1138983/art/default/28037999-27897733.jpg?v=1781707654.0665166)