Iconify Lib
Iconify Lib
Iconify Lib
Access 150,000+ icons from 150+ icon sets with single element - customize colors, sizes, rotations, animations, and interactions
The Nebula – Iconify Animated Icon is an advanced icon element that transforms any Iconify icon into a fully customizable component inside Bubble. It gives you complete visual control — size, color, rotation, flip, scale, shadows, and smooth spin animations — all rendered with native performance.
Perfect for menus, dashboards, buttons, status indicators, and modern interfaces that rely on dynamic, interactive icons.
When to Use
Everything you need in a single plugin
Navigation Elements
Home buttons, menu icons, back arrows, and breadcrumbs. Use recognizable navigation icons with click events to create intuitive navigation patterns throughout application.
Action Buttons
Status Indicators
Social Media Links
Loading Indicators
Form Enhancements
Feature Highlights
User Interface Controls
Benefits
Benefits
Massive Library
Access 150,000+ icons from 150+ icon sets without uploading any files. Material Design, Font Awesome, Bootstrap, Heroicons, Feather, and many more all in single element.
Always Updated
Iconify CDN automatically includes new icons from popular sets. Get access to latest icon additions without plugin updates or manual downloads.
Vector Quality
SVG icons stay perfectly crisp at any size on any display density. Scale from tiny 16px to massive 256px without quality loss or pixelation.
Zero Asset Management
No icon files to upload, organize, or maintain. No storage used in Bubble app. Icons load dynamically from CDN only when needed.
Instant Swapping
Change icons by simply changing icon name property. No re-uploading files or updating references. Test different icons rapidly during development.
Lightweight Loading
Only loads SVG data for icons actually used, not entire icon sets. First load fetches from CDN, subsequent loads use browser cache for instant display.
Rich Customization
Control every visual aspect without editing SVG files. Colors, sizes, rotations, flips, shadows, and animations all configurable through properties.
Smooth Animations
CSS-based transitions and spin animations provide polished interactions. Configurable transition timing and rotation speed for perfect feel.
Full Interactivity
Enable click events to trigger Bubble workflows. Icons act as buttons with proper cursor feedback, hover effects, and event handling.
Accessibility Built-In
Proper semantic HTML with role attributes and ARIA labels. Tooltips provide descriptions for screen readers ensuring inclusive experience.
Massive Library
Access 150,000+ icons from 150+ icon sets without uploading any files. Material Design, Font Awesome, Bootstrap, Heroicons, Feather, and many more all in single element.
Always Updated
Iconify CDN automatically includes new icons from popular sets. Get access to latest icon additions without plugin updates or manual downloads.
Vector Quality
SVG icons stay perfectly crisp at any size on any display density. Scale from tiny 16px to massive 256px without quality loss or pixelation.
Zero Asset Management
No icon files to upload, organize, or maintain. No storage used in Bubble app. Icons load dynamically from CDN only when needed.
Instant Swapping
Change icons by simply changing icon name property. No re-uploading files or updating references. Test different icons rapidly during development.
Lightweight Loading
Only loads SVG data for icons actually used, not entire icon sets. First load fetches from CDN, subsequent loads use browser cache for instant display.
Rich Customization
Control every visual aspect without editing SVG files. Colors, sizes, rotations, flips, shadows, and animations all configurable through properties.
Smooth Animations
CSS-based transitions and spin animations provide polished interactions. Configurable transition timing and rotation speed for perfect feel.
Full Interactivity
Enable click events to trigger Bubble workflows. Icons act as buttons with proper cursor feedback, hover effects, and event handling.
Accessibility Built-In
Proper semantic HTML with role attributes and ARIA labels. Tooltips provide descriptions for screen readers ensuring inclusive experience.
Massive Library
Access 150,000+ icons from 150+ icon sets without uploading any files. Material Design, Font Awesome, Bootstrap, Heroicons, Feather, and many more all in single element.
Always Updated
Iconify CDN automatically includes new icons from popular sets. Get access to latest icon additions without plugin updates or manual downloads.
Vector Quality
SVG icons stay perfectly crisp at any size on any display density. Scale from tiny 16px to massive 256px without quality loss or pixelation.
Zero Asset Management
No icon files to upload, organize, or maintain. No storage used in Bubble app. Icons load dynamically from CDN only when needed.
Instant Swapping
Change icons by simply changing icon name property. No re-uploading files or updating references. Test different icons rapidly during development.
Lightweight Loading
Only loads SVG data for icons actually used, not entire icon sets. First load fetches from CDN, subsequent loads use browser cache for instant display.
Rich Customization
Control every visual aspect without editing SVG files. Colors, sizes, rotations, flips, shadows, and animations all configurable through properties.
Smooth Animations
CSS-based transitions and spin animations provide polished interactions. Configurable transition timing and rotation speed for perfect feel.
Full Interactivity
Enable click events to trigger Bubble workflows. Icons act as buttons with proper cursor feedback, hover effects, and event handling.
Accessibility Built-In
Proper semantic HTML with role attributes and ARIA labels. Tooltips provide descriptions for screen readers ensuring inclusive experience.
Key Features
Key Features
Everything you need in a single plugin
150,000+ Icons
expand_moreAccess massive library from 150+ icon sets including Material Design Icons, Font Awesome, Bootstrap Icons, Heroicons, Feather, Lucide, Tabler, and many more. Single element for entire library.
Single Element
expand_moreJust one Bubble visual element to place icons anywhere in application. No multiple elements or components to manage for different icon sets.
Dynamic Search
expand_moreBrowse and search icons at iconify.design. Copy icon name and paste into Icon Name property. Instant icon swapping without file management.
Color Customization
expand_moreSet any color using Bubble color picker or hex codes. Change icon color dynamically based on conditions or states for visual feedback.
Scale Control
expand_moreResize icons from 10% to 200% of container size. Control exact appearance within element bounds for padding or overflow effects.
Rotation
expand_moreRotate icons to any degree from -360° to 360°. Use for directional indicators, transformed orientations, or animated rotation effects.
Flip Transforms
expand_moreMirror icons vertically or horizontally. Create variations of directional icons or reversed orientations without separate icon files.
Drop Shadows
expand_moreAdd configurable drop shadows with custom color, offset, and blur radius. Create depth and separation from backgrounds with CSS filter shadows.
Spin Animation
expand_moreContinuous rotation animation for loading indicators. Control rotation speed and loop behavior. Efficient CSS-based animation for smooth performance.
Click Events
expand_moreEnable clickable behavior and trigger Bubble workflows when icon clicked. Use icons as buttons with proper cursor feedback and interaction handling.
Smooth Transitions
expand_moreConfigurable transition timing for property changes. Smooth animations when colors, scales, rotations, or other properties update dynamically.
Tooltip Support
expand_moreNative HTML title attribute for tooltips. Works seamlessly with Nebula Cooltip plugin for enhanced styled tooltips with advanced formatting.
FAQ
FAQ
Common questions