What's the Latest with Dynamic Icons?

Need help
1

Hi, all!

I’m a longtime Bubble builder, but it’s not my full-time gig. Every six months or so, I drop back into a few side projects to add new features and bug hunt.

The last time I jumped in, we still didn’t have a simple way to add dynamic icons.

Has that changed?

I know all the workarounds: option sets with images, option sets with “[fa][/fa]”, dynamic text using “[fa][/fa]”. Etc, etc.

My question, I guess: Has this functionality been added while I wasn’t looking? Is there a plugin that, for example, let’s be dynamically select Material Icons? Is there a new option somewhere I haven’t noticed?

Thanks, everyone!

2

Hi @mrkoyen,

Small world! I’ve actually just wrapped up a showcase page for a plugin I’ve been using heavily over the past year.

It doesn’t include Material Icons, but it does support the full Lucide.dev icon set with full dynamic control, including use as buttons if needed.

Feel free to take a look:

:hammer_and_wrench: Editor:

:magnifying_glass_tilted_left: Demo Page:

Would love your feedback!

1 Like
3

Bubble upgraded the icon library with tones of other new icons :+1:

4

I saw. And that’s awesome. Expanded icon options were long overdue.

But unless I’m missing something, I don’t think icons can be assigned dynamically.

(Again, I’m not talking about workarounds. I’m already using the option set + “[fa]” text setup.)

Or, is dynamic assignment hiding somewhere??

5

Thanks for the heads-up! I’ve installed the plugin, will play around with it.

6

Hummmms not dynamic. I mean, you cannot pull them from database :pensive_face:. Sorry I misunderstood your question.

1 Like
7

@kibermaks

By the way, your plug-in is fantastic.

The Lucide set is almost enough for my needs. But if you could do this for the other icon sets, you’d have real winner!

One tiny suggestion: If it is possible, a new Lucide Icon should default to a square size when you add it. It’s not a huge issue, but I bet 99% of icons are square!

Thanks again for the great plugin. I’ll review it in the Bubble marketplace.

1 Like
8

Thank you, @mrkoyen!

Glad to hear it was helpful — I hope it can support more builders in creating better products.

I’ve just updated the default behavior for Height and made a few minor improvements to the settings, so feel free to upgrade to the latest version.

Regarding Material Icons: technically, I can add support. The question is more about UX. Would you prefer it as a separate element (with slightly different settings to accommodate weight/style), or would it be better to combine both icon sets into a single element with a top-level “Icons Provider” dropdown (Lucide / Material Icons)?

Happy to hear your thoughts.

9

And by the way, changed Editor and Demo Pages:
:hammer_and_wrench: Editor:

:magnifying_glass_tilted_left: Demo Page:

10

Hi @mrkoyen,

This is a huge update for the plugin. Now, I have a second element, Dynamic Icon - Material, that provides support for Google Material Symbols.

The demo has also been updated:

It now showcases both elements in action.

Please let me know if you’ve had a chance to try it out.

Thanks!

1 Like
11

The update looks great!

Honestly, everyone should know about this plugin. It’s a game-changer for dynamic designs.

Thanks for your hard work.

1 Like
12

This topic was automatically closed after 70 days. New replies are no longer allowed.