Skip to content

khlebobul/not_static_icons

not_static_icons | animated icons for Flutter

LICENCE - MIT pub package

Seamlessly animated Flutter icons — no Rive or Lottie required. Made with Lucide icons inspired by pqoqubbw/icons.

Features

  • 150+ Animated Icons: Based on popular Lucide icon set
  • Interactive Animations: Hover and touch effects
  • Customizable: Size, color, animation duration, stroke width

Usage

Basic Usage

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      home: Scaffold(
        body: Center(
          child: Column(
            mainAxisAlignment: MainAxisAlignment.center,
            children: [
              // Simple icon usage
              AirplayIcon(),
              SizedBox(height: 20),

              // Customized icon
              AArrowDownIcon(
                size: 45,
                color: Colors.blue,
                animationDuration: Duration(milliseconds: 800),
                strokeWidth: 3.0,
                hoverColor: Colors.red,
                enableTouchInteraction: true,
                infiniteLoop: false,
                reverseOnExit: false,
              ),
            ],
          ),
        ),
      ),
    );
  }
}

Advanced Configuration

ActivityIcon(
  size: 48.0, // Icon size
  color: Colors.black87, // Default color
  hoverColor: Colors.blue, // Hover color
  animationDuration: Duration(milliseconds: 600), // Animation duration
  strokeWidth: 2.0, // Stroke width
  reverseOnExit: true, // Reverse animation on exit
  enableTouchInteraction: true, // Enable touch interaction
  infiniteLoop: false, // Enable infinite loop
)

Available Icons

Web demo MEDIUM ARTICLE

Animation Types

Each icon has its own unique animation:

  • Rotation: Icons rotate around their center
  • Scale: Icons scale up/down
  • Path Drawing: Icons draw their paths progressively
  • Morphing: Icons transform between states

Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

CONTRIBUTING.md CODE_OF_CONDUCT.md ICON_CHECKLIST.md

Project support

Support - Stars Support - YooMoney

Contacts

@khlebobul Email - khlebobul@gmail.com @khlebobul Personal - Website

License

LICENCE - MIT

Credits

Icons based on Lucide Icons inspired by pqoqubbw/icons