Iconify Lib
Iconify Lib
Documentation
Documentation
search
auto_awesomeOverview
expand_moreIconify Lib
Requirements
Quick Start
rocket_launchGetting Started
chevron_rightInstallation
Your First Icon
Making Icons Clickable
searchFinding Icons
chevron_rightThe plugin gives you access to 150,000+ icons from 150+ icon sets. You choose icons by name.
Where to Find Icon Names
Icon Name Format
Popular Icon Sets
Tips for Choosing Icons
settingsConfiguration
chevron_rightThis page describes all properties available on the Iconify element.
Icon Properties
Transform Properties
Shadow Properties
Animation Properties
Interaction Properties
codeUsage Examples
chevron_rightThis page provides complete configuration examples for common use cases.
Navigation Button
Loading Spinner
Social Media Icon with Shadow
Status Indicator (Rotated Arrow)
Interactive Icon with Hover Effect
File Type Indicator
Menu Hamburger Icon
Search Icon in Input
Close/Delete Button
library_booksIcon Libraries
chevron_rightComplete reference of available icon libraries and their characteristics.
Material Symbols
Material Design Icons (MDI)
Font Awesome 6
Bootstrap Icons
Heroicons
Feather
Lucide
Tabler Icons
Choosing the Right Icon Set
verifiedBest Practices
chevron_rightGuidelines for effective use of the Iconify plugin.
Icon Selection
Sizing Guidelines
Color Usage
Clickable Icons
Tooltips
Animations
Shadow Effects
Performance
Accessibility
Design Consistency
bug_reportTroubleshooting
chevron_rightCommon issues and solutions when working with Iconify Lib.
Icon Does Not Appear
Icon Too Small or Too Large
Click Event Not Firing
Shadow Not Visible
Spin Animation Not Working
Wrong Icon Appears
Icon Color Not Changing
Performance Issues
Browser Compatibility
Getting More Help
lightbulbUse Cases
chevron_rightDetailed scenarios and patterns for using Iconify Lib effectively.
Navigation Menus
Action Buttons
Status Indicators
Loading States
Social Media Links
File and Document Indicators
Form Elements
Empty States
Notifications
Settings and Preferences
E-commerce
Dashboards and Analytics
Help and Support
psychologyAdvanced Techniques
chevron_rightAdvanced patterns and techniques for power users.
Dynamic Icon Names
Conditional Styling
Icon Badges
Icon Button Groups
Rotating Icons on Click
Loading State Replacement
Responsive Icon Sizing
Icon with Animated Pulse
Multi-Color Icons
Icon Morphing
Accessibility Enhancements
Performance Optimization
Icon Animation Sequences
Dark Mode Support
quizFAQ
chevron_rightFrequently asked questions about Iconify Lib.
General Questions
Technical Questions
Usage Questions
Styling Questions
Compatibility Questions
Troubleshooting Questions
License Questions
historyChangelog
chevron_rightPlugin version history and updates.
Version 1.0.0
Future Enhancements
_Have feature suggestions? Contact us through the plugin page!_
support_agentSupport
chevron_rightGet help and support for Iconify Lib.
Documentation
Icon Search
Video Tutorials
Community Support
Plugin Updates
Feature Requests
Bug Reports
Priority Support
Additional Resources
Support Free Development
Thank you for using Iconify Lib! ??
Overview
Iconify Lib
Iconify Lib brings the world's largest icon library directly to your Bubble application with a single visual element. Access over 150,000 icons from 150+ popular icon sets including Material Design Icons, Font Awesome, Bootstrap Icons, Feather, Heroicons, and many more.
With one element, you can: - Pick icons by name from massive library - Customize color, size, rotation, flips, shadows, and animations - Make icons clickable and trigger workflows - Add tooltips for better UX - Use spin animations for loading states