# Image instead of default icon (button)

**URL:** <https://community.glideapps.com/t/image-instead-of-default-icon-button/43670>\
**Category:** Ask for Help\
**Created:** [June 29, 2022, 3:43pm UTC](https://community.glideapps.com/t/image-instead-of-default-icon-button/43670 "2022-06-29T15:43:41Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![TidoRin](https://avatars.discourse-cdn.com/v4/letter/t/ce73a5/32.png) [@TidoRin](https://community.glideapps.com/u/TidoRin)\
**Post date:** [June 29, 2022, 3:43pm UTC](https://community.glideapps.com/t/image-instead-of-default-icon-button/43670/1 "2022-06-29T15:43:41Z")

</div>

Dear Glide professionals, maybe someone knows how I can use my picture in such a button instead of the default icon (in this case, instead of this circle with a plus)?

Maybe it can be done somehow with css?

For several days I tried to figure it out myself, but nothing worked out for me, so I decided to ask for help on the forum 🙏

[![](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/3/b/3bd733da164e2cc9b75dfef11dedb53e7e64bb1b.png) ](https://i.ibb.co/ydggXcC/h6y5fr4.png)

---

<div class="post-metadata">

**Author:** ![antoniedik](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/antoniedik/32/44061_2.png) [@antoniedik](https://community.glideapps.com/u/antoniedik)\
**Post date:** [June 29, 2022, 6:03pm UTC](https://community.glideapps.com/t/image-instead-of-default-icon-button/43670/2 "2022-06-29T18:03:53Z")

</div>

possible, but difficult.

 ![svg](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/5/2/529270a4ad0c801dc4825ad48e1a811fd237c44d.jpeg)

---

<div class="post-metadata">

**Author:** ![nathanaelb](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/nathanaelb/32/43079_2.png) [@nathanaelb](https://community.glideapps.com/u/nathanaelb)\
**Post date:** [June 29, 2022, 9:41pm UTC](https://community.glideapps.com/t/image-instead-of-default-icon-button/43670/3 "2022-06-29T21:41:10Z")

</div>

Hi @TidoRin, this is probably not the answer you want:

In the options of the button component, you can change the icon. The library of icons suggested is pretty extensive, perhaps you could find one that works.

I would also avoid css, simplicity is your friend.

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [June 30, 2022, 1:26am UTC](https://community.glideapps.com/t/image-instead-of-default-icon-button/43670/4 "2022-06-30T01:26:36Z")

</div>

Yeah, and it gets kind of hard to maintain when you have multiple buttons on the same screen, with conditional visibilities, and you don’t want to apply that to every button.

---

<div class="post-metadata">

**Author:** ![Lucas\_Pires](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/lucas_pires/32/64863_2.png) [@Lucas\_Pires](https://community.glideapps.com/u/Lucas_Pires)\
**Post date:** [July 1, 2022, 12:32pm UTC](https://community.glideapps.com/t/image-instead-of-default-icon-button/43670/5 "2022-07-01T12:32:41Z")

</div>

Complementing what the amazing guys said here up, another suggestion is to remove the native icon and type a text with an emoji that represents better what you what.

![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/e/4/e4f82850ecbea282bd46daf634c6c2b44e3ca147.png)

* * *

Another suggestion is use [Cool Symbols](https://coolsymbol.com) to find some other symbols as text to try to fit what you want.

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/6/e/6e319f8b7b6a72faf3b3961a7cfca47bc89695b6.png)

![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/f/4/f4c5a85a24ce6bffd3d3f4b1fe34008823dc4e88.png)

---

<div class="post-metadata">

**Author:** ![antoniedik](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/antoniedik/32/44061_2.png) [@antoniedik](https://community.glideapps.com/u/antoniedik)\
**Post date:** [July 1, 2022, 3:43pm UTC](https://community.glideapps.com/t/image-instead-of-default-icon-button/43670/6 "2022-07-01T15:43:22Z")

</div>

good idea 😆  
If there is an easy way, why do you have to look for the hard way. 🥂

---

<div class="post-metadata">

**Author:** ![Lucas\_Pires](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/lucas_pires/32/64863_2.png) [@Lucas\_Pires](https://community.glideapps.com/u/Lucas_Pires)\
**Post date:** [July 1, 2022, 8:16pm UTC](https://community.glideapps.com/t/image-instead-of-default-icon-button/43670/7 "2022-07-01T20:16:30Z")

</div>

> [@antoniedik](#):
>
> 🥂

🥂