> For the complete documentation index, see [llms.txt](https://help.twinr.dev/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.twinr.dev/branding/app-info.md).

# App info

Set the name and icon your customers see on their home screen and in the stores.

App Info is where your app gets its identity — the name under the icon, the icon itself, and the background that fills in behind it.

## App name

The name that appears under your icon on the home screen and on your store listing.

You have up to 30 characters, but **twelve or fewer keeps it on one line**. Longer names get truncated by the operating system, so "AthleteXchange Marketplace" may reach your customers as "AthleteXchan…".

## App icon

Upload a **1024 × 1024** PNG, JPG or JPEG. That size is what the stores require.

<figure><img src="https://3731994945-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MlBy5z08zL1UoCwNqmg%2Fuploads%2Fgit-blob-f28d2fb0cd456faf906eb685ec38d61fe6c2f8c3%2Fbranding-app-info.png?alt=media" alt="The App Icon section showing the uploaded icon, how it will be masked on iOS and Android, and the Icon background options"><figcaption></figcaption></figure>

Twinr shows you how the same icon is masked on each platform — square with rounded corners on iOS, and as a circle or a squircle on Android, depending on the device. Check all three before you move on: a logo that sits close to the edge survives the iOS mask but loses its corners to the Android circle.

{% hint style="info" %}
**Use a PNG with transparency.** The icon background you choose below fills whatever the mask leaves behind, which only works if your icon has transparency to fill.
{% endhint %}

## Icon background

Android masks icons to different shapes on different devices, which can leave gaps around a transparent icon. The background fills them, so your icon never shows white corners on a dark home screen.

Choose one:

* **Background color** — pick from the colour picker or type a hex value, such as `#FFFFFF` or your brand colour.
* **Background image** — use an image instead of a flat colour.

Click **Update** to save.

## Common Questions

<details>

<summary>Can I change the app name after publishing?</summary>

Yes, here. The new name reaches customers with your next store update, and you may also need to change the listing name in App Store Connect and the Google Play Console.

</details>

<details>

<summary>My icon looks cropped on Android.</summary>

Android's circle mask cuts more than the iOS one. Check the three previews and leave some breathing room around your logo rather than filling the square edge to edge.

</details>

<details>

<summary>Why does my icon have white corners?</summary>

The icon has no transparency, so the background cannot show through. Re-export it as a PNG with a transparent background.

</details>