[NEW] Icon Picker, Dynamic Icon + Dynamic Button

Hi guys

Have you ever needed icons powered by dynamic expressions? Modern interfaces depend on icons everywhere – from buttons and headers to tables and repeating groups.

TL;DR: Check the live demo with interactive examples and full showcases.

Icon Picker element

After a focused 3-month grind, the result is a robust, high-performance icon solution with a user-facing picker. It’s built to be fully customizable and free of fluff.

You get 4 powerful elements in one :

Icon Picker, Icon Palette, Ultimate Icon (to render any icon), and Icon Set Controller (to access metadata and statistics).

Main benefits:

  • :white_check_mark: Instant, user-friendly icon selection – Beautiful and responsive interface

  • :white_check_mark: Automatic icon management – No manual updates or huge data/option sets

  • :white_check_mark: Lightning-fast performance – Virtualized rendering for large icon sets

  • :white_check_mark: Complete customization – Themes, sizes, styles, and color controls

  • :white_check_mark: Seamless integration – Autobinding, workflows, and dynamic rendering

Ultimate Icon element

Ultimate Icon combines Material Symbols, Material Icons, Lucide, and Phosphor into ONE unified element

  • :white_check_mark: Over 7,000 high-quality icons

  • :white_check_mark: Dynamic expressions for runtime switching

  • :white_check_mark: Simplified 6-style system: Default, Filled, Bold, Light, Thin, Special


:link: Links:


What will you build now that dynamic icons are this easy to use?

2 Likes

Check out this Showcase of what Icon Picker can do [02:30]

Icon Palette element lets you build flexible, searchable icon grids for browsing, filtering, and selecting icons with ease.
Icon Palette

For example as this Icons Viewer

Hi, Bubble community
Update is here:

  • A tooltip to the icon picker was added.
  • Support of dark themes.
  • Ability to make the Icon Details panel a flyover.
  • A few additional minor improvements have been added

Dark theme

Dynamic Icon Button is in progress. An icon and a label where you can set with the help of dynamic expressions. If you do have any requests for it, please share your thoughts here.

Hi, Bubblers

A new element is finally here!

Dynamic – Button solves the long-standing limitation of Bubble’s standard button element by allowing you to set icons dynamically, including values pulled directly from your database.

This provides a native, no-hassle way to build buttons with icons that update dynamically, whether they’re tied to database entries, user preferences, or runtime expressions.

Dynamic Icon Name

Button Icon Color + Style

Demo Button

Check the interactive tutorial and showcase here: [Demo]