iOS App icon has black border

Targets iOS
1

I have added all the necessary sizes of my iOS App icon as PNG files so they have the correct masks. The Pictures show up fine in macOS and in the IDE:

Screen Shot 2022-06-13A
Screen Shot 2022-06-13A2224×2606 391 KB

But when the application runs in the Simulator, the App icon has a black border (see icon in Dock) ie treating it as if there was no mask. I did a forum search, but it seems no one has this issue.

How can I fix this?

Screen Shot 2022-06-13B
Screen Shot 2022-06-13B1536×2048 126 KB

2

Are your icons the exact sizes stated or did you leave space around the edges? Apple requires that they fill the space. In fact, you should make them square and let iOS do the rounded edges.

3

The black border probably is a transparent border in your design now made opaque by the system.

Follow Greg’s advice:

4

I never considered the possibility that iOS would require Square icons and they chop off the corners!

I’ll give that a try. Thank you.

5

It works! Apple will indeed turn your Square icons:

Screen Shot 2022-06-13C
Screen Shot 2022-06-13C2468×2732 411 KB

Into Squircles:
Screen Shot 2022-06-13D
Screen Shot 2022-06-13D1536×2048 124 KB

1 Like