# App icon

### How to design an app icon?

Your app icon is a critical component of your app’s identity. With AppMySite, you can either design your own custom icon or upload a pre-made design. Follow this guide to create or upload your app icon:

{% hint style="warning" %}
To update your app icon, you must generate a new build and submit it to the app stores. The change will only reflect once the updated version is approved and published. 
{% endhint %}

#### **Option 1: Design your app icon**

* Go to the [**App Icon**](https://app.appmysite.com/app/app-icon) section from your dashboard.
* Click on Start designing to open the app icon builder.

{% embed url="<https://scribehow.com/shared/Design_app_icon_from_scratch__QDFv9OH6Q_uwacd0-VsMdg>" %}

Within the app icon designer, you have a variety of creative tools:

* Templates:
  * Search and select from a wide range of templates.
  * Customize the internal elements, such as colors, shapes, and layouts.
* Upload & customize:
  * Upload an existing design and customize it further by changing opacity, adding animations, borders, and more.
* Images:
  * Search and add images to your design.
* Objects:
  * Add shapes, icons, mockups, and other objects to enhance your icon.
* Backgrounds:
  * Choose from solid backgrounds or enhanced background patterns.
* Text:
  * Add custom text or photo-text elements to your icon.
* Brand Kit:
  * Import your Brand Kit elements for consistent branding across your app.

Once you’ve finished designing your icon, click **Save** to finalize your app icon.

{% hint style="warning" %}
Use the show gridlines option to keep your design centred and aligned. This will also ensure that your design does not spill out upon rendering.
{% endhint %}

#### **Option 2: Upload an existing design**

{% embed url="<https://scribehow.com/viewer/Design_app_icon_Copy__8zV7AOEoSaOoZMTfS9gIGw?referrer=documents>" %}

* Upload your icon:
  * Click on Upload an image.
  * Upload your image file or provide a link to it.
  * Drag or upload the image from your computer.&#x20;

{% hint style="warning" %}
The recommended size requirement for your app icon is 1024px x 1024px.
{% endhint %}

{% hint style="success" %}
If your uploaded image doesn’t meet the required resolution, it will be automatically scaled using AI.&#x20;
{% endhint %}

* Complete the upload:
  * Click Done to finalize your app icon upload.
  * Finally, hit Save to complete the process.&#x20;

{% hint style="warning" %}
Use the show gridlines option to keep your design centred and aligned. This will also ensure that your design does not spill out upon rendering.
{% endhint %}

{% hint style="success" %}
Add-on available

If you prefer professional assistance, you can purchase the [**Mobile App Design Add-On**](https://app.appmysite.com/app/addons), which includes:

* Creating your app icon
* Designing a launch screen
* Customizing a login screen
* Developing a banner image
  {% endhint %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.appmysite.com/app/design/app-icon.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.