Press ESC to close

Flutter App : Animated icons with Flutter

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.

GitHub

View Github

Footer Example