# Custom capability button with custom icon

**URL:** <https://community.homey.app/t/custom-capability-button-with-custom-icon/26988>\
**Category:** Developers\
**Created:** [March 10, 2020, 11:52pm UTC](https://community.homey.app/t/custom-capability-button-with-custom-icon/26988 "2020-03-10T23:52:36Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![Kaoh](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/kaoh/32/9283_2.png) [@Kaoh](https://community.homey.app/u/Kaoh)\
**Post date:** [March 10, 2020, 11:52pm UTC](https://community.homey.app/t/custom-capability-button-with-custom-icon/26988/1 "2020-03-10T23:52:36Z")

</div>

Hey all,

I am working on a xbox companion app right now. I implemented a list of custom buttons to enable controller buttons (nexus, dpad and xyab). They are working on the device but I really want to give them the proper icons. But if I set the nexus button to my custom icon I still get the default button icon.

My capability json looks like this

controller\_nexus.json  
{  
“type”: “boolean”,  
“title”: {  
“en”: “Nexus”  
},  
“getable”: false,  
“setable”: true,  
“icon”: “./assets/nexus.svg”  
}

Am i wasting time on this or am I doing it wrong? The svg is in de {root}/assets

---

<div class="post-metadata">

**Author:** ![Shakesbeard](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/shakesbeard/32/15112_2.png) [@Shakesbeard](https://community.homey.app/u/Shakesbeard)\
**Post date:** [March 11, 2020, 6:31am UTC](https://community.homey.app/t/custom-capability-button-with-custom-icon/26988/2 "2020-03-11T06:31:37Z")

</div>

@Kaoh does not look wrong. I did not use a leading dot for the path in my json icon path though but I don’t know if that makes a difference. Try “icon”: “/assets/nexus.svg” and see if it makes a difference.  
If not then you might need to check your icon file.

---

<div class="post-metadata">

**Author:** ![Kaoh](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/kaoh/32/9283_2.png) [@Kaoh](https://community.homey.app/u/Kaoh)\
**Post date:** [March 11, 2020, 6:52am UTC](https://community.homey.app/t/custom-capability-button-with-custom-icon/26988/3 "2020-03-11T06:52:44Z")

</div>

and you use them for buttons? not only for sensors or alarms?

---

<div class="post-metadata">

**Author:** ![Shakesbeard](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/shakesbeard/32/15112_2.png) [@Shakesbeard](https://community.homey.app/u/Shakesbeard)\
**Post date:** [March 11, 2020, 6:55am UTC](https://community.homey.app/t/custom-capability-button-with-custom-icon/26988/4 "2020-03-11T06:55:28Z")

</div>

oh, good point. Only for sensors up until now. Are you on the developer slack? Maybe someone there knows more about it

---

<div class="post-metadata">

**Author:** ![Adrian\_Rockall](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/adrian_rockall/32/13209_2.png) [@Adrian\_Rockall](https://community.homey.app/u/Adrian_Rockall)\
**Post date:** [March 11, 2020, 9:11am UTC](https://community.homey.app/t/custom-capability-button-with-custom-icon/26988/5 "2020-03-11T09:11:09Z")

</div>

> [@Kaoh](#):
>
> They are working on the device but I really want to give them the proper icons. But if I set the nexus button to my custom icon I still get the default button icon.

I don’t think that is possible now. It seems they have just the fixed set of button types and that’s it.

---

<div class="post-metadata">

**Author:** ![Kaoh](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/kaoh/32/9283_2.png) [@Kaoh](https://community.homey.app/u/Kaoh)\
**Post date:** [March 11, 2020, 9:28am UTC](https://community.homey.app/t/custom-capability-button-with-custom-icon/26988/6 "2020-03-11T09:28:40Z")

</div>

ok, then ill stop trying to make it work 😂