To set up Lucide Icon Picker, first install the plugin from the Bubble marketplace, then drag the Lucide Icon Picker element onto your page. In the element’s property editor, choose a default icon in Initial icon (for example smile or home), set Stroke width (e.g. 2) and Color to match your design, and optionally customize the Search placeholder. If you only want to offer a subset of icons, you can fill Allowed icons with a comma‑separated list of Lucide icon names (for example: home, settings, user, bell); otherwise leave it empty to allow the full list. At runtime, the element will display the currently selected icon and open a searchable dropdown when clicked.
If you just need the value in workflows, use the Lucide Icon Picker's selected_icon state and/or the icon_selected event to react when the user chooses an icon (for example, save it to the database in a workflow). For seamless saving without workflows, enable auto‑binding: bind the value property to a text field on your thing (e.g. Current User's icon_name) and turn on “Enable auto‑binding” for that field. The picker will then automatically read the icon name from the database on load and write the new icon name back whenever the user selects one, so you don’t have to manage the sync yourself.

Link to plugin editor : https://bubble.io/page?id=pocplugins&tab=Design&name=lucide_icon_picker&type=page&type_id=lucide_icon&elements=bTIBX