---
title: "Como customizar os ícones no seu app?"
description: "Design ainda é a nossa prioridade. Sempre nos esforçamos para desenvolver novas ideias e melhorar ainda mais todas as funcionalidades que fazem seu Beautiful ap"
canonical_url: "https://pt.goodbarber.com/blog/como-customizar-os-icones-no-seu-app-a651/"
lang: pt
date: 2015-11-05
last_updated: 2015-11-26
---

# Como customizar os ícones no seu app?

[Voltar](/blog/make-it-r19/)

# Como customizar os ícones no seu app?

Escrito por [Muriel Santoni](https://pt.goodbarber.com/blog/author/muriel-santoni/)  na Quinta-Feira 5 Novembro 2015· Última atualização: Quinta-Feira 26 Novembro 2015

![](https://cmsphoto.ww-cdn.com/superstatic/121801/art/grande/8479813-13325479.jpg?v=1446719698.4640512)

Design ainda é a nossa prioridade. Sempre nos esforçamos para desenvolver novas ideias e melhorar ainda mais todas as funcionalidades que fazem seu Beautiful app ainda mais incrível!

Algumas semanas atrás, fizemos uma atualização referente a um detalhe muito importante para a aparência final do seu app: os ícones. Agora você pode escolher entre [mais de 1.500 ícones deslumbrantes](https://pt.goodbarber.com/blog/mais-de-1500-icones-para-os-seus-apps-a625/) diretamente em seu back office. Recebemos um excelente feedback de nossos usuários, portanto, decidimos fazer ainda mais sobre isso.

Para satisfazer as necessidades dos mais criativo, decidimos atender um dos desejos mais recorrentes. Podemos até dizer que é um presente de natal adiantado: A nova funcionalidade de ícones!

## O que mudou?

![](https://cmsphoto.ww-cdn.com/superstatic/121801/art/grande/8479813-13327976.jpg?v=1446733540.9051986)

Você já tinha a possibilidade de importar os seus próprios ícones para back office, mas você precisava cumprir um requisito essencial: a imagem tinha que ser branca e em um fundo transparente.

Com o nosso novo recurso, agora você pode importar qualquer imagem para o back office e usá-la como um ícone. Liberdade total que aumenta exponencialmente suas opções de personalização.

Agora, você pode ter certeza que seu aplicativo será tão original quanto você quiser!

## E como funciona?

![](https://cmsphoto.ww-cdn.com/superstatic/121801/art/grande/8479813-13328032.jpg?v=1446739866.4616199)

É super fácil!

Basta ir acessar a página onde você personaliza seus ícones. Para fazer isso, você pode seguir caminhos diferentes 2:

- A partir da guia Geral: **Menu > Editar Modo Selecionado > Aba Seções**.
- A partir da Seção Menu: **entre na aba de configurações de uma das suas seções, clique no ícone, ao lado da zona de edição de título**.

Você vai abrir a página de edição de ícones. Em seguida, clique na aba de ícones pessoais. Ao lado da opção Ícone, agora você também irá encontrar uma opção para **Imagem**.

Basta escolher a opção e fazer upload da imagem que você deseja usar como ícone, clique em **Navegar**.

 *Atenção, a imagem que você carregar devem respeitar os requisitos abaixo:*

- **Tamanho**: 260 x 260 px px
- **Formato**: PNG

A lista das imagens que você enviou será mostrada em seguida na área da Colecção pessoal.

Agora está na mão de vocês, GoodBarbers, explorar este recurso ao máximo e deixar a criatividade guiar seus projetos!

- [#Como Fazer](https://pt.goodbarber.com/blog/tags/como%20fazer)
- [#Design](https://pt.goodbarber.com/blog/tags/design)
- [#Funcionalidades](https://pt.goodbarber.com/blog/tags/funcionalidades)

![Muriel Santoni](https://blog.goodbarber.com/_public/profile/ef/efb630699481a8fe6d2aa4031740c017ec96c703-default.jpg)

Sobre o autor[Muriel Santoni](https://pt.goodbarber.com/blog/author/muriel-santoni/)Marketing Manager

Storytelling & GEO na GoodBarber.

Dou forma à voz da marca e à sua visibilidade: as histórias que contamos, as palavras que escolhemos e — cada vez mais — a forma como surgem nas respostas das IA. Contadora de histórias de coração, passo os dias a tornar o nosso app builder no-code fácil de encontrar e impossível de esquecer.

[Saiba mais](https://pt.goodbarber.com/blog/author/muriel-santoni/)

[![LinkedIn](https://portal.ww-cdn.com/portal_static/svg/base2021/linkedin.3ed8162e2a2b.svg)](https://www.linkedin.com/in/muriel-santoni-52b26986/)[![X](https://portal.ww-cdn.com/portal_static/svg/base2021/x.820492c586dd.svg)](https://x.com/MurielSantoni)