- Icon Monks
- Topics
- Animation icons
Animation icons
22 free animation icons, each drawn in thin, light, regular, bold, fill and duotone on the same 256-unit grid. Most come from the design (16) and brands (3) sets, starting with animation, ease in and ease out.
Open in the icon browserSwitch weights, change color and download PNG, WebP or PDF.
animation
ease-in
ease-out
keyframe
keyframes
maya-logo
rive-logo
reduce-motion
transition-top
transition-left
lottiefiles-logo
transition-right
transition-bottom
file-gif
badge-gif
ease-in-out
keyframe-plus
keyframe-minus
keyframe-align-center
keyframe-align-vertical
keyframe-align-horizontal
ease-in-out-control-points
Related topics
- diamond icons 17
- align icons 56
- image icons 51
- 3d icons 34
- accessibility icons 12
- badge icons 59
- file type icons 47
- settings icons 43
Categories with animation icons
Frequently asked questions
Are these animation icons free?
Yes. All 22 animation icons are free for personal and commercial use under the MIT license, with no sign-up and no credit needed in your interface. Brand logos remain trademarks of their owners, so follow each brand's guidelines.
Can I download the animation icons as SVG and PNG?
Yes. Open any icon to download it as SVG in six weights, or open it in the icon browser to pick a size and color and export PNG, WebP or PDF.
How do I use animation icons in React or Flutter?
Install the package for your platform and import the icon by name, for example Animation from @icon-monks/react or IconMonks.animation in Flutter. Each icon page has copy-ready code for every platform.
Last updated with version 0.4.3. Release notes