> For the complete documentation index, see [llms.txt](https://docs.webtonative.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.webtonative.com/javascript-apis/dynamic-app-icon.md).

# Dynamic App Icon API

{% hint style="info" %}
You'll need to import the javascript file in your website before starting from this [link](/javascript-apis/getting-started.md).
{% endhint %}

With the code you can change the app icon simply by calling the function.

{% tabs %}
{% tab title="Plain Javascript" %}

```javascript
window.WTN.updateAppIcon({
    iconName:"icon1" //Name of the new icon
})
```

{% endtab %}

{% tab title="npm" %}

```javascript
import { updateAppIcon } from "webtonative";

updateAppIcon({
    iconName:"icon1" //Name of the new icon
})
```

{% endtab %}
{% endtabs %}

Icon name - Need to pass this if it is null then default icon is set.\
Note:- When creating the app build, the uploaded icons will be named **icon1, icon2, icon3**. To implement them correctly, ensure the function references these names accordingly.

\*Feature was taken live on 19/02/2025