App icon color changed on its own

Thanks for the post, I’m sure many developers have been there here before about icons saved with transparency. I always use TestFlight to see my build before going to the store. I’m sure many developers here can help you in recommendations how to save your icon files to avoid compression changes? I personally haven't created an icon in year for obvious reasons.

Was your icon saved using a CMYK color profile? it will look perfectly fine locally in Xcode, Icon Composer, and on your simulator. However, when the icon compress and generate the various icon sizes for the web and iOS, it misinterprets the CMYK color channels as RGB channels.

Before uploading a new build, ensure the Alpha or Transparency checkbox is unchecked. The image must be 100% flattened. I normally open my Assets.xcassets folder in Xcode and select the AppIcon and look at the attributes inspector on the right. Ensure you don't accidentally have a macOS or visionOS icon slot filled with an incorrect asset that the App Store might be pulling by mistake? Check your icon file does not contains an alpha channel.

Albert
  Worldwide Developer Relations.

Thanks, @DTS Engineer.

To be clear, the icon is not an image file (CMYK or otherwise). The icon was built using Icon Composer and imported into the project following these instructions.

My main concern is that the icon in the App Store has changed without me taking any action.

Since my initial post, the iOS App Store product page has now changed too. At 1:37 AM (first screenshot), it showed the expected icon. At 12:25 PM (second screenshot), the same product page now shows the modified icon. It's the exact same app version and build—not touched in two months.

That makes this look less like a local previewing issue and more like an Apple-side issue in the pipeline that processes .icon files and caches the result.

@Ostnsbl And that's following the instructions. That's worth of a bug I think in this case.

Once you open the bug report, please post the FB number here for my reference.

If you have any questions about filing a bug report, take a look at Bug Reporting: How and Why?

Albert
  Worldwide Developer Relations.

@Ostnsbl Although I am not a member of that team, I believe the issue has been resolved.

Could you please confirm this? I hope the team will contribute to this thread by providing additional information, if needed. I am currently interested in determining whether you can reproduce the issue. Please share your findings here.

Thanks for your help.

Albert
  Worldwide Developer Relations.

@DTS Engineer The problem is not resolved. I have the same problem and submitted FB22454406 with the logo file. There is a rendering issue on the App Store side. Please check it out.

I was able to find a workaround for myself, but it did require shipping a new build with an updated .icon file, and I still consider there to be a bug on Apple's side.

I don't know much about the SVG file format or how my file got this way, but it turns out the SVG embedded in my .icon file had two different colors in it, with the unwanted one in an inline style attribute.

This is visible by right-clicking the .icon file in Finder, selecting Show Package Contents, browsing to the Assets folder, and opening the SVG in a text editor:

<path
  fill="#ffffff"
  ...
  style="display:inline;fill:#800000;stroke-width:0.273;stroke-dasharray:none"
/>

In Icon Composer, with the "Automatic" fill mode selected, the red #800000 color isn't shown—it shows white.

But at some point in the last couple weeks, there seemed to be an unexpected change in the rendering and caching of this SVG so that the style attribute takes precedence web-side, even though Icon Composer doesn't display it that way.

So by changing Icon Composer's fill mode explicitly to the solid color I want, I seem to now get the result I want (after shipping a build with this updated icon file).

@AngelonPro Thanks for your reply, I'll let the team know as well as thanks for the bug, will be routed to them to look at the reason for your icon issue..

You can see the status of your feedback in Feedback Assistant. There, you can track if the report is still being investigated, has a potential identifiable fix, or has been resolved in another way. The status appears beside the label "Resolution." We're unable to share any updates on specific reports on the forums.

For more details on when you'll see updates to your report, please see What to expect after submission.

Albert
  Worldwide Developer Relations.