Who doesn’t love animated icon? Animated icon will contain the right balance of thoughtful messaging and playfulness and can be a tool to draw the user`s attention to a certain part of the screen. So in this post we`ve put together collection of awesome animated icons that you can use to improve user experience.
Animated icons in Lottie Framework and After Effects for immediate implementation to your apps or websites.
200 Free Animated Icons
Everyone loves pages that pop with personality. Add visual interest to web and mobile user interfaces with our pack of 200 animated icons. Get them in multiple formats–download GIF, JSON (Lottie) and After Effects. These motion graphics are all free for a link, so go ahead and download animations to polish your checkout experience, media interactions, or social sharing.
Animated SVG icons for web projects. You can customize the icon for your project like colors, stroke, and size.
Tasty CSS-animated hamburgers
This is a collection of tasty CSS-animated hamburger icons. Also included is the source as a Sass library. It’s modular and customizable, so cook up your own hamburger.
Animated symbols and buttons packaged for Sass & CSS.
Animated SVG Icons with Snap.svg
With great libraries like Snap.svg the use of SVG assets becomes more easy and today we’d like to explore how to animate SVG icons.
Beautiful, customizable animated GIF icons. Great solution if you don`t want CSS and SVG code to implement.
It is a tiny performant library for cross-browser icon transformation animations in your projects.
Loading icons and small animations built with pure SVG.
Icon Hover Effects
A set of simple round icon hover effects with CSS transitions and animations for your inspiration.
Collection of 12 small, elegant pure css spinners for your website loading animation.
150 Animated SVG Icons
Using SVG Icons on websites is becoming easier, and they are used to make your portal more elegant. These SVG animated icons will help you to represent significant things with simple icons.
These animated SVG SEO icons will bring life to even the most basic pages.
Animated Weather Icons
Weather SVG Animated Icons which you can easily integrate to any project to make it feel more lively.
Animated SVG Social Media Icons
These animated SVG icons are the perfect way to send your customers to your social media.
Animated SVG Icon
Are you looking for some ready svg files? This incredible SVG icon pack has it all.
Great list but you should also add lordicon.com, there have 1000+ free and premium animated icons.
Thanks for sharing the list, I recently discovered https://animatly.io/. Have cool free as well as premium Icons to offer. the animated Illustrations for landingpages, loadingscreens or others are insane!
I search for small Icons in .gif only, in free.
Where are such ?