1. Installation - Add the plugin to your Bubble app
- No API key or additional setup required

2. Basic Usage
- Drag the Iconify element onto your page
- In the element properties, type the icon name (e.g., "mdi:home")
- The icon will appear immediately

3. Customization Options
Colors:
- Use the color picker to change the icon color
- Supports HEX, RGB, and named colors

Size:
- The icon automatically fits its container
- Use the scale property to adjust relative size

Effects:
- Rotation: Set degrees (0-360)
- Flip: Toggle horizontal/vertical flip
- Shadow: Enable and customize drop shadow
- Spin: Toggle spinning animation

Interactivity:
- Enable "Is Clickable" for click events
- Use the click event in your workflows

4. Finding Icons
- Visit https://icon-sets.iconify.design/
- Browse or search for icons
- Copy the icon name (e.g., "mdi:account")
- Paste into the icon property

5. Best Practices
- Use meaningful icon names for better maintainability
- Test icons at different sizes
- Consider color contrast for accessibility
- Use click events sparingly for better UX

6. Troubleshooting
- If an icon doesn't appear, verify the icon name
- Check spelling and format (collection:name)
- Ensure container size is sufficient
- Clear browser cache if needed