iOS app icon with transparent background showing black background on device

IosBackgroundIconsTransparency

Ios Problem Overview


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?

Ios Solutions


Solution 1 - Ios

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 - https://stackoverflow.com/questions/959864/is-is-possible-to-use-transparency-in-an-iphone-app-icon?rq=1

Solution 2 - Ios

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

Attributions

All content for this solution is sourced from the original question on Stackoverflow.

The content on this page is licensed under the Attribution-ShareAlike 4.0 International (CC BY-SA 4.0) license.

Content TypeOriginal AuthorOriginal Content on Stackoverflow
QuestionFengsonView Question on Stackoverflow
Solution 1 - IosLex WebbView Answer on Stackoverflow
Solution 2 - IosOrsos PatrickView Answer on Stackoverflow