# Icons are not showing up on my button?

**URL:** <https://community.thunkable.com/t/icons-are-not-showing-up-on-my-button/1405514>\
**Category:** Questions about Thunkable X\
**Created:** [July 20, 2021, 4:01pm UTC](https://community.thunkable.com/t/icons-are-not-showing-up-on-my-button/1405514 "2021-07-20T16:01:34Z")\
**Posts on this page:** 10\
**Page:** 1

<div class="post-metadata">

**Author:** ![gene.arnold9d](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/gene.arnold9d/32/86268_2.png) [@gene.arnold9d](https://community.thunkable.com/u/gene.arnold9d)\
**Post date:** [July 20, 2021, 4:01pm UTC](https://community.thunkable.com/t/icons-are-not-showing-up-on-my-button/1405514/1 "2021-07-20T16:01:34Z")

</div>

I’m trying to add an icon next to the text of my buttons. I found this post and followed the instructions but no icons are showing. I’ve got an app compiling now to see if it works on a true app. The icon was pulled from one of the recommended sites so it should be ok. Any tips for me?

> [@How to add Icon to button](https://community.thunkable.com/t/how-to-add-icon-to-button/52083):
>
> Thanks, @domhnallohanlon. But how can I use an icon on a button? An arrow to go back for example.

---

<div class="post-metadata">

**Author:** ![gene.arnold9d](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/gene.arnold9d/32/86268_2.png) [@gene.arnold9d](https://community.thunkable.com/u/gene.arnold9d)\
**Post date:** [July 20, 2021, 4:12pm UTC](https://community.thunkable.com/t/icons-are-not-showing-up-on-my-button/1405514/2 "2021-07-20T16:12:17Z")

</div>

Even the compiled app does not show the icons. I must be missing something.

---

<div class="post-metadata">

**Author:** ![rishabh\_jain](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/rishabh_jain/32/125953_2.png) [@rishabh\_jain](https://community.thunkable.com/u/rishabh_jain)\
**Post date:** [July 20, 2021, 4:29pm UTC](https://community.thunkable.com/t/icons-are-not-showing-up-on-my-button/1405514/3 "2021-07-20T16:29:29Z")

</div>

You’ve just see the Image resize mode in Stp ( Snap to place ) UI ??

 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/1/9/19cca629e0e7102498f7b5adc759ae7b9114465a.png)  
See Where The box of Image resize mode borders are highlighted

---

<div class="post-metadata">

**Author:** ![domhnallohanlon](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/domhnallohanlon/32/29554_2.png) [@domhnallohanlon](https://community.thunkable.com/u/domhnallohanlon)\
**Post date:** [July 20, 2021, 4:52pm UTC](https://community.thunkable.com/t/icons-are-not-showing-up-on-my-button/1405514/4 "2021-07-20T16:52:32Z")

</div>

> [@gene.arnold9d](#):
>
> I’m trying to add an icon next to the text of my buttons

I’d recommend using Unicode Characters (or even Emoji 🏅) to do this.

For example:

You could use this character ⇐ to make something like this:

⇐ Back

Or this emoji ◀ to make this:

◀ Back

There’s lot’s of scope there I think

---

<div class="post-metadata">

**Author:** ![gene.arnold9d](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/gene.arnold9d/32/86268_2.png) [@gene.arnold9d](https://community.thunkable.com/u/gene.arnold9d)\
**Post date:** [July 21, 2021, 1:25am UTC](https://community.thunkable.com/t/icons-are-not-showing-up-on-my-button/1405514/5 "2021-07-21T01:25:19Z")

</div>

I thank you for this but does that mean that putting icons in buttons does not work?

---

<div class="post-metadata">

**Author:** ![gene.arnold9d](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/gene.arnold9d/32/86268_2.png) [@gene.arnold9d](https://community.thunkable.com/u/gene.arnold9d)\
**Post date:** [July 21, 2021, 1:26am UTC](https://community.thunkable.com/t/icons-are-not-showing-up-on-my-button/1405514/6 "2021-07-21T01:26:04Z")

</div>

I’m not using the STP UI. Does that mater?

---

<div class="post-metadata">

**Author:** ![rishabh\_jain](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/rishabh_jain/32/125953_2.png) [@rishabh\_jain](https://community.thunkable.com/u/rishabh_jain)\
**Post date:** [July 21, 2021, 3:44am UTC](https://community.thunkable.com/t/icons-are-not-showing-up-on-my-button/1405514/7 "2021-07-21T03:44:29Z")

</div>

Means normal UI

---

<div class="post-metadata">

**Author:** ![codeswept](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/codeswept/32/87755_2.png) [@codeswept](https://community.thunkable.com/u/codeswept)\
**Post date:** [July 21, 2021, 7:48am UTC](https://community.thunkable.com/t/icons-are-not-showing-up-on-my-button/1405514/8 "2021-07-21T07:48:27Z")

</div>

I really wish we could do this.

> [@Is it possible to use colors as text?](https://community.thunkable.com/t/is-it-possible-to-use-colors-as-text/1327848):
>
> For an app of mine, I’m allowing the users to choose ‘pawns’, just differently coloured circle emojis. But some phones may not accept all the emojis, so I want to have 3 sliders for RGB, and then keep setting a label’s background color to the generated output. Can I use this background color like text? set button1’s text to join (button1’s text + newline + generate rgb pawn) I’m unable to find alternatives to the emojis I used. Thanks!

---

<div class="post-metadata">

**Author:** ![muneer](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/muneer/32/75210_2.png) [@muneer](https://community.thunkable.com/u/muneer)\
**Post date:** [July 21, 2021, 10:41am UTC](https://community.thunkable.com/t/icons-are-not-showing-up-on-my-button/1405514/9 "2021-07-21T10:41:22Z")

</div>

A workaround is to use something like **[canva.com](http://canva.com)** to design your image with text in the image itself. You can then use the image in the button and remove the text from the button settings.

---

<div class="post-metadata">

**Author:** ![ioannis](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/ioannis/32/146956_2.png) [@ioannis](https://community.thunkable.com/u/ioannis)\
**Post date:** [November 8, 2024, 1:19pm UTC](https://community.thunkable.com/t/icons-are-not-showing-up-on-my-button/1405514/10 "2024-11-08T13:19:38Z")

</div>


