{"id":77077,"date":"2025-12-19T10:51:21","date_gmt":"2025-12-19T15:51:21","guid":{"rendered":"https:\/\/memberpress.com\/?post_type=ht_kb&#038;p=77077"},"modified":"2026-02-11T04:33:08","modified_gmt":"2026-02-11T09:33:08","slug":"adding-custom-tab-bar-and-more-screen-icons-in-memberpress-app","status":"publish","type":"ht_kb","link":"https:\/\/memberpress.com\/pt\/docs\/adding-custom-tab-bar-and-more-screen-icons-in-memberpress-app\/","title":{"rendered":"Adi\u00e7\u00e3o de barra de guias personalizada e mais \u00edcones de tela no AppKit MemberPress"},"content":{"rendered":"<p>Voc\u00ea pode personalizar a navega\u00e7\u00e3o m\u00f3vel do MemberPress carregando seus pr\u00f3prios \u00edcones personalizados para a barra de guias e a tela More. Isso d\u00e1 ao seu aplicativo uma apar\u00eancia elegante e de marca que se alinha \u00e0 sua identidade visual. <\/p>\r\n\r\n\r\n\r\n<p>Este guia o orienta no carregamento de \u00edcones personalizados, na aplica\u00e7\u00e3o do recurso Color Fill e no teste deles em dispositivos iOS e Android.<\/p>\r\n\r\n\r\n\r\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\r\n<span class=\"gBki7bypejJW3hB1OwoxwUxFm4mnWd6hjP90nQKoCAD2ZIcrGV03alHGdX2KMsY1XLN8qHaiupUrtEvzbCgRf95u5cFLqJM\"><div class=\"responsive-video\"><iframe title=\"Aplicativo MemberPress: Adi\u00e7\u00e3o de \u00edcones personalizados (para a barra de guias e a tela More)\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/CVViY041S9I?feature=oembed&enablejsapi=1\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/div><\/span>\r\n<\/div><\/figure>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\" id=\"custom-icon-feature\"><a href=\"#custom-icon-feature\">Entendendo o recurso de \u00edcones personalizados<\/a><\/h2>\r\n\r\n\r\n\r\n<p>Os requisitos do recurso de \u00edcones personalizados definem configura\u00e7\u00f5es para a personaliza\u00e7\u00e3o da marca da navega\u00e7\u00e3o por meio de \u00edcones carregados e personaliza\u00e7\u00e3o de cores.<\/p>\r\n\r\n\r\n\r\n<p><strong>Recurso de upload de \u00edcones<\/strong> permite a substitui\u00e7\u00e3o personalizada de imagens para \u00edcones de navega\u00e7\u00e3o padr\u00e3o em toda a interface do aplicativo. \u00cdcones personalizados fortalecem a identidade da marca e a consist\u00eancia visual entre os elementos de navega\u00e7\u00e3o.<\/p>\r\n\r\n\r\n\r\n<p><strong>Funcionalidade de preenchimento de cor<\/strong> Converte \u00e1reas brancas dos \u00edcones em transparentes e sobrep\u00f5e as cores da marca para um estilo coeso. A aplica\u00e7\u00e3o de cores garante que os \u00edcones combinem com o tema geral do aplicativo e o esquema de cores.<\/p>\r\n\r\n\r\n\r\n<p><strong>Ajuste de recorte<\/strong> permite a modifica\u00e7\u00e3o dos limites dos \u00edcones, garantindo o ajuste adequado dentro das restri\u00e7\u00f5es de navega\u00e7\u00e3o. O recorte adequado evita distor\u00e7\u00f5es e mant\u00e9m a nitidez dos \u00edcones em todos os dispositivos.<\/p>\r\n\r\n\r\n\r\n<p><strong>Personaliza\u00e7\u00e3o de estilo<\/strong> Oferece varia\u00e7\u00f5es de \u00edcones preenchidos ou contornados com op\u00e7\u00f5es de cont\u00eaineres quadrados ou circulares. A flexibilidade de estilo acomoda diferentes prefer\u00eancias de design e diretrizes de marca.<\/p>\r\n\r\n\r\n\r\n<p><strong>Consist\u00eancia entre plataformas<\/strong> garante que os \u00edcones personalizados sejam exibidos corretamente em dispositivos iOS e Android. A apar\u00eancia uniforme mant\u00e9m o reconhecimento da marca, independentemente da plataforma do usu\u00e1rio.<\/p>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\" id=\"tab-bar-settings\"><a href=\"#tab-bar-settings\">Abrindo as configura\u00e7\u00f5es da barra de guias<\/a><\/h2>\r\n\r\n\r\n\r\n<p>O acesso \u00e0s configura\u00e7\u00f5es da barra de guias permite o upload e a configura\u00e7\u00e3o de \u00edcones personalizados para os itens do menu de navega\u00e7\u00e3o.<\/p>\r\n\r\n\r\n\r\n<ol class=\"wp-block-list\">\r\n<li>No seu painel do WordPress, v\u00e1 para <strong>Painel de controle &gt; MP AppKit<\/strong> <strong>&gt; Menu &gt; Barra de guias<\/strong>.<\/li>\r\n<\/ol>\r\n\r\n\r\n\r\n<figure data-wp-context=\"{\"imageid\":\"69d2de084aa1a\"}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69d2de084aa1a\" class=\"wp-block-image size-full wp-lightbox-container\"><img decoding=\"async\" width=\"1366\" height=\"769\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Adding-Custom-Tab-Bar-and-More-Screen-Icons-in-MemberPress-App-1.jpg\" alt=\"\" class=\"wp-image-77628\" srcset=\"https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Adding-Custom-Tab-Bar-and-More-Screen-Icons-in-MemberPress-App-1.jpg 1366w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Adding-Custom-Tab-Bar-and-More-Screen-Icons-in-MemberPress-App-1-300x169.jpg 300w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Adding-Custom-Tab-Bar-and-More-Screen-Icons-in-MemberPress-App-1-1024x576.jpg 1024w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Adding-Custom-Tab-Bar-and-More-Screen-Icons-in-MemberPress-App-1-768x432.jpg 768w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Adding-Custom-Tab-Bar-and-More-Screen-Icons-in-MemberPress-App-1-50x28.jpg 50w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Adding-Custom-Tab-Bar-and-More-Screen-Icons-in-MemberPress-App-1-302x170.jpg 302w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Adding-Custom-Tab-Bar-and-More-Screen-Icons-in-MemberPress-App-1-840x473.jpg 840w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Adding-Custom-Tab-Bar-and-More-Screen-Icons-in-MemberPress-App-1-1216x684.jpg 1216w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Adding-Custom-Tab-Bar-and-More-Screen-Icons-in-MemberPress-App-1-700x394.jpg 700w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Adding-Custom-Tab-Bar-and-More-Screen-Icons-in-MemberPress-App-1-156x88.jpg 156w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Adding-Custom-Tab-Bar-and-More-Screen-Icons-in-MemberPress-App-1-1080x608.jpg 1080w\" sizes=\"(max-width: 1366px) 100vw, 1366px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Ampliar\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\r\n\r\n\r\n\r\n<ol start=\"2\" class=\"wp-block-list\">\r\n<li>A pr\u00e9-visualiza\u00e7\u00e3o da barra de guias ao vivo aparecer\u00e1 \u00e0 direita.<br><\/li>\r\n\r\n\r\n\r\n<li>Alterne a visualiza\u00e7\u00e3o para <strong>Mais tela<\/strong> conforme necess\u00e1rio.<\/li>\r\n<\/ol>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\" id=\"uploading-icon\"><a href=\"#uploading-icon\">Carregando \u00edcone personalizado<\/a><\/h2>\r\n\r\n\r\n\r\n<p>O upload de \u00edcones personalizados substitui os \u00edcones de navega\u00e7\u00e3o padr\u00e3o por imagens da marca, para uma apar\u00eancia personalizada.<\/p>\r\n\r\n\r\n\r\n<ol class=\"wp-block-list\">\r\n<li>Clique na seta suspensa ao lado de um item do menu da barra de guias (por exemplo, In\u00edcio).<\/li>\r\n<\/ol>\r\n\r\n\r\n\r\n<figure data-wp-context=\"{\"imageid\":\"69d2de084b1a3\"}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69d2de084b1a3\" class=\"wp-block-image size-full wp-lightbox-container\"><img decoding=\"async\" width=\"1366\" height=\"769\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Adding-Custom-Tab-Bar-and-More-Screen-Icons-in-MemberPress-App-2.jpg\" alt=\"\" class=\"wp-image-77629\" srcset=\"https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Adding-Custom-Tab-Bar-and-More-Screen-Icons-in-MemberPress-App-2.jpg 1366w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Adding-Custom-Tab-Bar-and-More-Screen-Icons-in-MemberPress-App-2-300x169.jpg 300w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Adding-Custom-Tab-Bar-and-More-Screen-Icons-in-MemberPress-App-2-1024x576.jpg 1024w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Adding-Custom-Tab-Bar-and-More-Screen-Icons-in-MemberPress-App-2-768x432.jpg 768w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Adding-Custom-Tab-Bar-and-More-Screen-Icons-in-MemberPress-App-2-50x28.jpg 50w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Adding-Custom-Tab-Bar-and-More-Screen-Icons-in-MemberPress-App-2-302x170.jpg 302w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Adding-Custom-Tab-Bar-and-More-Screen-Icons-in-MemberPress-App-2-840x473.jpg 840w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Adding-Custom-Tab-Bar-and-More-Screen-Icons-in-MemberPress-App-2-1216x684.jpg 1216w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Adding-Custom-Tab-Bar-and-More-Screen-Icons-in-MemberPress-App-2-700x394.jpg 700w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Adding-Custom-Tab-Bar-and-More-Screen-Icons-in-MemberPress-App-2-156x88.jpg 156w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Adding-Custom-Tab-Bar-and-More-Screen-Icons-in-MemberPress-App-2-1080x608.jpg 1080w\" sizes=\"(max-width: 1366px) 100vw, 1366px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Ampliar\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\r\n\r\n\r\n\r\n<ol start=\"2\" class=\"wp-block-list\">\r\n<li>Clique em <strong>\u00cdcone do item.<\/strong><\/li>\r\n<\/ol>\r\n\r\n\r\n\r\n<figure data-wp-context=\"{\"imageid\":\"69d2de084b6e0\"}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69d2de084b6e0\" class=\"wp-block-image size-full wp-lightbox-container\"><img decoding=\"async\" width=\"1366\" height=\"769\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Adding-Custom-Tab-Bar-and-More-Screen-Icons-in-MemberPress-App-3.jpg\" alt=\"\" class=\"wp-image-77630\" srcset=\"https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Adding-Custom-Tab-Bar-and-More-Screen-Icons-in-MemberPress-App-3.jpg 1366w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Adding-Custom-Tab-Bar-and-More-Screen-Icons-in-MemberPress-App-3-300x169.jpg 300w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Adding-Custom-Tab-Bar-and-More-Screen-Icons-in-MemberPress-App-3-1024x576.jpg 1024w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Adding-Custom-Tab-Bar-and-More-Screen-Icons-in-MemberPress-App-3-768x432.jpg 768w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Adding-Custom-Tab-Bar-and-More-Screen-Icons-in-MemberPress-App-3-50x28.jpg 50w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Adding-Custom-Tab-Bar-and-More-Screen-Icons-in-MemberPress-App-3-302x170.jpg 302w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Adding-Custom-Tab-Bar-and-More-Screen-Icons-in-MemberPress-App-3-840x473.jpg 840w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Adding-Custom-Tab-Bar-and-More-Screen-Icons-in-MemberPress-App-3-1216x684.jpg 1216w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Adding-Custom-Tab-Bar-and-More-Screen-Icons-in-MemberPress-App-3-700x394.jpg 700w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Adding-Custom-Tab-Bar-and-More-Screen-Icons-in-MemberPress-App-3-156x88.jpg 156w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Adding-Custom-Tab-Bar-and-More-Screen-Icons-in-MemberPress-App-3-1080x608.jpg 1080w\" sizes=\"(max-width: 1366px) 100vw, 1366px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Ampliar\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\r\n\r\n\r\n\r\n<ol start=\"3\" class=\"wp-block-list\">\r\n<li>Ir para<strong> o costume<\/strong> guia.<\/li>\r\n\r\n\r\n\r\n<li>Clique no bot\u00e3o <strong>\u00cdcone de upload<\/strong>, selecione um arquivo PNG, SVG ou JPEG com fundo transparente.<\/li>\r\n<\/ol>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\" id=\"cropping-applying-icon\"><a href=\"#cropping-applying-icon\">Recortar e aplicar \u00edcone<\/a><\/h2>\r\n\r\n\r\n\r\n<p>O recorte de \u00edcones ajusta os limites das imagens carregadas, garantindo o ajuste e a exibi\u00e7\u00e3o adequados na interface de navega\u00e7\u00e3o.<\/p>\r\n\r\n\r\n\r\n<ol class=\"wp-block-list\">\r\n<li>Na caixa de di\u00e1logo de recorte, ajuste as bordas do \u00edcone para que caibam dentro do quadrado.<\/li>\r\n<\/ol>\r\n\r\n\r\n\r\n<figure data-wp-context=\"{\"imageid\":\"69d2de084bd90\"}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69d2de084bd90\" class=\"wp-block-image size-full wp-lightbox-container\"><img decoding=\"async\" width=\"1366\" height=\"769\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Adding-Custom-Tab-Bar-and-More-Screen-Icons-in-MemberPress-App-4.jpg\" alt=\"\" class=\"wp-image-77631\" srcset=\"https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Adding-Custom-Tab-Bar-and-More-Screen-Icons-in-MemberPress-App-4.jpg 1366w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Adding-Custom-Tab-Bar-and-More-Screen-Icons-in-MemberPress-App-4-300x169.jpg 300w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Adding-Custom-Tab-Bar-and-More-Screen-Icons-in-MemberPress-App-4-1024x576.jpg 1024w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Adding-Custom-Tab-Bar-and-More-Screen-Icons-in-MemberPress-App-4-768x432.jpg 768w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Adding-Custom-Tab-Bar-and-More-Screen-Icons-in-MemberPress-App-4-50x28.jpg 50w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Adding-Custom-Tab-Bar-and-More-Screen-Icons-in-MemberPress-App-4-302x170.jpg 302w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Adding-Custom-Tab-Bar-and-More-Screen-Icons-in-MemberPress-App-4-840x473.jpg 840w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Adding-Custom-Tab-Bar-and-More-Screen-Icons-in-MemberPress-App-4-1216x684.jpg 1216w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Adding-Custom-Tab-Bar-and-More-Screen-Icons-in-MemberPress-App-4-700x394.jpg 700w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Adding-Custom-Tab-Bar-and-More-Screen-Icons-in-MemberPress-App-4-156x88.jpg 156w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Adding-Custom-Tab-Bar-and-More-Screen-Icons-in-MemberPress-App-4-1080x608.jpg 1080w\" sizes=\"(max-width: 1366px) 100vw, 1366px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Ampliar\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\r\n\r\n\r\n\r\n<ol start=\"2\" class=\"wp-block-list\">\r\n<li>Clique em <strong>Feito<\/strong>, em seguida, clique em <strong>Use este \u00edcone<\/strong>.<br><\/li>\r\n\r\n\r\n\r\n<li>Se o tamanho n\u00e3o estiver adequado, exclua o \u00edcone e fa\u00e7a um novo upload com um recorte melhor.<br><\/li>\r\n\r\n\r\n\r\n<li>Clique em <strong>Menu Atualizar<\/strong> para salvar as altera\u00e7\u00f5es.<\/li>\r\n<\/ol>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\" id=\"color-fill\"><a href=\"#color-fill\">Usando preenchimento de cor para combinar estilos<\/a><\/h2>\r\n\r\n\r\n\r\n<p>A aplica\u00e7\u00e3o de preenchimento de cor converte \u00e1reas brancas do \u00edcone em transparentes e sobrep\u00f5e as cores da marca para um estilo coeso.<\/p>\r\n\r\n\r\n\r\n<ol class=\"wp-block-list\">\r\n<li>Abra as configura\u00e7\u00f5es do \u00edcone personalizado.<br><\/li>\r\n\r\n\r\n\r\n<li>Habilitar o <strong>Preenchimento de cor<\/strong> caixa de sele\u00e7\u00e3o.<\/li>\r\n<\/ol>\r\n\r\n\r\n\r\n<figure data-wp-context=\"{\"imageid\":\"69d2de084c4cd\"}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69d2de084c4cd\" class=\"wp-block-image size-full wp-lightbox-container\"><img decoding=\"async\" width=\"1366\" height=\"769\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Adding-Custom-Tab-Bar-and-More-Screen-Icons-in-MemberPress-App-5.jpg\" alt=\"\" class=\"wp-image-77632\" srcset=\"https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Adding-Custom-Tab-Bar-and-More-Screen-Icons-in-MemberPress-App-5.jpg 1366w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Adding-Custom-Tab-Bar-and-More-Screen-Icons-in-MemberPress-App-5-300x169.jpg 300w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Adding-Custom-Tab-Bar-and-More-Screen-Icons-in-MemberPress-App-5-1024x576.jpg 1024w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Adding-Custom-Tab-Bar-and-More-Screen-Icons-in-MemberPress-App-5-768x432.jpg 768w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Adding-Custom-Tab-Bar-and-More-Screen-Icons-in-MemberPress-App-5-50x28.jpg 50w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Adding-Custom-Tab-Bar-and-More-Screen-Icons-in-MemberPress-App-5-302x170.jpg 302w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Adding-Custom-Tab-Bar-and-More-Screen-Icons-in-MemberPress-App-5-840x473.jpg 840w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Adding-Custom-Tab-Bar-and-More-Screen-Icons-in-MemberPress-App-5-1216x684.jpg 1216w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Adding-Custom-Tab-Bar-and-More-Screen-Icons-in-MemberPress-App-5-700x394.jpg 700w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Adding-Custom-Tab-Bar-and-More-Screen-Icons-in-MemberPress-App-5-156x88.jpg 156w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Adding-Custom-Tab-Bar-and-More-Screen-Icons-in-MemberPress-App-5-1080x608.jpg 1080w\" sizes=\"(max-width: 1366px) 100vw, 1366px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Ampliar\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\r\n\r\n\r\n\r\n<ol start=\"3\" class=\"wp-block-list\">\r\n<li>Clique no bot\u00e3o <strong>Cor do \u00edcone<\/strong> experimente e escolha a tonalidade da sua marca.<br><\/li>\r\n\r\n\r\n\r\n<li>Escolha <strong>Estilo do \u00edcone<\/strong> (Preenchido ou Contorno) e <strong>Estilo da caixa<\/strong> (Quadrado ou Circular).<br><\/li>\r\n\r\n\r\n\r\n<li>Clique em <strong>Use este \u00edcone<\/strong>, ent\u00e3o <strong>Menu Atualizar<\/strong> para salvar.<\/li>\r\n<\/ol>\r\n\r\n\r\n\r\n<p class=\"wp-block-ht-blocks-messages wp-block-hb-message wp-block-hb-message--withicon is-style-info\"><strong>Observa\u00e7\u00e3o:<\/strong> O preenchimento de cor converte as \u00e1reas brancas em transparentes e sobrep\u00f5e a cor escolhida.<\/p>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\" id=\"more-screen-menu\"><a href=\"#more-screen-menu\">Repetindo para mais menu da tela<\/a><\/h2>\r\n\r\n\r\n\r\n<p>A configura\u00e7\u00e3o do menu Mais tela aplica \u00edcones personalizados aos itens de navega\u00e7\u00e3o secund\u00e1rios, mantendo a consist\u00eancia da marca.<\/p>\r\n\r\n\r\n\r\n<ol class=\"wp-block-list\">\r\n<li>Mude para o <strong>Menu Mais telas<\/strong> guia em <strong>Painel de controle &gt; MP AppKit &gt; Menu &gt; Barra de guias<\/strong>.<\/li>\r\n<\/ol>\r\n\r\n\r\n\r\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Adding-Custom-Tab-Bar-and-More-Screen-Icons-in-MemberPress-App-5-1024x576.jpg\" alt=\"\" class=\"wp-image-77632\" srcset=\"https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Adding-Custom-Tab-Bar-and-More-Screen-Icons-in-MemberPress-App-5-1024x576.jpg 1024w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Adding-Custom-Tab-Bar-and-More-Screen-Icons-in-MemberPress-App-5-300x169.jpg 300w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Adding-Custom-Tab-Bar-and-More-Screen-Icons-in-MemberPress-App-5-768x432.jpg 768w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Adding-Custom-Tab-Bar-and-More-Screen-Icons-in-MemberPress-App-5-50x28.jpg 50w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Adding-Custom-Tab-Bar-and-More-Screen-Icons-in-MemberPress-App-5-302x170.jpg 302w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Adding-Custom-Tab-Bar-and-More-Screen-Icons-in-MemberPress-App-5-840x473.jpg 840w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Adding-Custom-Tab-Bar-and-More-Screen-Icons-in-MemberPress-App-5-1216x684.jpg 1216w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Adding-Custom-Tab-Bar-and-More-Screen-Icons-in-MemberPress-App-5-700x394.jpg 700w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Adding-Custom-Tab-Bar-and-More-Screen-Icons-in-MemberPress-App-5-156x88.jpg 156w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Adding-Custom-Tab-Bar-and-More-Screen-Icons-in-MemberPress-App-5-1080x608.jpg 1080w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Adding-Custom-Tab-Bar-and-More-Screen-Icons-in-MemberPress-App-5.jpg 1366w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\r\n\r\n\r\n\r\n<ol start=\"2\" class=\"wp-block-list\">\r\n<li>Repita as etapas de upload, recorte e preenchimento de cor para cada item do menu Mais tela.<br><\/li>\r\n\r\n\r\n\r\n<li>Clique no bot\u00e3o <strong>Salvar menu<\/strong> quando todos os \u00edcones estiverem no lugar.<\/li>\r\n<\/ol>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\" id=\"testing-app\"><a href=\"#testing-app\">Testes no aplicativo<\/a><\/h2>\r\n\r\n\r\n\r\n<p>Os testes de aplicativos verificam a exibi\u00e7\u00e3o correta dos \u00edcones personalizados em todas as plataformas, garantindo a implementa\u00e7\u00e3o e a apar\u00eancia adequadas.<\/p>\r\n\r\n\r\n\r\n<ol class=\"wp-block-list\">\r\n<li>Force o fechamento do aplicativo MemberPress para iOS\/Android em seu dispositivo.<br><\/li>\r\n\r\n\r\n\r\n<li>Reabra o aplicativo para carregar as configura\u00e7\u00f5es mais recentes do \u00edcone.<br><\/li>\r\n\r\n\r\n\r\n<li>Confirme se os \u00edcones personalizados s\u00e3o exibidos corretamente na barra de guias e na tela Mais no iOS e no Android.<\/li>\r\n<\/ol>\r\n\r\n\r\n\r\n<p><\/p>","protected":false},"excerpt":{"rendered":"<p>Personalize a navega\u00e7\u00e3o do seu aplicativo MemberPress com uma barra de guias personalizada e mais \u00edcones na tela. Aprenda a fazer upload, recortar e aplicar preenchimento de cor para obter uma apar\u00eancia personalizada.<\/p>","protected":false},"author":86440,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":{"_acf_changed":false,"om_disable_all_campaigns":false,"_strive_editorial_status":"not-started","_strive_copy_of":0,"inline_featured_image":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_genesis_hide_title":false,"_genesis_hide_breadcrumbs":false,"_genesis_hide_singular_image":false,"_genesis_hide_footer_widgets":false,"_genesis_custom_body_class":"","_genesis_custom_post_class":"","_genesis_layout":"","_FSMCFIC_featured_image_caption":"","_FSMCFIC_featured_image_nocaption":"","_FSMCFIC_featured_image_hide":"","_strive_checklists":"\"\"","_strive_active_checklist":"62291e2bb2422","footnotes":""},"ht-kb-category":[1538],"ht-kb-tag":[],"class_list":{"0":"post-77077","1":"ht_kb","2":"type-ht_kb","3":"status-publish","4":"format-standard","6":"ht_kb_category-app-content","7":"entry","8":"has-post-thumbnail"},"acf":[],"aioseo_notices":[],"aioseo_head":"\n\t\t<!-- All in One SEO Pro 4.9.5.2 - aioseo.com -->\n\t<meta name=\"description\" content=\"Personalize your MemberPress App navigation with custom Tab Bar and More Screen icons. Learn to upload, crop, and apply color fill for a branded look.\" \/>\n\t<meta name=\"robots\" content=\"max-image-preview:large\" \/>\n\t<meta name=\"author\" content=\"Kashif\"\/>\n\t<link rel=\"canonical\" href=\"https:\/\/memberpress.com\/pt\/docs\/adding-custom-tab-bar-and-more-screen-icons-in-memberpress-app\/\" \/>\n\t<meta name=\"generator\" content=\"All in One SEO Pro (AIOSEO) 4.9.5.2\" \/>\n\t\t<meta property=\"og:locale\" content=\"pt_BR\" \/>\n\t\t<meta property=\"og:site_name\" content=\"MemberPress\" \/>\n\t\t<meta property=\"og:type\" content=\"article\" \/>\n\t\t<meta property=\"og:title\" content=\"Adding Custom Tab Bar and More Screen Icons in MemberPress AppKit\" \/>\n\t\t<meta property=\"og:description\" content=\"Personalize your MemberPress App navigation with custom Tab Bar and More Screen icons. Learn to upload, crop, and apply color fill for a branded look.\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/memberpress.com\/pt\/docs\/adding-custom-tab-bar-and-more-screen-icons-in-memberpress-app\/\" \/>\n\t\t<meta property=\"og:image\" content=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/mp-icon-RGB_Icon-01.jpg\" \/>\n\t\t<meta property=\"og:image:secure_url\" content=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/mp-icon-RGB_Icon-01.jpg\" \/>\n\t\t<meta property=\"og:image:width\" content=\"1650\" \/>\n\t\t<meta property=\"og:image:height\" content=\"1275\" \/>\n\t\t<meta property=\"article:published_time\" content=\"2025-12-19T15:51:21+00:00\" \/>\n\t\t<meta property=\"article:modified_time\" content=\"2026-02-11T09:33:08+00:00\" \/>\n\t\t<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/memberpress\/\" \/>\n\t\t<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n\t\t<meta name=\"twitter:site\" content=\"@memberpress\" \/>\n\t\t<meta name=\"twitter:title\" content=\"Adding Custom Tab Bar and More Screen Icons in MemberPress AppKit\" \/>\n\t\t<meta name=\"twitter:description\" content=\"Personalize your MemberPress App navigation with custom Tab Bar and More Screen icons. Learn to upload, crop, and apply color fill for a branded look.\" \/>\n\t\t<meta name=\"twitter:image\" content=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/mp-icon-RGB_Icon-01.jpg\" \/>\n\t\t<script type=\"application\/ld+json\" class=\"aioseo-schema\">\n\t\t\t{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/memberpress.com\\\/pt\\\/docs\\\/adding-custom-tab-bar-and-more-screen-icons-in-memberpress-app\\\/#article\",\"name\":\"Adding Custom Tab Bar and More Screen Icons in MemberPress AppKit\",\"headline\":\"Adding Custom Tab Bar and More Screen Icons in MemberPress AppKit\",\"author\":{\"@id\":\"https:\\\/\\\/memberpress.com\\\/pt\\\/blog\\\/author\\\/kashifcaseproof-com\\\/#author\"},\"publisher\":{\"@id\":\"https:\\\/\\\/memberpress.com\\\/pt\\\/#organization\"},\"image\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/memberpress.com\\\/wp-content\\\/uploads\\\/2025\\\/12\\\/Adding-Custom-Tab-Bar-and-More-Screen-Icons-in-MemberPress-App-1.jpg\",\"@id\":\"https:\\\/\\\/memberpress.com\\\/pt\\\/docs\\\/adding-custom-tab-bar-and-more-screen-icons-in-memberpress-app\\\/#articleImage\",\"width\":1366,\"height\":769},\"datePublished\":\"2025-12-19T10:51:21-05:00\",\"dateModified\":\"2026-02-11T04:33:08-05:00\",\"inLanguage\":\"pt-BR\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/memberpress.com\\\/pt\\\/docs\\\/adding-custom-tab-bar-and-more-screen-icons-in-memberpress-app\\\/#webpage\"},\"isPartOf\":{\"@id\":\"https:\\\/\\\/memberpress.com\\\/pt\\\/docs\\\/adding-custom-tab-bar-and-more-screen-icons-in-memberpress-app\\\/#webpage\"},\"articleSection\":\"AppKit Content\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/memberpress.com\\\/pt\\\/docs\\\/adding-custom-tab-bar-and-more-screen-icons-in-memberpress-app\\\/#breadcrumblist\",\"itemListElement\":[{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/memberpress.com\\\/pt#listItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/memberpress.com\\\/pt\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/memberpress.com\\\/pt\\\/doc-categories\\\/app\\\/#listItem\",\"name\":\"MemberPress AppKit\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/memberpress.com\\\/pt\\\/doc-categories\\\/app\\\/#listItem\",\"position\":2,\"name\":\"MemberPress AppKit\",\"item\":\"https:\\\/\\\/memberpress.com\\\/pt\\\/doc-categories\\\/app\\\/\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/memberpress.com\\\/pt\\\/doc-categories\\\/app-content\\\/#listItem\",\"name\":\"AppKit Content\"},\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/memberpress.com\\\/pt#listItem\",\"name\":\"Home\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/memberpress.com\\\/pt\\\/doc-categories\\\/app-content\\\/#listItem\",\"position\":3,\"name\":\"AppKit Content\",\"item\":\"https:\\\/\\\/memberpress.com\\\/pt\\\/doc-categories\\\/app-content\\\/\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/memberpress.com\\\/pt\\\/docs\\\/adding-custom-tab-bar-and-more-screen-icons-in-memberpress-app\\\/#listItem\",\"name\":\"Adding Custom Tab Bar and More Screen Icons in MemberPress AppKit\"},\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/memberpress.com\\\/pt\\\/doc-categories\\\/app\\\/#listItem\",\"name\":\"MemberPress AppKit\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/memberpress.com\\\/pt\\\/docs\\\/adding-custom-tab-bar-and-more-screen-icons-in-memberpress-app\\\/#listItem\",\"position\":4,\"name\":\"Adding Custom Tab Bar and More Screen Icons in MemberPress AppKit\",\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/memberpress.com\\\/pt\\\/doc-categories\\\/app-content\\\/#listItem\",\"name\":\"AppKit Content\"}}]},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/memberpress.com\\\/pt\\\/#organization\",\"name\":\"MemberPress\",\"description\":\"The All-In-One WordPress Membership Plugin\",\"url\":\"https:\\\/\\\/memberpress.com\\\/pt\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/memberpress.com\\\/wp-content\\\/uploads\\\/2022\\\/10\\\/mp-icon-RGB_Icon-01.jpg\",\"@id\":\"https:\\\/\\\/memberpress.com\\\/pt\\\/docs\\\/adding-custom-tab-bar-and-more-screen-icons-in-memberpress-app\\\/#organizationLogo\",\"width\":1650,\"height\":1275,\"caption\":\"memberpress logo icon\"},\"image\":{\"@id\":\"https:\\\/\\\/memberpress.com\\\/pt\\\/docs\\\/adding-custom-tab-bar-and-more-screen-icons-in-memberpress-app\\\/#organizationLogo\"},\"sameAs\":[\"https:\\\/\\\/www.instagram.com\\\/memberpress\\\/\",\"https:\\\/\\\/www.pinterest.com\\\/memberpressplugin\\\/\",\"https:\\\/\\\/www.youtube.com\\\/c\\\/MemberPressPlugin\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/memberpress\\\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/memberpress.com\\\/pt\\\/blog\\\/author\\\/kashifcaseproof-com\\\/#author\",\"url\":\"https:\\\/\\\/memberpress.com\\\/pt\\\/blog\\\/author\\\/kashifcaseproof-com\\\/\",\"name\":\"Kashif\",\"image\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/memberpress.com\\\/wp-content\\\/litespeed\\\/avatar\\\/2fa3d3f90ddc6213dce27b98165e7ec9.jpg?ver=1775158903\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/memberpress.com\\\/pt\\\/docs\\\/adding-custom-tab-bar-and-more-screen-icons-in-memberpress-app\\\/#webpage\",\"url\":\"https:\\\/\\\/memberpress.com\\\/pt\\\/docs\\\/adding-custom-tab-bar-and-more-screen-icons-in-memberpress-app\\\/\",\"name\":\"Adding Custom Tab Bar and More Screen Icons in MemberPress AppKit\",\"description\":\"Personalize your MemberPress App navigation with custom Tab Bar and More Screen icons. Learn to upload, crop, and apply color fill for a branded look.\",\"inLanguage\":\"pt-BR\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/memberpress.com\\\/pt\\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/memberpress.com\\\/pt\\\/docs\\\/adding-custom-tab-bar-and-more-screen-icons-in-memberpress-app\\\/#breadcrumblist\"},\"author\":{\"@id\":\"https:\\\/\\\/memberpress.com\\\/pt\\\/blog\\\/author\\\/kashifcaseproof-com\\\/#author\"},\"creator\":{\"@id\":\"https:\\\/\\\/memberpress.com\\\/pt\\\/blog\\\/author\\\/kashifcaseproof-com\\\/#author\"},\"datePublished\":\"2025-12-19T10:51:21-05:00\",\"dateModified\":\"2026-02-11T04:33:08-05:00\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/memberpress.com\\\/pt\\\/#website\",\"url\":\"https:\\\/\\\/memberpress.com\\\/pt\\\/\",\"name\":\"MemberPress\",\"description\":\"The All-In-One WordPress Membership Plugin\",\"inLanguage\":\"pt-BR\",\"publisher\":{\"@id\":\"https:\\\/\\\/memberpress.com\\\/pt\\\/#organization\"}}]}\n\t\t<\/script>\n\t\t<!-- All in One SEO Pro -->\r\n\t\t<title>Adding Custom Tab Bar and More Screen Icons in MemberPress AppKit<\/title>\n\n","aioseo_head_json":{"title":"Adi\u00e7\u00e3o de barra de guias personalizada e mais \u00edcones de tela no AppKit MemberPress","description":"Personalize a navega\u00e7\u00e3o do seu aplicativo MemberPress com uma barra de guias personalizada e mais \u00edcones na tela. Aprenda a fazer upload, recortar e aplicar preenchimento de cor para obter uma apar\u00eancia personalizada.","canonical_url":"https:\/\/memberpress.com\/pt\/docs\/adding-custom-tab-bar-and-more-screen-icons-in-memberpress-app\/","robots":"max-image-preview:large","keywords":"","webmasterTools":{"miscellaneous":""},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/memberpress.com\/pt\/docs\/adding-custom-tab-bar-and-more-screen-icons-in-memberpress-app\/#article","name":"Adding Custom Tab Bar and More Screen Icons in MemberPress AppKit","headline":"Adding Custom Tab Bar and More Screen Icons in MemberPress AppKit","author":{"@id":"https:\/\/memberpress.com\/pt\/blog\/author\/kashifcaseproof-com\/#author"},"publisher":{"@id":"https:\/\/memberpress.com\/pt\/#organization"},"image":{"@type":"ImageObject","url":"https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Adding-Custom-Tab-Bar-and-More-Screen-Icons-in-MemberPress-App-1.jpg","@id":"https:\/\/memberpress.com\/pt\/docs\/adding-custom-tab-bar-and-more-screen-icons-in-memberpress-app\/#articleImage","width":1366,"height":769},"datePublished":"2025-12-19T10:51:21-05:00","dateModified":"2026-02-11T04:33:08-05:00","inLanguage":"pt-BR","mainEntityOfPage":{"@id":"https:\/\/memberpress.com\/pt\/docs\/adding-custom-tab-bar-and-more-screen-icons-in-memberpress-app\/#webpage"},"isPartOf":{"@id":"https:\/\/memberpress.com\/pt\/docs\/adding-custom-tab-bar-and-more-screen-icons-in-memberpress-app\/#webpage"},"articleSection":"AppKit Content"},{"@type":"BreadcrumbList","@id":"https:\/\/memberpress.com\/pt\/docs\/adding-custom-tab-bar-and-more-screen-icons-in-memberpress-app\/#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/memberpress.com\/pt#listItem","position":1,"name":"Home","item":"https:\/\/memberpress.com\/pt","nextItem":{"@type":"ListItem","@id":"https:\/\/memberpress.com\/pt\/doc-categories\/app\/#listItem","name":"MemberPress AppKit"}},{"@type":"ListItem","@id":"https:\/\/memberpress.com\/pt\/doc-categories\/app\/#listItem","position":2,"name":"MemberPress AppKit","item":"https:\/\/memberpress.com\/pt\/doc-categories\/app\/","nextItem":{"@type":"ListItem","@id":"https:\/\/memberpress.com\/pt\/doc-categories\/app-content\/#listItem","name":"AppKit Content"},"previousItem":{"@type":"ListItem","@id":"https:\/\/memberpress.com\/pt#listItem","name":"Home"}},{"@type":"ListItem","@id":"https:\/\/memberpress.com\/pt\/doc-categories\/app-content\/#listItem","position":3,"name":"AppKit Content","item":"https:\/\/memberpress.com\/pt\/doc-categories\/app-content\/","nextItem":{"@type":"ListItem","@id":"https:\/\/memberpress.com\/pt\/docs\/adding-custom-tab-bar-and-more-screen-icons-in-memberpress-app\/#listItem","name":"Adding Custom Tab Bar and More Screen Icons in MemberPress AppKit"},"previousItem":{"@type":"ListItem","@id":"https:\/\/memberpress.com\/pt\/doc-categories\/app\/#listItem","name":"MemberPress AppKit"}},{"@type":"ListItem","@id":"https:\/\/memberpress.com\/pt\/docs\/adding-custom-tab-bar-and-more-screen-icons-in-memberpress-app\/#listItem","position":4,"name":"Adding Custom Tab Bar and More Screen Icons in MemberPress AppKit","previousItem":{"@type":"ListItem","@id":"https:\/\/memberpress.com\/pt\/doc-categories\/app-content\/#listItem","name":"AppKit Content"}}]},{"@type":"Organization","@id":"https:\/\/memberpress.com\/pt\/#organization","name":"MemberPress","description":"The All-In-One WordPress Membership Plugin","url":"https:\/\/memberpress.com\/pt\/","logo":{"@type":"ImageObject","url":"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/mp-icon-RGB_Icon-01.jpg","@id":"https:\/\/memberpress.com\/pt\/docs\/adding-custom-tab-bar-and-more-screen-icons-in-memberpress-app\/#organizationLogo","width":1650,"height":1275,"caption":"memberpress logo icon"},"image":{"@id":"https:\/\/memberpress.com\/pt\/docs\/adding-custom-tab-bar-and-more-screen-icons-in-memberpress-app\/#organizationLogo"},"sameAs":["https:\/\/www.instagram.com\/memberpress\/","https:\/\/www.pinterest.com\/memberpressplugin\/","https:\/\/www.youtube.com\/c\/MemberPressPlugin","https:\/\/www.linkedin.com\/company\/memberpress\/"]},{"@type":"Person","@id":"https:\/\/memberpress.com\/pt\/blog\/author\/kashifcaseproof-com\/#author","url":"https:\/\/memberpress.com\/pt\/blog\/author\/kashifcaseproof-com\/","name":"Kashif","image":{"@type":"ImageObject","url":"https:\/\/memberpress.com\/wp-content\/litespeed\/avatar\/2fa3d3f90ddc6213dce27b98165e7ec9.jpg?ver=1775158903"}},{"@type":"WebPage","@id":"https:\/\/memberpress.com\/pt\/docs\/adding-custom-tab-bar-and-more-screen-icons-in-memberpress-app\/#webpage","url":"https:\/\/memberpress.com\/pt\/docs\/adding-custom-tab-bar-and-more-screen-icons-in-memberpress-app\/","name":"Adding Custom Tab Bar and More Screen Icons in MemberPress AppKit","description":"Personalize your MemberPress App navigation with custom Tab Bar and More Screen icons. Learn to upload, crop, and apply color fill for a branded look.","inLanguage":"pt-BR","isPartOf":{"@id":"https:\/\/memberpress.com\/pt\/#website"},"breadcrumb":{"@id":"https:\/\/memberpress.com\/pt\/docs\/adding-custom-tab-bar-and-more-screen-icons-in-memberpress-app\/#breadcrumblist"},"author":{"@id":"https:\/\/memberpress.com\/pt\/blog\/author\/kashifcaseproof-com\/#author"},"creator":{"@id":"https:\/\/memberpress.com\/pt\/blog\/author\/kashifcaseproof-com\/#author"},"datePublished":"2025-12-19T10:51:21-05:00","dateModified":"2026-02-11T04:33:08-05:00"},{"@type":"WebSite","@id":"https:\/\/memberpress.com\/pt\/#website","url":"https:\/\/memberpress.com\/pt\/","name":"MemberPress","description":"The All-In-One WordPress Membership Plugin","inLanguage":"pt-BR","publisher":{"@id":"https:\/\/memberpress.com\/pt\/#organization"}}]},"og:locale":"pt_BR","og:site_name":"MemberPress","og:type":"article","og:title":"Adding Custom Tab Bar and More Screen Icons in MemberPress AppKit","og:description":"Personalize your MemberPress App navigation with custom Tab Bar and More Screen icons. Learn to upload, crop, and apply color fill for a branded look.","og:url":"https:\/\/memberpress.com\/pt\/docs\/adding-custom-tab-bar-and-more-screen-icons-in-memberpress-app\/","og:image":"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/mp-icon-RGB_Icon-01.jpg","og:image:secure_url":"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/mp-icon-RGB_Icon-01.jpg","og:image:width":1650,"og:image:height":1275,"article:published_time":"2025-12-19T15:51:21+00:00","article:modified_time":"2026-02-11T09:33:08+00:00","article:publisher":"https:\/\/www.facebook.com\/memberpress\/","twitter:card":"summary_large_image","twitter:site":"@memberpress","twitter:title":"Adding Custom Tab Bar and More Screen Icons in MemberPress AppKit","twitter:description":"Personalize your MemberPress App navigation with custom Tab Bar and More Screen icons. Learn to upload, crop, and apply color fill for a branded look.","twitter:image":"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/mp-icon-RGB_Icon-01.jpg"},"aioseo_meta_data":{"post_id":"77077","title":"#post_title","description":null,"keywords":null,"keyphrases":{"focus":{"keyphrase":"Tab Bar","score":82,"analysis":{"keyphraseInTitle":{"score":9,"maxScore":9,"error":0},"keyphraseInDescription":{"score":9,"maxScore":9,"error":0},"keyphraseLength":{"score":9,"maxScore":9,"error":0,"length":2},"keyphraseInURL":{"score":5,"maxScore":5,"error":0},"keyphraseInIntroduction":{"score":9,"maxScore":9,"error":0},"keyphraseInSubHeadings":{"score":3,"maxScore":9,"error":1},"keyphraseInImageAlt":{"score":3,"maxScore":9,"error":1},"keywordDensity":{"type":"best","score":9,"maxScore":9,"error":0}}},"additional":[{"keyphrase":"MemberPress App","score":53,"analysis":{"keyphraseInDescription":{"score":9,"maxScore":9,"error":0},"keyphraseLength":{"score":9,"maxScore":9,"error":0,"length":2},"keyphraseInIntroduction":{"score":3,"maxScore":9,"error":1},"keyphraseInImageAlt":{"score":3,"maxScore":9,"error":1},"keywordDensity":{"score":0,"type":"low","maxScore":9,"error":1}}}]},"primary_term":null,"canonical_url":null,"og_title":"#post_title","og_description":"#post_excerpt","og_object_type":"default","og_image_type":"default","og_image_url":null,"og_image_width":null,"og_image_height":null,"og_image_custom_url":null,"og_image_custom_fields":null,"og_video":"","og_custom_url":null,"og_article_section":null,"og_article_tags":null,"twitter_use_og":false,"twitter_card":"default","twitter_image_type":"default","twitter_image_url":null,"twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_title":"#post_title","twitter_description":"#post_excerpt","schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"Article","isEnabled":true},"graphs":[]},"schema_type":"default","schema_type_options":null,"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":"-1","robots_max_videopreview":"-1","robots_max_imagepreview":"large","priority":null,"frequency":"default","local_seo":null,"seo_analyzer_scan_date":"2026-02-11 09:39:20","breadcrumb_settings":null,"limit_modified_date":false,"reviewed_by":"0","open_ai":null,"ai":{"faqs":[],"keyPoints":[],"titles":[],"descriptions":[],"socialPosts":{"email":[],"linkedin":[],"twitter":[],"facebook":[],"instagram":[]}},"created":"2025-12-09 11:31:11","updated":"2026-03-03 14:48:50"},"aioseo_breadcrumb":"<div class=\"aioseo-breadcrumbs\"><span class=\"aioseo-breadcrumb\">\n\t<a href=\"https:\/\/memberpress.com\/pt\" title=\"Home\">Home<\/a>\n<\/span><span class=\"aioseo-breadcrumb-separator\">&raquo;<\/span><span class=\"aioseo-breadcrumb\">\n\t<a href=\"https:\/\/memberpress.com\/pt\/doc-categories\/app\/\" title=\"MemberPress AppKit\">MemberPress AppKit<\/a>\n<\/span><span class=\"aioseo-breadcrumb-separator\">&raquo;<\/span><span class=\"aioseo-breadcrumb\">\n\t<a href=\"https:\/\/memberpress.com\/pt\/doc-categories\/app-content\/\" title=\"AppKit Content\">AppKit Content<\/a>\n<\/span><span class=\"aioseo-breadcrumb-separator\">&raquo;<\/span><span class=\"aioseo-breadcrumb\">\n\tAdding Custom Tab Bar and More Screen Icons in MemberPress AppKit\n<\/span><\/div>","aioseo_breadcrumb_json":[{"label":"Home","link":"https:\/\/memberpress.com\/pt"},{"label":"MemberPress AppKit","link":"https:\/\/memberpress.com\/pt\/doc-categories\/app\/"},{"label":"AppKit Content","link":"https:\/\/memberpress.com\/pt\/doc-categories\/app-content\/"},{"label":"Adding Custom Tab Bar and More Screen Icons in MemberPress AppKit","link":"https:\/\/memberpress.com\/pt\/docs\/adding-custom-tab-bar-and-more-screen-icons-in-memberpress-app\/"}],"_links":{"self":[{"href":"https:\/\/memberpress.com\/pt\/wp-json\/wp\/v2\/ht-kb\/77077","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/memberpress.com\/pt\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/memberpress.com\/pt\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/memberpress.com\/pt\/wp-json\/wp\/v2\/users\/86440"}],"replies":[{"embeddable":true,"href":"https:\/\/memberpress.com\/pt\/wp-json\/wp\/v2\/comments?post=77077"}],"version-history":[{"count":8,"href":"https:\/\/memberpress.com\/pt\/wp-json\/wp\/v2\/ht-kb\/77077\/revisions"}],"predecessor-version":[{"id":79106,"href":"https:\/\/memberpress.com\/pt\/wp-json\/wp\/v2\/ht-kb\/77077\/revisions\/79106"}],"wp:attachment":[{"href":"https:\/\/memberpress.com\/pt\/wp-json\/wp\/v2\/media?parent=77077"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/memberpress.com\/pt\/wp-json\/wp\/v2\/ht-kb-category?post=77077"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/memberpress.com\/pt\/wp-json\/wp\/v2\/ht-kb-tag?post=77077"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}