Skip to content

Instantly share code, notes, and snippets.

@ExampleWasTaken

ExampleWasTaken/macos_app_icon_too_large.md

Created September 27, 2022 19:14
Show Gist options
  • Save ExampleWasTaken/25bd05b0f5a704f2306fc51e4934f1f3 to your computer and use it in GitHub Desktop.
Save ExampleWasTaken/25bd05b0f5a704f2306fc51e4934f1f3 to your computer and use it in GitHub Desktop.
Download ZIP
MacOS app icon too large (electronJS)
Raw
macos_app_icon_too_large.md

macOS App Icon is Too Large

The Issue

The icon of my application was way too big. It would barely fit into the dock or the quick switch menu when pressing Cmd+Tab.

The Fix

After days of googling, trying different tools to generate .icns files I finally found the issue.

Screenshot 2022-09-27 at 21 08 51

As the image above suggests the icon should only be as big as the red box. All additional space is reserved for things like the pen of the TextEdit app. This means that all so called boxed icons have a transparent outline that fills the entire outer bouding box.

This can be seen when inspecting the Code.icns of VSCode file inside Preview and pressing Cmd+A.

I hope this helps someone who's stuck at the same issue :)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment