# Icons for buttons, what do you use. Heroicons is busted

**URL:** <https://forum.bubble.io/t/icons-for-buttons-what-do-you-use-heroicons-is-busted/256282>\
**Category:** Questions\
**Created:** [April 8, 2023, 5:27pm UTC](https://forum.bubble.io/t/icons-for-buttons-what-do-you-use-heroicons-is-busted/256282 "2023-04-08T17:27:54Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![razvan](https://avatars.discourse-cdn.com/v4/letter/r/e47c2d/32.png) [@razvan](https://forum.bubble.io/u/razvan)\
**Post date:** [April 8, 2023, 5:27pm UTC](https://forum.bubble.io/t/icons-for-buttons-what-do-you-use-heroicons-is-busted/256282/1 "2023-04-08T17:27:54Z")

</div>

What does the community think is the best solution for icons in buttons?

Personally, I rarely ‘pretty’ up buttons and when I do its a text element with the [fa] feathericons [/fa]. One of the reasons I have not tried other methods, is because I always see posts that they frequently break. Case and point, hero icons looks like this currently.

 ![image](https://us1.discourse-cdn.com/bubble/original/3X/e/2/e2be922cd089cf988b4da7726c02c888f87c90e2.png)

In rare instances, Ive also used a group with a icon and text element within, but I feel like its kinda annoying.

So, im curious, do you all do other methods, what are some of the downsides youve learned about using icons in buttons (loading, different browser issues…)

Thanks gang.

---

<div class="post-metadata">

**Author:** ![johnny](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/johnny/32/203020_2.png) [@johnny](https://forum.bubble.io/u/johnny)\
**Post date:** [April 8, 2023, 6:37pm UTC](https://forum.bubble.io/t/icons-for-buttons-what-do-you-use-heroicons-is-busted/256282/2 "2023-04-08T18:37:23Z")

</div>

> [@razvan](#):
>
> Case and point, hero icons looks like this currently.

It’s cuz of one of the new version updates (I think Version 21). If you go to the one before that it should work, although I think @Kayami is working on a fix for it?

---

<div class="post-metadata">

**Author:** ![razvan](https://avatars.discourse-cdn.com/v4/letter/r/e47c2d/32.png) [@razvan](https://forum.bubble.io/u/razvan)\
**Post date:** [April 8, 2023, 7:08pm UTC](https://forum.bubble.io/t/icons-for-buttons-what-do-you-use-heroicons-is-busted/256282/3 "2023-04-08T19:08:35Z")

</div>

That’s on their demo page, the screenshot. I saw someone report a similar buy weeks ago, which is the kind of thing that I wouldnt even take a risk with. That’s honestly what triggered this question, I’m curious if theres stuff out there that is visually pleasing and runs without issues such as that.

---

<div class="post-metadata">

**Author:** ![Kayami](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/kayami/32/111689_2.png) [@Kayami](https://forum.bubble.io/u/Kayami)\
**Post date:** [April 8, 2023, 11:06pm UTC](https://forum.bubble.io/t/icons-for-buttons-what-do-you-use-heroicons-is-busted/256282/4 "2023-04-08T23:06:32Z")

</div>

@razvan sorry, this was not a bug - but a limitation of bubble related to plugins in testing mode.

it can only be linked to one app at a time and we needed to move it for a short period of time to fix a bug.

the demo page is back to working now 🙂

---

<div class="post-metadata">

**Author:** ![J805](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/j805/32/41267_2.png) [@J805](https://forum.bubble.io/u/J805)\
**Post date:** [April 9, 2023, 2:56am UTC](https://forum.bubble.io/t/icons-for-buttons-what-do-you-use-heroicons-is-busted/256282/5 "2023-04-09T02:56:08Z")

</div>

Mostly I just use the font awesome icons from Bubble by doing the [fa] fa-home [/fa] trick. Most works fine for me for an MVP until I want to customize it.