Free motion icons
593 free motion icons and animated SVG icons by Signaturesi. Each icon acts out its meaning on hover: the gear turns, the bell rings, the trash lid opens. Copy animated SVG in one click, pure CSS, no Lottie, free for commercial use.
Why UAsset motion icons
Most free animated icon packs give every icon the same bounce or spin. UAsset moves the right part of each icon: a camera shutter closes, an envelope flap opens, a wifi signal pulses outward, a cricket bat swings. The animation lives inside the SVG as scoped CSS keyframes, so you paste one file and it just works in HTML, React, Vue, Next.js, Webflow or WordPress. Hover any icon above to preview.
Frequently asked questions
Are UAsset motion icons really free?
Yes. Every UAsset icon, including the animated motion icons, is free for personal and commercial projects. No sign-up and no attribution required.
What makes these motion icons different?
Each icon acts out its own meaning instead of a generic bounce: the gear turns, the trash lid opens, the bell rings, the download arrow drops into its tray, the clock hands sweep.
How do I use an animated icon on my website?
Click Copy animated SVG and paste it into your HTML, React, Vue or Webflow project. The animation is pure CSS inside the SVG, so there is no Lottie, JavaScript or extra library.
Do they respect reduced motion?
Yes. Every animated SVG stops moving when the visitor has prefers-reduced-motion turned on.
What format and size are the icons?
SVG on a 24 x 24 grid with a 2px stroke and round caps, so they scale sharply at any size and inherit your text color through currentColor.