What is the easiest way to add an icon next to text in a button?

[pauljoneswv]

What is the most effective way to add an icon next to text within a button?

This is an example:

[adamhholmes]

Unfortunately you can’t do it with a button element (currently)… perhaps there are some plugins for it though…

But there are some simple workarounds…

1 option is to use a text element instead of a button (styled to look like a button)

Then use BBcode to include a Font Awesome icon in the text itself.

Another option is to use a group (row) element instead of a button (styled to look like a button), then add an icon and a text element into the group.

[pauljoneswv]

Thank you Adam

[treb.gatte]

I’m using the free Heroicons plugin and it’s working really well. Heroicons Plugin | Bubble

[pauljoneswv]

Thanks for the recommendation, from what I see one still needs to use a group if they want text and an icon?

[treb.gatte]

Not if you are using it in a button. See this for more details. Heroicons (notion.so)