Share via

[iOS] Custom App Icon still renders as white square after fixing accentColor and validating icons

Xianyun Tang 25 Reputation points
2026-01-04T16:16:59.7333333+00:00

I am following up on a rendering issue where my custom app icon appears as a blank white square on the iOS client.

Current Status:

User's image

Despite following the standard guidelines, the icon fails to render on iOS (Works perfectly on Android/Desktop).

What I have tried (and failed):

  • Changed accentColor: Updated manifest from #FFFFFF to #4B6BF5 (Brand Blue) to avoid white-on-white issues.
  • Version Bump: Increased manifest version from 1.0.17 to 1.0.18 to force cache invalidation.
  • Re-installation: Completely uninstalled the app on iOS, cleared app data, and re-added it.

Icon Validation:

color

  • color.png: 192x192, PNG, Transparent background.

outline

  • outline.png: 32x32, PNG, Pure white pixels only with transparent background.

Manifest Snippet:

{
  "version": "1.0.18",
  "manifestVersion": "1.22",
  "id": "<Removed PII>",
  "icons": {
    "outline": "outline.png",
    "color": "color.png"
  },
  "accentColor": "#4B6BF5"
}


Questions & Request for Assistance:

Has anyone faced a similar "blank white square" issue on iOS recently? Any suggestions would be greatly appreciated.

Microsoft Teams | Development
Microsoft Teams | Development

Building, integrating, or customizing apps and workflows within Microsoft Teams using developer tools and APIs


Answer accepted by question author
  1. Kha-N 8,260 Reputation points Microsoft External Staff Moderator
    2026-01-05T00:08:35.4533333+00:00

    Hi @Xianyuntang,

    Welcome to Microsoft Q&A, and thank you very much for reaching out to us.

    Please note that our forum is a public platform, and we will modify your question to hide your personal information in the description. Kindly ensure that you hide any personal or organizational information the next time you post an error or other details to protect personal data.

    Please note that as a Microsoft Q&A moderator, I don’t have access to your tenant configuration and my test environment is limited, so I can only assist based on available documentation and resources. That said, I’ll support you as much as possible.

    Based on your description, I checked Microsoft’s guidelines for custom Teams app icons, and it looks like you’ve followed them correctly. I also checked the manifest snippet you provided, and everything appears to be properly configured. Since the icon renders normally on Android and desktop, this strongly indicates that the issue is tied to how Teams behaves on iOS rather than a problem with your app assets or manifest.

    For a potential workaround, I came across a Q&A thread where a user resolved a similar mobile icon issue by uploading the app through the Teams Admin Center. While the thread did not explicitly confirm the fix as iOS‑specific, this deployment method has helped resolve cross‑platform icon recognition issues, and it may address the rendering problem you’re seeing on iOS.

    User's image

    I suggest giving this approach a try to see whether it resolves the icon issue on your end.

    Looking forward to your response.


    Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.


1 additional answer

Sort by: Most helpful
  1. Todd Wang 0 Reputation points
    2026-01-29T08:01:29.12+00:00

    Updating to Teams version 8.1.0 fixed this issue.

    0 comments No comments

Your answer

Answers can be marked as 'Accepted' by the question author and 'Recommended' by moderators, which helps users know the answer solved the author's problem.