Overview

Beautiful hand-crafted SVG icons by the makers of Tailwind CSS.

This plugin is a small wrapper that makes it easy & straightforward to use these fantastic icons in your bubble app!

Adjust size and colors ✅

Both solid and outline icon styles ✅

Change background, borders and shadows ✅

Respond to click events ✅

Can be added within native Bubble buttons ✅

Check out https://heroicons.com to find the full set of supported icons & what they looks like!

Installation

Just head over to the link below to install the plugin to your bubble app!

Heroicons Plugin for Bubble, by Minimum Studio

How to use

Add element to page

Start by adding the Solid Icon or Outline Icon element to the page from the sidebar depending on which style of icons you want to use. There are currently 240 icons to pick from in each set!

Icon appearance

Change which Icon is displayed by selecting an icon from the dropdown. Obviously the color can be changed with Color. The rest of the customization options are already provided by bubble!

Clickable icons

It's also possible to make the icon clickable by checking the Clickable property. After checking the box you can set up a workflow to react to the click under the Elements section.

How to use icons in buttons