# Custom app icon

**URL:** <https://community.cumulocity.com/t/custom-app-icon/4029>\
**Category:** Forum\
**Tags:** cumulocity\
**Created:** [August 23, 2023, 12:42pm UTC](https://community.cumulocity.com/t/custom-app-icon/4029 "2023-08-23T12:42:04Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![Bishan\_T\_Prasad](https://avatars.discourse-cdn.com/v4/letter/b/3ab097/32.png) [@Bishan\_T\_Prasad](https://community.cumulocity.com/u/Bishan_T_Prasad)\
**Post date:** [August 23, 2023, 12:42pm UTC](https://community.cumulocity.com/t/custom-app-icon/4029/1 "2023-08-23T12:42:04Z")

</div>

Hi All,

I wanted to check if we can change the app icon to custom one. I tried changing by using the application options provided in the doc but did not succeed.  
Below is what I tried to add to package.json file

“icon”: {  
“url”: “ing.png”  
}

Any pointer would be helpful.

Thanks  
Bishan

---

<div class="post-metadata">

**Author:** ![Tristan\_Bastian](https://dub1.discourse-cdn.com/flex005/user_avatar/community.cumulocity.com/tristan_bastian/32/18259_2.png) [@Tristan\_Bastian](https://community.cumulocity.com/u/Tristan_Bastian)\
**Post date:** [August 23, 2023, 12:58pm UTC](https://community.cumulocity.com/t/custom-app-icon/4029/2 "2023-08-23T12:58:00Z")

</div>

Hi Bishan,

If you want to have a custom image, the url should look something like this:

```auto
      "icon": {
        "url": "url(/apps/<contextPath>/assets/app-icon.png)"
      },

```

See e.g. [https://github.com/Cumulocity-IoT/cumulocity-node-red/blob/main/frontend/package.json#L82-L84](https://github.com/Cumulocity-IoT/cumulocity-node-red/blob/main/frontend/package.json#L82-L84)  
The `<contextPath>` should match the context path of your application.

You can use the copy plugin to copy the image into your build, as otherwise the file will be missing:

```auto
      "copy": [
        { "from": "assets", "to": "assets" }
      ]

```

See: [https://github.com/Cumulocity-IoT/cumulocity-node-red/blob/main/frontend/package.json#L85-L89](https://github.com/Cumulocity-IoT/cumulocity-node-red/blob/main/frontend/package.json#L85-L89)

Regards,  
Tristan

---

<div class="post-metadata">

**Author:** ![Bishan\_T\_Prasad](https://avatars.discourse-cdn.com/v4/letter/b/3ab097/32.png) [@Bishan\_T\_Prasad](https://community.cumulocity.com/u/Bishan_T_Prasad)\
**Post date:** [August 23, 2023, 1:15pm UTC](https://community.cumulocity.com/t/custom-app-icon/4029/3 "2023-08-23T13:15:55Z")

</div>

Hi Tristan,

I checked this [post](https://community.cumulocity.com/t/how-to-change-default-header-title-and-icon-in-cumulocity-tutorial-app/7538) where you have explained it.  
Thanks for the detailed info. It helped.

Thanks  
Bishan

---

<div class="post-metadata">

**Author:** ![Bishan\_T\_Prasad](https://avatars.discourse-cdn.com/v4/letter/b/3ab097/32.png) [@Bishan\_T\_Prasad](https://community.cumulocity.com/u/Bishan_T_Prasad)\
**Post date:** [August 23, 2023, 1:22pm UTC](https://community.cumulocity.com/t/custom-app-icon/4029/4 "2023-08-23T13:22:29Z")

</div>

And is there any such configuration to hide the app icon?

Thanks  
Bishan

---

<div class="post-metadata">

**Author:** ![Tristan\_Bastian](https://dub1.discourse-cdn.com/flex005/user_avatar/community.cumulocity.com/tristan_bastian/32/18259_2.png) [@Tristan\_Bastian](https://community.cumulocity.com/u/Tristan_Bastian)\
**Post date:** [August 23, 2023, 1:30pm UTC](https://community.cumulocity.com/t/custom-app-icon/4029/5 "2023-08-23T13:30:42Z")

</div>

You can use the [noAppSwitcher](http://resources.cumulocity.com/documentation/websdk/1016.0.1/ngx-components/classes/ApplicationOptions.html#noAppSwitcher) application option to hide it from the AppSwitcher.

If you want to hide it within the application you can do so via CSS.

---

<div class="post-metadata">

**Author:** ![system](https://dub1.discourse-cdn.com/flex005/user_avatar/community.cumulocity.com/system/32/31990_2.png) [@system](https://community.cumulocity.com/u/system)\
**Post date:** [February 19, 2024, 1:31pm UTC](https://community.cumulocity.com/t/custom-app-icon/4029/6 "2024-02-19T13:31:14Z")

</div>

This topic was automatically closed 180 days after the last reply. New replies are no longer allowed.