# How to add Icon to button

**URL:** <https://community.thunkable.com/t/how-to-add-icon-to-button/52083>\
**Category:** Questions about Thunkable X\
**Created:** [October 15, 2018, 8:06pm UTC](https://community.thunkable.com/t/how-to-add-icon-to-button/52083 "2018-10-15T20:06:39Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![Juliano\_Rocha](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/juliano_rocha/32/26680_2.png) [@Juliano\_Rocha](https://community.thunkable.com/u/Juliano_Rocha)\
**Post date:** [October 15, 2018, 8:06pm UTC](https://community.thunkable.com/t/how-to-add-icon-to-button/52083/1 "2018-10-15T20:06:39Z")

</div>

Thanks, @domhnallohanlon.  
But how can I use an icon on a button? An arrow to go back for example.

---

<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:** [October 15, 2018, 8:19pm UTC](https://community.thunkable.com/t/how-to-add-icon-to-button/52083/2 "2018-10-15T20:19:23Z")

</div>

At the moment the way to do this would be by uploading an image to the button.

---

<div class="post-metadata">

**Author:** ![AcrobatEpee](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/acrobatepee/32/26336_2.png) [@AcrobatEpee](https://community.thunkable.com/u/AcrobatEpee)\
**Post date:** [October 15, 2018, 8:24pm UTC](https://community.thunkable.com/t/how-to-add-icon-to-button/52083/3 "2018-10-15T20:24:14Z")

</div>

> [@domhnallohanlon](#):
>
> uploading an image to the button

 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/e/5/e5f615242a355288d8b42cd8ef0ed84181239646.png)

Here upload your image and set its resize mode to contain.

---

<div class="post-metadata">

**Author:** ![Kyle\_Williams](https://avatars.discourse-cdn.com/v4/letter/k/b2d939/32.png) [@Kyle\_Williams](https://community.thunkable.com/u/Kyle_Williams)\
**Post date:** [October 15, 2018, 9:42pm UTC](https://community.thunkable.com/t/how-to-add-icon-to-button/52083/4 "2018-10-15T21:42:43Z")

</div>

For simple symbols (like a back arrow) you could also always just use Unicode characters like this one:

> **[BLACK LEFT-POINTING TRIANGLE (U+25C0)](https://www.fileformat.info/info/unicode/char/25c0/index.htm)**
>
> Get the complete details on Unicode character U+25C0 on FileFormat.Info

---

<div class="post-metadata">

**Author:** ![Michael\_Mckenna](https://avatars.discourse-cdn.com/v4/letter/m/aca169/32.png) [@Michael\_Mckenna](https://community.thunkable.com/u/Michael_Mckenna)\
**Post date:** [October 16, 2018, 5:12pm UTC](https://community.thunkable.com/t/how-to-add-icon-to-button/52083/5 "2018-10-16T17:12:49Z")

</div>

There are libraries of free icons to download, like this one: [https://icons8.com/](https://icons8.com/)

---

<div class="post-metadata">

**Author:** ![AcrobatEpee](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/acrobatepee/32/26336_2.png) [@AcrobatEpee](https://community.thunkable.com/u/AcrobatEpee)\
**Post date:** [October 16, 2018, 7:49pm UTC](https://community.thunkable.com/t/how-to-add-icon-to-button/52083/6 "2018-10-16T19:49:39Z")

</div>

[material.io](http://material.io) is one as well

---

<div class="post-metadata">

**Author:** ![DevilLooper](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/devillooper/32/53854_2.png) [@DevilLooper](https://community.thunkable.com/u/DevilLooper)\
**Post date:** [December 7, 2019, 4:52am UTC](https://community.thunkable.com/t/how-to-add-icon-to-button/52083/7 "2019-12-07T04:52:45Z")

</div>

you cant set the icon size you want. trying to make smaller looks like icon is crop

---

<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, 11:46am UTC](https://community.thunkable.com/t/how-to-add-icon-to-button/52083/8 "2024-11-08T11:46:25Z")

</div>


