{"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\/fr\/docs\/adding-custom-tab-bar-and-more-screen-icons-in-memberpress-app\/","title":{"rendered":"Ajout d'une barre d'onglets personnalis\u00e9e et d'autres ic\u00f4nes d'\u00e9cran dans MemberPress AppKit"},"content":{"rendered":"<p>Vous pouvez personnaliser votre navigation mobile MemberPress en t\u00e9l\u00e9chargeant vos propres ic\u00f4nes personnalis\u00e9es pour la barre d'onglets et l'\u00e9cran More. Cela donne \u00e0 votre application une image de marque et un aspect soign\u00e9 qui s'harmonise avec votre identit\u00e9 visuelle. <\/p>\r\n\r\n\r\n\r\n<p>Ce guide vous aide \u00e0 t\u00e9l\u00e9charger des ic\u00f4nes personnalis\u00e9es, \u00e0 appliquer la fonction Color Fill et \u00e0 les tester sur les appareils iOS et 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=\"sI8rOs6XyeYJQ4zgnxSKlPClqANEfhaC7v5ji1zyMYq1of8HUIu9QENGXrWk6noLjTKduhFcGVd4wag3t0R3L\"><div class=\"responsive-video\"><iframe title=\"MemberPress App : Ajout d&#039;ic\u00f4nes personnalis\u00e9es (pour la barre d&#039;onglets et l&#039;\u00e9cran 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\">Comprendre la fonction d'ic\u00f4ne personnalis\u00e9e<\/a><\/h2>\r\n\r\n\r\n\r\n<p>Les exigences en mati\u00e8re d'ic\u00f4nes personnalis\u00e9es d\u00e9finissent les configurations pour la personnalisation de la marque de navigation par le biais de ressources d'ic\u00f4nes t\u00e9l\u00e9charg\u00e9es et de la personnalisation des couleurs.<\/p>\r\n\r\n\r\n\r\n<p><strong>Possibilit\u00e9 de t\u00e9l\u00e9charger des ic\u00f4nes<\/strong> permet de remplacer les ic\u00f4nes de navigation par d\u00e9faut par des images personnalis\u00e9es dans l'ensemble de l'interface de l'application. Les ic\u00f4nes personnalis\u00e9es renforcent l'identit\u00e9 de la marque et la coh\u00e9rence visuelle des \u00e9l\u00e9ments de navigation.<\/p>\r\n\r\n\r\n\r\n<p><strong>Fonctionnalit\u00e9 de remplissage des couleurs<\/strong> convertit les zones blanches des ic\u00f4nes en zones transparentes et superpose les couleurs de la marque pour un style coh\u00e9rent. L'application des couleurs garantit que les ic\u00f4nes correspondent au th\u00e8me g\u00e9n\u00e9ral de l'application et \u00e0 la palette de couleurs.<\/p>\r\n\r\n\r\n\r\n<p><strong>Ajustement du recadrage<\/strong> permet de modifier les limites des ic\u00f4nes et de les adapter aux contraintes de la navigation. Un recadrage appropri\u00e9 \u00e9vite les distorsions et pr\u00e9serve la clart\u00e9 des ic\u00f4nes sur tous les appareils.<\/p>\r\n\r\n\r\n\r\n<p><strong>Personnalisation du style<\/strong> propose des variantes d'ic\u00f4nes remplies ou de contours avec des options de conteneurs carr\u00e9s ou circulaires. La flexibilit\u00e9 du style permet de s'adapter aux diff\u00e9rentes pr\u00e9f\u00e9rences en mati\u00e8re de conception et aux directives de la marque.<\/p>\r\n\r\n\r\n\r\n<p><strong>Coh\u00e9rence entre les plates-formes<\/strong> garantit que les ic\u00f4nes personnalis\u00e9es s'affichent correctement sur les appareils iOS et Android. L'apparence uniforme maintient la reconnaissance de la marque quelle que soit la plateforme de l'utilisateur.<\/p>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\" id=\"tab-bar-settings\"><a href=\"#tab-bar-settings\">Ouverture des param\u00e8tres de la barre d'onglets<\/a><\/h2>\r\n\r\n\r\n\r\n<p>L'acc\u00e8s aux param\u00e8tres de la barre d'onglets permet de t\u00e9l\u00e9charger et de configurer des ic\u00f4nes personnalis\u00e9es pour les \u00e9l\u00e9ments du menu de navigation.<\/p>\r\n\r\n\r\n\r\n<ol class=\"wp-block-list\">\r\n<li>Dans votre tableau de bord WordPress, rendez-vous dans <strong>Tableau de bord &gt; MP AppKit<\/strong> <strong>&gt; Menu &gt; Barre d'onglets<\/strong>.<\/li>\r\n<\/ol>\r\n\r\n\r\n\r\n<figure data-wp-context=\"{\"imageid\":\"69d2c733611d3\"}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69d2c733611d3\" 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=\"Agrandir\"\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>L'aper\u00e7u de la barre d'onglets appara\u00eet \u00e0 droite.<br><\/li>\r\n\r\n\r\n\r\n<li>Faire basculer l'aper\u00e7u sur <strong>Plus d'\u00e9cran<\/strong> si n\u00e9cessaire.<\/li>\r\n<\/ol>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\" id=\"uploading-icon\"><a href=\"#uploading-icon\">T\u00e9l\u00e9chargement d'une ic\u00f4ne personnalis\u00e9e<\/a><\/h2>\r\n\r\n\r\n\r\n<p>Le t\u00e9l\u00e9chargement d'ic\u00f4nes personnalis\u00e9es remplace les ic\u00f4nes de navigation par d\u00e9faut par des images de marque pour une apparence personnalis\u00e9e.<\/p>\r\n\r\n\r\n\r\n<ol class=\"wp-block-list\">\r\n<li>Cliquez sur la fl\u00e8che d\u00e9roulante situ\u00e9e \u00e0 c\u00f4t\u00e9 d'un \u00e9l\u00e9ment de menu de la barre d'onglets (par exemple, Accueil).<\/li>\r\n<\/ol>\r\n\r\n\r\n\r\n<figure data-wp-context=\"{\"imageid\":\"69d2c733618e3\"}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69d2c733618e3\" 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=\"Agrandir\"\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>Cliquez sur <strong>Ic\u00f4ne de l'article.<\/strong><\/li>\r\n<\/ol>\r\n\r\n\r\n\r\n<figure data-wp-context=\"{\"imageid\":\"69d2c73361e04\"}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69d2c73361e04\" 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=\"Agrandir\"\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>Aller \u00e0<strong> La coutume<\/strong> tabulation.<\/li>\r\n\r\n\r\n\r\n<li>Cliquez sur le bouton <strong>Ic\u00f4ne de t\u00e9l\u00e9chargement<\/strong>, puis s\u00e9lectionnez un fichier PNG, SVG ou JPEG avec un arri\u00e8re-plan transparent.<\/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\">Recadrage et application d'une ic\u00f4ne<\/a><\/h2>\r\n\r\n\r\n\r\n<p>Le recadrage des ic\u00f4nes permet d'ajuster les limites de l'image t\u00e9l\u00e9charg\u00e9e, garantissant ainsi un ajustement et un affichage corrects dans l'interface de navigation.<\/p>\r\n\r\n\r\n\r\n<ol class=\"wp-block-list\">\r\n<li>Dans la bo\u00eete de dialogue de recadrage, ajustez les bords de l'ic\u00f4ne pour qu'elle tienne dans le carr\u00e9.<\/li>\r\n<\/ol>\r\n\r\n\r\n\r\n<figure data-wp-context=\"{\"imageid\":\"69d2c73362460\"}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69d2c73362460\" 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=\"Agrandir\"\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>Cliquez sur <strong>Termin\u00e9<\/strong>, puis cliquez sur <strong>Utiliser cette ic\u00f4ne<\/strong>.<br><\/li>\r\n\r\n\r\n\r\n<li>Si la taille vous semble incorrecte, supprimez l'ic\u00f4ne et t\u00e9l\u00e9chargez-la \u00e0 nouveau avec un meilleur cadrage.<br><\/li>\r\n\r\n\r\n\r\n<li>Cliquez sur <strong>Menu de mise \u00e0 jour<\/strong> pour enregistrer les modifications.<\/li>\r\n<\/ol>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\" id=\"color-fill\"><a href=\"#color-fill\">Utilisation du remplissage de couleur pour faire correspondre les styles<\/a><\/h2>\r\n\r\n\r\n\r\n<p>L'application de remplissage de couleur convertit les zones d'ic\u00f4nes blanches en zones transparentes et superpose les couleurs de la marque pour un style coh\u00e9rent.<\/p>\r\n\r\n\r\n\r\n<ol class=\"wp-block-list\">\r\n<li>Ouvrez les param\u00e8tres de l'ic\u00f4ne pour votre ic\u00f4ne personnalis\u00e9e.<br><\/li>\r\n\r\n\r\n\r\n<li>Activer le <strong>Remplissage des couleurs<\/strong> case \u00e0 cocher.<\/li>\r\n<\/ol>\r\n\r\n\r\n\r\n<figure data-wp-context=\"{\"imageid\":\"69d2c73362b5e\"}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69d2c73362b5e\" 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=\"Agrandir\"\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>Cliquez sur le bouton <strong>Couleur de l'ic\u00f4ne<\/strong> et choisissez la teinte de votre marque.<br><\/li>\r\n\r\n\r\n\r\n<li>Choisir <strong>Style ic\u00f4ne<\/strong> (Rempli ou Contour) et <strong>Style bo\u00eete<\/strong> (carr\u00e9e ou circulaire).<br><\/li>\r\n\r\n\r\n\r\n<li>Cliquez sur <strong>Utiliser cette ic\u00f4ne<\/strong>alors <strong>Menu de mise \u00e0 jour<\/strong> \u00e0 \u00e9pargner.<\/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>Remarque :<\/strong> Le remplissage couleur convertit les zones blanches en zones transparentes et y superpose la couleur de votre choix.<\/p>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\" id=\"more-screen-menu\"><a href=\"#more-screen-menu\">R\u00e9p\u00e9ter pour plus d'\u00e9cran Menu<\/a><\/h2>\r\n\r\n\r\n\r\n<p>La configuration du menu More Screen applique des ic\u00f4nes personnalis\u00e9es aux \u00e9l\u00e9ments de navigation secondaires, ce qui permet de maintenir une image de marque coh\u00e9rente.<\/p>\r\n\r\n\r\n\r\n<ol class=\"wp-block-list\">\r\n<li>Passez \u00e0 l'option <strong>Menu Plus d'\u00e9cran<\/strong> onglet sous <strong>Tableau de bord &gt; MP AppKit &gt; Menu &gt; Barre d'onglets<\/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>R\u00e9p\u00e9tez les \u00e9tapes de t\u00e9l\u00e9chargement, de recadrage et de remplissage des couleurs pour chaque \u00e9l\u00e9ment du menu Plus d'\u00e9cran.<br><\/li>\r\n\r\n\r\n\r\n<li>Cliquez sur le bouton <strong>Sauvegarder le menu<\/strong> lorsque toutes les ic\u00f4nes sont en place.<\/li>\r\n<\/ol>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\" id=\"testing-app\"><a href=\"#testing-app\">Test dans l'application<\/a><\/h2>\r\n\r\n\r\n\r\n<p>Les tests d'application v\u00e9rifient l'affichage correct des ic\u00f4nes personnalis\u00e9es sur toutes les plateformes, garantissant ainsi une mise en \u0153uvre et une apparence correctes.<\/p>\r\n\r\n\r\n\r\n<ol class=\"wp-block-list\">\r\n<li>Fermez de force l'application MemberPress iOS\/Android sur votre appareil.<br><\/li>\r\n\r\n\r\n\r\n<li>Rouvrez l'application pour charger les derniers param\u00e8tres de l'ic\u00f4ne.<br><\/li>\r\n\r\n\r\n\r\n<li>Confirmer que les ic\u00f4nes personnalis\u00e9es s'affichent correctement dans la barre d'onglets et l'\u00e9cran Plus sur iOS et Android.<\/li>\r\n<\/ol>\r\n\r\n\r\n\r\n<p><\/p>","protected":false},"excerpt":{"rendered":"<p>Personnalisez la navigation de votre application MemberPress avec des ic\u00f4nes personnalis\u00e9es de barre d'onglets et d'\u00e9cran suppl\u00e9mentaire. Apprenez \u00e0 t\u00e9l\u00e9charger, \u00e0 recadrer et \u00e0 appliquer un remplissage de couleur pour un look de marque.<\/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\/fr\/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=\"fr_FR\" \/>\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\/fr\/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\\\/fr\\\/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\\\/fr\\\/blog\\\/author\\\/kashifcaseproof-com\\\/#author\"},\"publisher\":{\"@id\":\"https:\\\/\\\/memberpress.com\\\/fr\\\/#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\\\/fr\\\/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\":\"fr-FR\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/memberpress.com\\\/fr\\\/docs\\\/adding-custom-tab-bar-and-more-screen-icons-in-memberpress-app\\\/#webpage\"},\"isPartOf\":{\"@id\":\"https:\\\/\\\/memberpress.com\\\/fr\\\/docs\\\/adding-custom-tab-bar-and-more-screen-icons-in-memberpress-app\\\/#webpage\"},\"articleSection\":\"AppKit Content\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/memberpress.com\\\/fr\\\/docs\\\/adding-custom-tab-bar-and-more-screen-icons-in-memberpress-app\\\/#breadcrumblist\",\"itemListElement\":[{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/memberpress.com\\\/fr#listItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/memberpress.com\\\/fr\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/memberpress.com\\\/fr\\\/doc-categories\\\/app\\\/#listItem\",\"name\":\"MemberPress AppKit\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/memberpress.com\\\/fr\\\/doc-categories\\\/app\\\/#listItem\",\"position\":2,\"name\":\"MemberPress AppKit\",\"item\":\"https:\\\/\\\/memberpress.com\\\/fr\\\/doc-categories\\\/app\\\/\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/memberpress.com\\\/fr\\\/doc-categories\\\/app-content\\\/#listItem\",\"name\":\"AppKit Content\"},\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/memberpress.com\\\/fr#listItem\",\"name\":\"Home\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/memberpress.com\\\/fr\\\/doc-categories\\\/app-content\\\/#listItem\",\"position\":3,\"name\":\"AppKit Content\",\"item\":\"https:\\\/\\\/memberpress.com\\\/fr\\\/doc-categories\\\/app-content\\\/\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/memberpress.com\\\/fr\\\/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\\\/fr\\\/doc-categories\\\/app\\\/#listItem\",\"name\":\"MemberPress AppKit\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/memberpress.com\\\/fr\\\/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\\\/fr\\\/doc-categories\\\/app-content\\\/#listItem\",\"name\":\"AppKit Content\"}}]},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/memberpress.com\\\/fr\\\/#organization\",\"name\":\"MemberPress\",\"description\":\"The All-In-One WordPress Membership Plugin\",\"url\":\"https:\\\/\\\/memberpress.com\\\/fr\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/memberpress.com\\\/wp-content\\\/uploads\\\/2022\\\/10\\\/mp-icon-RGB_Icon-01.jpg\",\"@id\":\"https:\\\/\\\/memberpress.com\\\/fr\\\/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\\\/fr\\\/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\\\/fr\\\/blog\\\/author\\\/kashifcaseproof-com\\\/#author\",\"url\":\"https:\\\/\\\/memberpress.com\\\/fr\\\/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\\\/fr\\\/docs\\\/adding-custom-tab-bar-and-more-screen-icons-in-memberpress-app\\\/#webpage\",\"url\":\"https:\\\/\\\/memberpress.com\\\/fr\\\/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\":\"fr-FR\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/memberpress.com\\\/fr\\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/memberpress.com\\\/fr\\\/docs\\\/adding-custom-tab-bar-and-more-screen-icons-in-memberpress-app\\\/#breadcrumblist\"},\"author\":{\"@id\":\"https:\\\/\\\/memberpress.com\\\/fr\\\/blog\\\/author\\\/kashifcaseproof-com\\\/#author\"},\"creator\":{\"@id\":\"https:\\\/\\\/memberpress.com\\\/fr\\\/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\\\/fr\\\/#website\",\"url\":\"https:\\\/\\\/memberpress.com\\\/fr\\\/\",\"name\":\"MemberPress\",\"description\":\"The All-In-One WordPress Membership Plugin\",\"inLanguage\":\"fr-FR\",\"publisher\":{\"@id\":\"https:\\\/\\\/memberpress.com\\\/fr\\\/#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":"Ajout d'une barre d'onglets personnalis\u00e9e et d'autres ic\u00f4nes d'\u00e9cran dans MemberPress AppKit","description":"Personnalisez la navigation de votre application MemberPress avec des ic\u00f4nes personnalis\u00e9es de barre d'onglets et d'\u00e9cran suppl\u00e9mentaire. Apprenez \u00e0 t\u00e9l\u00e9charger, \u00e0 recadrer et \u00e0 appliquer un remplissage de couleur pour un look de marque.","canonical_url":"https:\/\/memberpress.com\/fr\/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\/fr\/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\/fr\/blog\/author\/kashifcaseproof-com\/#author"},"publisher":{"@id":"https:\/\/memberpress.com\/fr\/#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\/fr\/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":"fr-FR","mainEntityOfPage":{"@id":"https:\/\/memberpress.com\/fr\/docs\/adding-custom-tab-bar-and-more-screen-icons-in-memberpress-app\/#webpage"},"isPartOf":{"@id":"https:\/\/memberpress.com\/fr\/docs\/adding-custom-tab-bar-and-more-screen-icons-in-memberpress-app\/#webpage"},"articleSection":"AppKit Content"},{"@type":"BreadcrumbList","@id":"https:\/\/memberpress.com\/fr\/docs\/adding-custom-tab-bar-and-more-screen-icons-in-memberpress-app\/#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/memberpress.com\/fr#listItem","position":1,"name":"Home","item":"https:\/\/memberpress.com\/fr","nextItem":{"@type":"ListItem","@id":"https:\/\/memberpress.com\/fr\/doc-categories\/app\/#listItem","name":"MemberPress AppKit"}},{"@type":"ListItem","@id":"https:\/\/memberpress.com\/fr\/doc-categories\/app\/#listItem","position":2,"name":"MemberPress AppKit","item":"https:\/\/memberpress.com\/fr\/doc-categories\/app\/","nextItem":{"@type":"ListItem","@id":"https:\/\/memberpress.com\/fr\/doc-categories\/app-content\/#listItem","name":"AppKit Content"},"previousItem":{"@type":"ListItem","@id":"https:\/\/memberpress.com\/fr#listItem","name":"Home"}},{"@type":"ListItem","@id":"https:\/\/memberpress.com\/fr\/doc-categories\/app-content\/#listItem","position":3,"name":"AppKit Content","item":"https:\/\/memberpress.com\/fr\/doc-categories\/app-content\/","nextItem":{"@type":"ListItem","@id":"https:\/\/memberpress.com\/fr\/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\/fr\/doc-categories\/app\/#listItem","name":"MemberPress AppKit"}},{"@type":"ListItem","@id":"https:\/\/memberpress.com\/fr\/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\/fr\/doc-categories\/app-content\/#listItem","name":"AppKit Content"}}]},{"@type":"Organization","@id":"https:\/\/memberpress.com\/fr\/#organization","name":"MemberPress","description":"The All-In-One WordPress Membership Plugin","url":"https:\/\/memberpress.com\/fr\/","logo":{"@type":"ImageObject","url":"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/mp-icon-RGB_Icon-01.jpg","@id":"https:\/\/memberpress.com\/fr\/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\/fr\/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\/fr\/blog\/author\/kashifcaseproof-com\/#author","url":"https:\/\/memberpress.com\/fr\/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\/fr\/docs\/adding-custom-tab-bar-and-more-screen-icons-in-memberpress-app\/#webpage","url":"https:\/\/memberpress.com\/fr\/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":"fr-FR","isPartOf":{"@id":"https:\/\/memberpress.com\/fr\/#website"},"breadcrumb":{"@id":"https:\/\/memberpress.com\/fr\/docs\/adding-custom-tab-bar-and-more-screen-icons-in-memberpress-app\/#breadcrumblist"},"author":{"@id":"https:\/\/memberpress.com\/fr\/blog\/author\/kashifcaseproof-com\/#author"},"creator":{"@id":"https:\/\/memberpress.com\/fr\/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\/fr\/#website","url":"https:\/\/memberpress.com\/fr\/","name":"MemberPress","description":"The All-In-One WordPress Membership Plugin","inLanguage":"fr-FR","publisher":{"@id":"https:\/\/memberpress.com\/fr\/#organization"}}]},"og:locale":"fr_FR","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\/fr\/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\/fr\" title=\"Home\">Home<\/a>\n<\/span><span class=\"aioseo-breadcrumb-separator\">&raquo;<\/span><span class=\"aioseo-breadcrumb\">\n\t<a href=\"https:\/\/memberpress.com\/fr\/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\/fr\/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\/fr"},{"label":"MemberPress AppKit","link":"https:\/\/memberpress.com\/fr\/doc-categories\/app\/"},{"label":"AppKit Content","link":"https:\/\/memberpress.com\/fr\/doc-categories\/app-content\/"},{"label":"Adding Custom Tab Bar and More Screen Icons in MemberPress AppKit","link":"https:\/\/memberpress.com\/fr\/docs\/adding-custom-tab-bar-and-more-screen-icons-in-memberpress-app\/"}],"_links":{"self":[{"href":"https:\/\/memberpress.com\/fr\/wp-json\/wp\/v2\/ht-kb\/77077","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/memberpress.com\/fr\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/memberpress.com\/fr\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/memberpress.com\/fr\/wp-json\/wp\/v2\/users\/86440"}],"replies":[{"embeddable":true,"href":"https:\/\/memberpress.com\/fr\/wp-json\/wp\/v2\/comments?post=77077"}],"version-history":[{"count":8,"href":"https:\/\/memberpress.com\/fr\/wp-json\/wp\/v2\/ht-kb\/77077\/revisions"}],"predecessor-version":[{"id":79106,"href":"https:\/\/memberpress.com\/fr\/wp-json\/wp\/v2\/ht-kb\/77077\/revisions\/79106"}],"wp:attachment":[{"href":"https:\/\/memberpress.com\/fr\/wp-json\/wp\/v2\/media?parent=77077"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/memberpress.com\/fr\/wp-json\/wp\/v2\/ht-kb-category?post=77077"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/memberpress.com\/fr\/wp-json\/wp\/v2\/ht-kb-tag?post=77077"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}