Lottie
Animated Icons for Flutter
Flutter supports Lottie animations natively via the lottie package on pub.dev. Add the package to your pubspec.yaml, drop your downloaded JSON into the assets folder, and use the Lottie.asset widget — just like Image.asset but animated. The controller API lets you play, pause, and seek to any frame programmatically.
Quick start
1
Install lottie
# pubspec.yaml
dependencies:
lottie: ^3.1.02
Add the animation
import 'package:lottie/lottie.dart';
// In your widget build method:
Lottie.asset(
'assets/your_icon.json',
width: 64,
height: 64,
fit: BoxFit.fill,
)Browse by category
Animated icons across 22 categories, all available in Lottie format.
Communication iconsBusiness & legal iconsArrows iconsEnergy iconsEmoji iconsFilm & video iconsGraphs iconsFood & drinks iconsE commerce iconsDate & time iconsCelebration iconsHealth iconsLoaders iconsMaps & location iconsScience & Education iconsProgramming iconsMusic & audio iconsTravel iconsMarketing iconsTransport iconsWeather iconsUi icons