Animated icons with Flutter

icon_animated

Flutter animated icons

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.

GitHub

View Github