Made for the Community
Access 100+ Free Animated Icons
This is a free personal project designed for the creative community, featuring 100+ animated icons made with Lottie. It will always remain free, but your support through donations would greatly help sustain the service and expand the icon pack.
Explore Icons Now
PNG
The most popular bitmap image format supporting transparency.
SVG
SVG vector format allows you to customize the icon as you like.
JSON, Lottie
SVG-based formats designed for animated vector icons.
Add Icons to Figma Faster
The Ecco Icon plugin for Figma is now available. You can quickly add static versions of icons to your designs in Figma for free.
Get the Plugin
Animated Icons In Your Projects
Discover how to seamlessly incorporate these animated icons into any of your projects—whether it’s a website, an Android app, or an iPhone app. Effortlessly integrate SVG-based animations with ease.
How It WorksSimplify Your Development With the React Ecco Library
If you want to use the non-animated version of the icons in your React project, you don't need to download and import each one separately. Simply use the React Ecco Icon library.
npm install react-ecco-staticyarn add react-ecco-static
Do You Have a Question?
Frequently Asked Questions
Explore answers to frequently asked questions about the Ecco Icon Pack, including usage guidelines and licensing details.
Is It Really Free?
Yes! This icon pack is completely free and will always remain free under the Creative Commons Attribution 4.0 International (CC BY 4.0) License. I created this project for the community. However, your donations can help me grow and maintain the pack. If you'd like to support, feel free to contribute.
Is It Difficult to Use?
Not at all! Lottie handles everything for you. Just follow the straightforward documentation provided by Lottie to integrate it into your projects effortlessly.
Can It Be Made Interactive?
Yes! With Lottie, you can divide the animation into segments and add interactivity such as hover effects, clicks, and more.
Can I Change the Color of an Icon?
Yes, you can! Every icon comes with an .aep file, allowing you to edit every detail, including its color. You can find a detailed guide on changing icon colors on the 'How to Use' page.
What If I Need an Icon That's Missing?
Just let me know! I'm always working on expanding Ecco Icon, and your icon suggestions are always welcome. Feel free to contact me at hi@sajjaddashti.ir.
