Awesome Open Source
Awesome Open Source

Animated SVG | Flutter Package

Flutter package for displaying and animating Scalable Vector Graphics 1.1 files. The package has been written solely in Dart language.


animated_svg_gif_1 animated_svg_gif_2



A powerful and fully customizable widget. With this package, you can easily animate SVGs and make your UI look more lovely.

AnimatedSvg widget creates a smooth transition between the two SVGs you are going to assign.




Getting started

Let's take a look at how to implement AnimatedSvg to fastly create cool transition animation between SVGs.

First, add the following line to pubspec.yaml:

animated_svg: ^1.1.2

Second, import AnimatedSvg:

import 'package:animated_svg/animated_svg.dart';
import 'package:animated_svg/animated_svgcontroller.dart';


Basic usage example:


// Define an SvgController
late final SvgController controller;

void initState() {
    // Initialize SvgController
    controller = AnimatedSvgController();

void dispose() {
    // Dispose SvgController

Widget build(BuildContext context) {
    // Call the AnimatedSvg widget anywhere in your widget tree.
    return AnimatedSvg(
        controller: controller,
        duration: const Duration(milliseconds: 600),
        onTap: () {},
        size: 80,
        clockwise: false,
        isActive: true,
        children: [



More examples can be found in /example folder on GitHub.

Media Player - an example of basic implementation of AnimatedSvg. Simple project that simulates a media player. As usual, the player needs play and pause buttons. Thanks to the AnimatedSvg package, it is so easy to create a smooth transition between play and pause SVGs.


Additional information

This package has been written solely in Dart Language yet it has the flutter_svg as a dependency.

For more information please visit GitHub.


Feature requests and bugs

Please file feature requests and bugs at the issue tracker.



Get A Weekly Email With Trending Projects For These Topics
No Spam. Unsubscribe easily at any time.
Dart (62,107
Web (37,759
Flutter (32,025
Svg Animations (171
Animated Vector Drawables (21
Animated Svg (5