# Change App Loading Icon

![](https://support.swing2app.com/wp-content/uploads/2018/09/app_load.png)

**TIP on App production application ) How to change the app loading icon**

**▶ What is the loading icon?**

Loading is the process of preparing a program to run before the task is executed in the app.

The image displayed while loading is the loading icon.

![](https://support.swing2app.com/wp-content/uploads/2018/09/%EB%85%B9%ED%99%94_2020_06_10_14_39_43_619.gif)

**↑↑The grey circle icon will rotate while loading as shown in the image above.**

The loading icon is a function that is loaded automatically from the server, so there’s nothing for Swing2App’s users to do.\
The default loading icon is provided like the above image.\
However, there are times when you want to edit the loading icon image to fit your app style a little more.\
So in the manual, we will show you how to change the loading icon by adding another image in addition to the existing loading icon.

### <mark style="color:blue;">**1. Changing the loading icon**</mark>

**Swing2App Maker(V2) page → Advanced settings → Please check the App production settings.**

![](https://support.swing2app.com/wp-content/uploads/2018/09/load_icon1.png)

If you look at the app production settings, there is a loading icon menu.\
1\. Select the Loading icon **EDIT** button.\
2\. Select the set **Value** image in the EDIT window.\
3\. Select the **Update** button after attaching the image.

![](https://support.swing2app.com/wp-content/uploads/2018/09/load_icon2.png)

<mark style="color:red;">\*Please load your own image.</mark> \ <mark style="color:red;">\*Please work horizontally and vertically at a square ratio and at least 500px in size.</mark>\ <mark style="color:red;">\*GIF images can also be attached.</mark>

![](https://support.swing2app.com/wp-content/uploads/2018/09/load_icon3.png)

If you have updated your image,\
4\. Click the **Save** button at the top.\
5\. Click the **App Creation Request** button.\
6\. Select the update setting and click the **Make** button\
7\. Click **OK**.

<mark style="color:red;">\*If you edit the advanced settings menu, you cannot just save it. You must update your app by reproducing it.</mark>\ <mark style="color:red;">\*And when editing the advanced settings menu, the edited content is not reflected in the virtual machine, so please check after running the app on the phone.</mark>

### <mark style="color:blue;">**2. Run App Screen – Check the loading icon**</mark>

<mark style="color:orange;">**▶ Legacy loading icon**</mark>

![](https://support.swing2app.com/wp-content/uploads/2018/09/%EB%85%B9%ED%99%94_2020_06_10_14_39_43_619.gif)

**The loading icon above is the loading icon style provided by swing2app.**

\ <mark style="color:orange;">**▶ Edited Loading Icon**</mark>

![](https://support.swing2app.com/wp-content/uploads/2018/09/%EB%85%B9%ED%99%94_2020_06_10_14_32_41_232.gif)

It’s a logo icon that was changed by putting the swing2app logo image.

<mark style="color:blue;">**Application: You can also put GIF images!**</mark>

As explained above, the loading icon can also contain gif images.\
\
The loading icon is provided by default without changing, so you can use it as it is.

You can apply it to other loading icon images to suit your app.


---

# 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://documentation.swing2app.com/manual/tip/loadingicon.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.