icon_animated

Flutter animated icons

Flutter

Icon lists

  • check
  • fail
  • alert
  • trendingUp
  • trendingDown
  • search
  • message
  • plus
  • download
  • menu
  • bluetooth

⚡ Installation

dependencies:
  animated_icons: ^<latest_version>

📷 GIF

💪 Use

  1. Set animation
class _FooClassState extends State<FooClass> with SingleTickerProviderStateMixin {

  late AnimationController _animationController;
  late Animation<double> _animation;

  @override
  void initState()  {
    _animationController = AnimationController(vsync: this, duration: const Duration(milliseconds: 700));
    _animation = Tween<double>(begin: 0, end: 1).animate(CurvedAnimation(parent: _animationController, curve: Curves.easeInOutCirc));
    super.initState();
  }

  void _showIcon() {
    _animationController.forward();
  }
  
  ...
  1. add widget
IconAnimated(
  color: Colors.green,
  progress: _animation,
  size: 100,
  iconType: IconType.check,
),
  1. trigger widget animation
_showIcon()

/// If you want to do the reverse
/// do this
/// _animationController.reverse();

📋Notice

This package can be used for commercial purposes. We're going to add a new icon every update. If you need any icons, send png or svg icon to eomky2005@gmail.com via email or Git Issue.

Libraries

animated_icons
widgets/icon_animated