Icons & Effects
50 free icons from Lucide React with animations
📦 About Lucide Icons
Lucide is a beautiful open-source icon library with 1000+ icons. Free to use!
Preview different icon badge styles for your app's categories, navigation, and status indicators. Click "Copy Prompt" to use in AI.
Minimal
Clean, simple outlines
Neon Glow
Vibrant glowing effects
Gradient Pop
Colorful gradient backgrounds
Frosted Glass
Glassmorphism style
Dark Mode
Sleek dark theme
Success States
Green positive actions
Warning States
Orange caution indicators
Danger States
Red alert actions
Social Actions
Engagement icons
Navigation
Directional controls
Ocean Depths
Deep sea blues
Sunset Vibes
Warm orange-pink
Forest Green
Natural earthy tones
Royal Purple
Luxurious purple
Fire & Flame
Hot red-orange
Ice Crystal
Cool frozen blues
Midnight Black
Pure dark elegance
Gold Luxury
Premium golden
Silver Chrome
Metallic finish
Retro 80s
Synthwave colors
Soft Pastel
Gentle light colors
Neon Pink
Hot pink glow
Neon Green
Matrix green glow
Neon Orange
Electric orange
Monochrome
Black & white only
Outline Only
Transparent with border
Duotone Blue
Two-tone effect
Candy Colors
Sweet bright colors
Earth Tones
Natural browns
Deep Space
Galaxy dark purple
Spring Fresh
Light greens
Autumn Leaves
Fall orange-brown
Winter Frost
Icy white-blue
Tech Circuit
Digital green lines
Gaming RGB
Multicolor RGB
import { motion } from "framer-motion";
import { Heart } from "lucide-react";
export function AnimatedIcon() {
return (
<motion.div>
<Heart className="text-white w-6 h-6" />
</motion.div>
);
}
