iOS app icon with transparent background showing black background on device

Question

I have added an icon to my app. It has rounded edges and no background. The problem is that when I run an app on my device (iPhone 5) the icon has a black background behind the edges as if it wasn't transparent. Any solutions?

Solution 1

From the apple developer website after a quick search:

Avoid transparency. An app icon should be opaque. If the icon’s boundaries are smaller than the recommended sizes—or you use transparency to create “see-through” areas—the resulting icon can appear to float on a black background, which tends to look especially unattractive on the beautiful wallpapers that users choose.

https://developer.apple.com/ios/human-interface-guidelines/icons-and-images/app-icon/

Edit: Also, check the related questions before you confirm your post - Is is possible to use transparency in an iPhone app icon?

Solution 2

On IOS use just square icons, if you use rounder icons you will have black margin black background.

Comments

[onmyway133]

There should be no transparency in the image

[Basj]

Could you add a screenshot @Fengson, it would be useful to know if it's the same problem we're experiencing or not?

[Teekin]

Funny how often the solution to Apple problems is to just stop trying to be creative. +1 for the info, though.