{"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\/es\/docs\/adding-custom-tab-bar-and-more-screen-icons-in-memberpress-app\/","title":{"rendered":"A\u00f1adir barra de pesta\u00f1as personalizada y m\u00e1s iconos de pantalla en MemberPress AppKit"},"content":{"rendered":"<p>Puede personalizar la navegaci\u00f3n de su m\u00f3vil MemberPress cargando sus propios iconos personalizados para la barra de pesta\u00f1as y la pantalla M\u00e1s. Esto le da a su aplicaci\u00f3n un aspecto de marca, pulido que se alinea con su identidad visual. <\/p>\r\n\r\n\r\n\r\n<p>Esta gu\u00eda le guiar\u00e1 para cargar iconos personalizados, aplicar la funci\u00f3n Relleno de color y probarlos en dispositivos iOS y 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=\"rhrl7iyaU9SYMjRgXqTZupAM3tGQ7Jp8dubqg0Dj50AFWOWCPYGlKIBXz2Vfenn\"><div class=\"responsive-video\"><iframe title=\"Aplicaci\u00f3n MemberPress: A\u00f1adir iconos personalizados (para la barra de pesta\u00f1as y la pantalla M\u00e1s)\" 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\">Funci\u00f3n de icono personalizado<\/a><\/h2>\r\n\r\n\r\n\r\n<p>Los requisitos de la funci\u00f3n de iconos personalizados definen configuraciones para la personalizaci\u00f3n de la marca de navegaci\u00f3n mediante activos de iconos cargados y personalizaci\u00f3n del color.<\/p>\r\n\r\n\r\n\r\n<p><strong>Carga de iconos<\/strong> permite sustituir los iconos de navegaci\u00f3n predeterminados por im\u00e1genes personalizadas en toda la interfaz de la aplicaci\u00f3n. Los iconos personalizados refuerzan la identidad de marca y la coherencia visual entre los elementos de navegaci\u00f3n.<\/p>\r\n\r\n\r\n\r\n<p><strong>Funci\u00f3n de relleno de color<\/strong> convierte las \u00e1reas blancas de los iconos en transparentes y superpone los colores de la marca para lograr un estilo cohesivo. La aplicaci\u00f3n de color garantiza que los iconos coincidan con el tema general de la aplicaci\u00f3n y el esquema de color.<\/p>\r\n\r\n\r\n\r\n<p><strong>Ajuste del recorte<\/strong> permite modificar los l\u00edmites de los iconos, garantizando un ajuste adecuado a las restricciones de navegaci\u00f3n. Un recorte adecuado evita distorsiones y mantiene la claridad de los iconos en todos los dispositivos.<\/p>\r\n\r\n\r\n\r\n<p><strong>Personalizaci\u00f3n del estilo<\/strong> ofrece variaciones de iconos con relleno o contorno y opciones de contenedor cuadrado o circular. La flexibilidad de estilo se adapta a diferentes preferencias de dise\u00f1o y directrices de marca.<\/p>\r\n\r\n\r\n\r\n<p><strong>Coherencia entre plataformas<\/strong> garantiza que los iconos personalizados se muestren correctamente tanto en dispositivos iOS como Android. La apariencia uniforme mantiene el reconocimiento de la marca independientemente de la plataforma del usuario.<\/p>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\" id=\"tab-bar-settings\"><a href=\"#tab-bar-settings\">Abrir la configuraci\u00f3n de la barra de pesta\u00f1as<\/a><\/h2>\r\n\r\n\r\n\r\n<p>El acceso a la configuraci\u00f3n de la barra de pesta\u00f1as permite cargar y configurar iconos personalizados para los elementos del men\u00fa de navegaci\u00f3n.<\/p>\r\n\r\n\r\n\r\n<ol class=\"wp-block-list\">\r\n<li>En tu panel de control de WordPress, ve a <strong>Panel &gt; MP AppKit<\/strong> <strong>> Menu > Tab Bar<\/strong>.<\/li>\r\n<\/ol>\r\n\r\n\r\n\r\n<figure data-wp-context=\"{\"imageid\":\"69d2de197ba9c\"}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69d2de197ba9c\" 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=\"Agrandar\"\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>La vista previa de la barra de pesta\u00f1as aparecer\u00e1 a la derecha.<br><\/li>\r\n\r\n\r\n\r\n<li>Conmutar la vista previa a <strong>M\u00e1s pantalla<\/strong> seg\u00fan sea necesario.<\/li>\r\n<\/ol>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\" id=\"uploading-icon\"><a href=\"#uploading-icon\">Subir un icono personalizado<\/a><\/h2>\r\n\r\n\r\n\r\n<p>La carga de iconos personalizados sustituye los iconos de navegaci\u00f3n predeterminados por activos de imagen de marca para una apariencia personalizada.<\/p>\r\n\r\n\r\n\r\n<ol class=\"wp-block-list\">\r\n<li>Haga clic en la flecha desplegable situada junto a un elemento de men\u00fa de la barra de pesta\u00f1as (por ejemplo, Inicio).<\/li>\r\n<\/ol>\r\n\r\n\r\n\r\n<figure data-wp-context=\"{\"imageid\":\"69d2de197bf87\"}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69d2de197bf87\" 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=\"Agrandar\"\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>Haga clic en <strong>Icono del art\u00edculo.<\/strong><\/li>\r\n<\/ol>\r\n\r\n\r\n\r\n<figure data-wp-context=\"{\"imageid\":\"69d2de197c340\"}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69d2de197c340\" 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=\"Agrandar\"\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 a<strong> la costumbre<\/strong> ficha.<\/li>\r\n\r\n\r\n\r\n<li>Haga clic en el bot\u00f3n <strong>Icono de carga<\/strong>, y seleccione un archivo PNG, SVG o JPEG con fondo 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 y aplicar icono<\/a><\/h2>\r\n\r\n\r\n\r\n<p>El recorte de iconos ajusta los l\u00edmites de la imagen cargada, garantizando un ajuste y una visualizaci\u00f3n adecuados dentro de la interfaz de navegaci\u00f3n.<\/p>\r\n\r\n\r\n\r\n<ol class=\"wp-block-list\">\r\n<li>En el cuadro de di\u00e1logo de recorte, ajuste los bordes del icono para que quepan dentro del cuadrado.<\/li>\r\n<\/ol>\r\n\r\n\r\n\r\n<figure data-wp-context=\"{\"imageid\":\"69d2de197c772\"}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69d2de197c772\" 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=\"Agrandar\"\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>Haga clic en <strong>Hecho<\/strong>, luego haga clic en <strong>Utilice este icono<\/strong>.<br><\/li>\r\n\r\n\r\n\r\n<li>Si el tama\u00f1o no es el adecuado, elimina el icono y vuelve a cargarlo con un recorte mejor.<br><\/li>\r\n\r\n\r\n\r\n<li>Haga clic en <strong>Men\u00fa de actualizaci\u00f3n<\/strong> para guardar los cambios.<\/li>\r\n<\/ol>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\" id=\"color-fill\"><a href=\"#color-fill\">Uso del relleno de color para combinar estilos<\/a><\/h2>\r\n\r\n\r\n\r\n<p>La aplicaci\u00f3n de relleno de color convierte las \u00e1reas blancas de los iconos en transparentes y superpone los colores de la marca para conseguir un estilo cohesivo.<\/p>\r\n\r\n\r\n\r\n<ol class=\"wp-block-list\">\r\n<li>Abra la configuraci\u00f3n del icono personalizado.<br><\/li>\r\n\r\n\r\n\r\n<li>Habilitar el <strong>Relleno de color<\/strong> casilla de verificaci\u00f3n.<\/li>\r\n<\/ol>\r\n\r\n\r\n\r\n<figure data-wp-context=\"{\"imageid\":\"69d2de197cc11\"}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69d2de197cc11\" 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=\"Agrandar\"\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>Haga clic en el bot\u00f3n <strong>Color del icono<\/strong> muestra y elige el tono de tu marca.<br><\/li>\r\n\r\n\r\n\r\n<li>Elija <strong>Estilo de icono<\/strong> (Relleno o Contorno) y <strong>Estilo de caja<\/strong> (Cuadrada o Circular).<br><\/li>\r\n\r\n\r\n\r\n<li>Haga clic en <strong>Utilice este icono<\/strong>entonces <strong>Men\u00fa de actualizaci\u00f3n<\/strong> para ahorrar.<\/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>Nota:<\/strong> Relleno de color convierte las \u00e1reas blancas en transparentes y las superpone al color elegido.<\/p>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\" id=\"more-screen-menu\"><a href=\"#more-screen-menu\">Men\u00fa de repetici\u00f3n para m\u00e1s pantallas<\/a><\/h2>\r\n\r\n\r\n\r\n<p>La configuraci\u00f3n del men\u00fa M\u00e1s pantallas aplica iconos personalizados a los elementos de navegaci\u00f3n secundarios, manteniendo la coherencia de la marca.<\/p>\r\n\r\n\r\n\r\n<ol class=\"wp-block-list\">\r\n<li>Cambiar a la <strong>M\u00e1s men\u00fa de pantalla<\/strong> pesta\u00f1a bajo <strong>Dashboard > MP AppKit > Menu > Tab Bar<\/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 los pasos de carga, recorte y relleno de color para cada elemento del men\u00fa M\u00e1s pantalla.|<br><\/li>\r\n\r\n\r\n\r\n<li>Haga clic en el bot\u00f3n <strong>Guardar men\u00fa<\/strong> cuando todos los iconos est\u00e9n en su sitio.<\/li>\r\n<\/ol>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\" id=\"testing-app\"><a href=\"#testing-app\">Pruebas en la aplicaci\u00f3n<\/a><\/h2>\r\n\r\n\r\n\r\n<p>Las pruebas de aplicaciones verifican la correcta visualizaci\u00f3n de los iconos personalizados en todas las plataformas, garantizando su correcta implementaci\u00f3n y apariencia.<\/p>\r\n\r\n\r\n\r\n<ol class=\"wp-block-list\">\r\n<li>Fuerza el cierre de la aplicaci\u00f3n MemberPress iOS\/Android en tu dispositivo.<br><\/li>\r\n\r\n\r\n\r\n<li>Vuelva a abrir la aplicaci\u00f3n para cargar la \u00faltima configuraci\u00f3n de iconos.<br><\/li>\r\n\r\n\r\n\r\n<li>Confirme que los iconos personalizados se muestran correctamente en la barra de pesta\u00f1as y en la pantalla M\u00e1s en iOS y Android.<\/li>\r\n<\/ol>\r\n\r\n\r\n\r\n<p><\/p>","protected":false},"excerpt":{"rendered":"<p>Personalice la navegaci\u00f3n de su aplicaci\u00f3n MemberPress con iconos personalizados para la barra de pesta\u00f1as y la pantalla M\u00e1s. Aprenda a cargar, recortar y aplicar relleno de color para un aspecto de marca.<\/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\/es\/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=\"es_ES\" \/>\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\/es\/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\\\/es\\\/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\\\/es\\\/blog\\\/author\\\/kashifcaseproof-com\\\/#author\"},\"publisher\":{\"@id\":\"https:\\\/\\\/memberpress.com\\\/es\\\/#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\\\/es\\\/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\":\"es-ES\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/memberpress.com\\\/es\\\/docs\\\/adding-custom-tab-bar-and-more-screen-icons-in-memberpress-app\\\/#webpage\"},\"isPartOf\":{\"@id\":\"https:\\\/\\\/memberpress.com\\\/es\\\/docs\\\/adding-custom-tab-bar-and-more-screen-icons-in-memberpress-app\\\/#webpage\"},\"articleSection\":\"AppKit Content\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/memberpress.com\\\/es\\\/docs\\\/adding-custom-tab-bar-and-more-screen-icons-in-memberpress-app\\\/#breadcrumblist\",\"itemListElement\":[{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/memberpress.com\\\/es#listItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/memberpress.com\\\/es\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/memberpress.com\\\/es\\\/doc-categories\\\/app\\\/#listItem\",\"name\":\"MemberPress AppKit\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/memberpress.com\\\/es\\\/doc-categories\\\/app\\\/#listItem\",\"position\":2,\"name\":\"MemberPress AppKit\",\"item\":\"https:\\\/\\\/memberpress.com\\\/es\\\/doc-categories\\\/app\\\/\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/memberpress.com\\\/es\\\/doc-categories\\\/app-content\\\/#listItem\",\"name\":\"AppKit Content\"},\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/memberpress.com\\\/es#listItem\",\"name\":\"Home\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/memberpress.com\\\/es\\\/doc-categories\\\/app-content\\\/#listItem\",\"position\":3,\"name\":\"AppKit Content\",\"item\":\"https:\\\/\\\/memberpress.com\\\/es\\\/doc-categories\\\/app-content\\\/\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/memberpress.com\\\/es\\\/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\\\/es\\\/doc-categories\\\/app\\\/#listItem\",\"name\":\"MemberPress AppKit\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/memberpress.com\\\/es\\\/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\\\/es\\\/doc-categories\\\/app-content\\\/#listItem\",\"name\":\"AppKit Content\"}}]},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/memberpress.com\\\/es\\\/#organization\",\"name\":\"MemberPress\",\"description\":\"The All-In-One WordPress Membership Plugin\",\"url\":\"https:\\\/\\\/memberpress.com\\\/es\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/memberpress.com\\\/wp-content\\\/uploads\\\/2022\\\/10\\\/mp-icon-RGB_Icon-01.jpg\",\"@id\":\"https:\\\/\\\/memberpress.com\\\/es\\\/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\\\/es\\\/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\\\/es\\\/blog\\\/author\\\/kashifcaseproof-com\\\/#author\",\"url\":\"https:\\\/\\\/memberpress.com\\\/es\\\/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\\\/es\\\/docs\\\/adding-custom-tab-bar-and-more-screen-icons-in-memberpress-app\\\/#webpage\",\"url\":\"https:\\\/\\\/memberpress.com\\\/es\\\/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\":\"es-ES\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/memberpress.com\\\/es\\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/memberpress.com\\\/es\\\/docs\\\/adding-custom-tab-bar-and-more-screen-icons-in-memberpress-app\\\/#breadcrumblist\"},\"author\":{\"@id\":\"https:\\\/\\\/memberpress.com\\\/es\\\/blog\\\/author\\\/kashifcaseproof-com\\\/#author\"},\"creator\":{\"@id\":\"https:\\\/\\\/memberpress.com\\\/es\\\/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\\\/es\\\/#website\",\"url\":\"https:\\\/\\\/memberpress.com\\\/es\\\/\",\"name\":\"MemberPress\",\"description\":\"The All-In-One WordPress Membership Plugin\",\"inLanguage\":\"es-ES\",\"publisher\":{\"@id\":\"https:\\\/\\\/memberpress.com\\\/es\\\/#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":"A\u00f1adir barra de pesta\u00f1as personalizada y m\u00e1s iconos de pantalla en MemberPress AppKit","description":"Personalice la navegaci\u00f3n de su aplicaci\u00f3n MemberPress con iconos personalizados para la barra de pesta\u00f1as y la pantalla M\u00e1s. Aprenda a cargar, recortar y aplicar relleno de color para un aspecto de marca.","canonical_url":"https:\/\/memberpress.com\/es\/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\/es\/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\/es\/blog\/author\/kashifcaseproof-com\/#author"},"publisher":{"@id":"https:\/\/memberpress.com\/es\/#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\/es\/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":"es-ES","mainEntityOfPage":{"@id":"https:\/\/memberpress.com\/es\/docs\/adding-custom-tab-bar-and-more-screen-icons-in-memberpress-app\/#webpage"},"isPartOf":{"@id":"https:\/\/memberpress.com\/es\/docs\/adding-custom-tab-bar-and-more-screen-icons-in-memberpress-app\/#webpage"},"articleSection":"AppKit Content"},{"@type":"BreadcrumbList","@id":"https:\/\/memberpress.com\/es\/docs\/adding-custom-tab-bar-and-more-screen-icons-in-memberpress-app\/#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/memberpress.com\/es#listItem","position":1,"name":"Home","item":"https:\/\/memberpress.com\/es","nextItem":{"@type":"ListItem","@id":"https:\/\/memberpress.com\/es\/doc-categories\/app\/#listItem","name":"MemberPress AppKit"}},{"@type":"ListItem","@id":"https:\/\/memberpress.com\/es\/doc-categories\/app\/#listItem","position":2,"name":"MemberPress AppKit","item":"https:\/\/memberpress.com\/es\/doc-categories\/app\/","nextItem":{"@type":"ListItem","@id":"https:\/\/memberpress.com\/es\/doc-categories\/app-content\/#listItem","name":"AppKit Content"},"previousItem":{"@type":"ListItem","@id":"https:\/\/memberpress.com\/es#listItem","name":"Home"}},{"@type":"ListItem","@id":"https:\/\/memberpress.com\/es\/doc-categories\/app-content\/#listItem","position":3,"name":"AppKit Content","item":"https:\/\/memberpress.com\/es\/doc-categories\/app-content\/","nextItem":{"@type":"ListItem","@id":"https:\/\/memberpress.com\/es\/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\/es\/doc-categories\/app\/#listItem","name":"MemberPress AppKit"}},{"@type":"ListItem","@id":"https:\/\/memberpress.com\/es\/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\/es\/doc-categories\/app-content\/#listItem","name":"AppKit Content"}}]},{"@type":"Organization","@id":"https:\/\/memberpress.com\/es\/#organization","name":"MemberPress","description":"The All-In-One WordPress Membership Plugin","url":"https:\/\/memberpress.com\/es\/","logo":{"@type":"ImageObject","url":"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/mp-icon-RGB_Icon-01.jpg","@id":"https:\/\/memberpress.com\/es\/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\/es\/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\/es\/blog\/author\/kashifcaseproof-com\/#author","url":"https:\/\/memberpress.com\/es\/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\/es\/docs\/adding-custom-tab-bar-and-more-screen-icons-in-memberpress-app\/#webpage","url":"https:\/\/memberpress.com\/es\/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":"es-ES","isPartOf":{"@id":"https:\/\/memberpress.com\/es\/#website"},"breadcrumb":{"@id":"https:\/\/memberpress.com\/es\/docs\/adding-custom-tab-bar-and-more-screen-icons-in-memberpress-app\/#breadcrumblist"},"author":{"@id":"https:\/\/memberpress.com\/es\/blog\/author\/kashifcaseproof-com\/#author"},"creator":{"@id":"https:\/\/memberpress.com\/es\/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\/es\/#website","url":"https:\/\/memberpress.com\/es\/","name":"MemberPress","description":"The All-In-One WordPress Membership Plugin","inLanguage":"es-ES","publisher":{"@id":"https:\/\/memberpress.com\/es\/#organization"}}]},"og:locale":"es_ES","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\/es\/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\/es\" title=\"Home\">Home<\/a>\n<\/span><span class=\"aioseo-breadcrumb-separator\">&raquo;<\/span><span class=\"aioseo-breadcrumb\">\n\t<a href=\"https:\/\/memberpress.com\/es\/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\/es\/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\/es"},{"label":"MemberPress AppKit","link":"https:\/\/memberpress.com\/es\/doc-categories\/app\/"},{"label":"AppKit Content","link":"https:\/\/memberpress.com\/es\/doc-categories\/app-content\/"},{"label":"Adding Custom Tab Bar and More Screen Icons in MemberPress AppKit","link":"https:\/\/memberpress.com\/es\/docs\/adding-custom-tab-bar-and-more-screen-icons-in-memberpress-app\/"}],"_links":{"self":[{"href":"https:\/\/memberpress.com\/es\/wp-json\/wp\/v2\/ht-kb\/77077","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/memberpress.com\/es\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/memberpress.com\/es\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/memberpress.com\/es\/wp-json\/wp\/v2\/users\/86440"}],"replies":[{"embeddable":true,"href":"https:\/\/memberpress.com\/es\/wp-json\/wp\/v2\/comments?post=77077"}],"version-history":[{"count":8,"href":"https:\/\/memberpress.com\/es\/wp-json\/wp\/v2\/ht-kb\/77077\/revisions"}],"predecessor-version":[{"id":79106,"href":"https:\/\/memberpress.com\/es\/wp-json\/wp\/v2\/ht-kb\/77077\/revisions\/79106"}],"wp:attachment":[{"href":"https:\/\/memberpress.com\/es\/wp-json\/wp\/v2\/media?parent=77077"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/memberpress.com\/es\/wp-json\/wp\/v2\/ht-kb-category?post=77077"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/memberpress.com\/es\/wp-json\/wp\/v2\/ht-kb-tag?post=77077"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}