# Custom icons for Coda Buttons

**URL:** <https://connect.superhuman.com/t/custom-icons-for-coda-buttons/42711>\
**Category:** Product Feedback\
**Created:** [September 10, 2023, 4:14pm UTC](https://connect.superhuman.com/t/custom-icons-for-coda-buttons/42711 "2023-09-10T16:14:10Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Bojan\_Pavlovic](https://yyz1.discourse-cdn.com/coda1/user_avatar/connect.superhuman.com/bojan_pavlovic/32/35968_2.png) [@Bojan\_Pavlovic](https://connect.superhuman.com/u/Bojan_Pavlovic)\
**Post date:** [September 10, 2023, 4:14pm UTC](https://connect.superhuman.com/t/custom-icons-for-coda-buttons/42711/1 "2023-09-10T16:14:10Z")

</div>

Hello lovely, innovative and great Coda team!

I wonder if there are any indications of having a “custom icon/s” for Coda buttons because that’s not the case at the moment.

The only custom icons we can select now are different types of icons but not for buttons!

Thanks and Cheers!  
Bojan

---

<div class="post-metadata">

**Author:** ![joost\_mineur](https://yyz1.discourse-cdn.com/coda1/user_avatar/connect.superhuman.com/joost_mineur/32/30539_2.png) [@joost\_mineur](https://connect.superhuman.com/u/joost_mineur)\
**Post date:** [September 15, 2023, 1:38pm UTC](https://connect.superhuman.com/t/custom-icons-for-coda-buttons/42711/2 "2023-09-15T13:38:52Z")

</div>

Hello @Bojan_Pavlovic ,

With a little effort you can use custom icons. Make some icons, for example at the page title level, right click in this custom icon and copy the url. This way, you have an icon url that ‘lives’ on the coda server.

Use this icon url in the button label. It is not really great with text, but if you just use the icon, it works quite well:  
 ![image](https://global.discourse-cdn.com/coda1/original/3X/d/5/d559564d8a455020661e686f9e68ec44527265d4.png)  
The button label looks something like this:

```auto
concat(Image("https://codaio.imgix.net/workspaces/ws-oLu3Oh4iEc/blobs/customIcons/e5225ca4-709c-4258-9df8-dfradawdasde",48,48),_bold(" custom icon"))

or
  
concat(Image("https://codaio.imgix.net/workspaces/ws-oLu3Oh4iEc/blobs/customIcons/e5225ca4-709c-4258-9df8-dfradawdasde",48,48,"custom icon",style:"circle",outline: true()))

```

Greetings,  
Joost

---

<div class="post-metadata">

**Author:** ![WesternSydney\_WomensHealth](https://yyz1.discourse-cdn.com/coda1/user_avatar/connect.superhuman.com/westernsydney_womenshealth/32/25768_2.png) [@WesternSydney\_WomensHealth](https://connect.superhuman.com/u/WesternSydney_WomensHealth)\
**Post date:** [February 3, 2024, 4:38am UTC](https://connect.superhuman.com/t/custom-icons-for-coda-buttons/42711/3 "2024-02-03T04:38:45Z")

</div>

Custom icons in buttons is well and truly overdue IMHO.

Surely we shouldnt have to jump through the hoop of hosting an image externally (or various other techniques such as trying to discover and modify the url of an image in a table)-

- Ideally, implement allowing custom icons selection from the button icon property
- or expose the url of a custom icon by right clicking an icon from the icons list available in workspaces (and then having to kludge by using that url as as in your post to concat it with text)

---

<div class="post-metadata">

**Author:** ![AJM](https://yyz1.discourse-cdn.com/coda1/user_avatar/connect.superhuman.com/ajm/32/47748_2.png) [@AJM](https://connect.superhuman.com/u/AJM)\
**Post date:** [May 31, 2025, 2:44am UTC](https://connect.superhuman.com/t/custom-icons-for-coda-buttons/42711/4 "2025-05-31T02:44:30Z")

</div>

I was nodding along to every point you made. Then I looked at your username and realized, ironically, that we work in the same field! Hello!