App Icon

You might say

Use the existing brand shape to make a square App Icon that works on the Home Screen, in search, and in Settings; do not change toolbar icons.

A brand image the operating system uses to identify an appAn App Icon appears on the Home Screen, in system search, Settings, or an app store, and the system may scale or mask it to fit a platform shape. Putting a horizontal Logo into a square canvas can make text tiny or cropped, so the system surface needs its own recognizable artwork.

Know first

Image Logo

application icon

How one icon enters system surfaces

VSquare source

VibeHub

The system scales or masks the asset, so its identifying center must remain clear at small sizes.

Why an App Icon needs its own adaptation

The system changes its frame and size: The Home Screen, search, and Settings may use different sizes or platform shapes. Keep the main artwork inside a safe area so masking does not remove text or key contours.

Simplification is more reliable than extra detail: An App Icon identifies the whole app, so a small display should preserve one clear core shape. Platform variants can adapt the artwork while remaining recognizable as the same app.

Quick checkChoose the best answer

The system crops the brand text inside the Home Screen icon. What should you do?

Redesign a simplified square icon within a safe area and check Home Screen, search, and SettingsShrink an in-app toolbar icon and use it directly as the App IconRemove the brand shape and let the system generate a default icon

You can say this to an AI Agent

Create a simplified square App Icon from the existing brand shape with a clear recognition center that survives system masking. Check scaling and cropping on the Home Screen, system search, and Settings. Do not change in-app action icons or treat a platform size list as the acceptance result.

Learn next

1Logo→2Web App Manifest→