# Dynamic App Icon

{% hint style="info" %}
You'll need to import the javascript file in your website before starting from this [link](https://docs.webtonative.com/javascript-apis/getting-started).
{% 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="ES5+" %}

```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