Static icons are a solved problem. Animated ones aren't.
Animated icons make an interface feel alive, but getting one usually means a motion tool, an export plugin and a round of cleanup - or settling for a GIF. For a 24px icon, that's too much work, so most products ship static ones.
- Product designers who want micro-interactions without opening a motion tool
- Developers who need a clean animated SVG they can drop straight into a build
- Anyone already using Lucide who wants their icons to move
Motion is one of our dedicated disciplines - our motion team makes launch and product videos for client brands. MotionIcons takes that craft down to the smallest element in an interface and puts it in anyone's hands.
Pick an icon, shape the motion, export the SVG.
The full Lucide set - 1,700+ icons - in a searchable panel. Pick one and it animates on the canvas immediately.
Default, Reverse and Yoyo modes, loop, animate in and animate out, speed, and 19 easing curves from linear through power, circ and back.
Solid or gradient stroke, stroke opacity and thickness, stroke length, background colour, rotation, stretch and curve width - every change previews live.
Download production-ready SVG at any size, with one-click presets for 16, 24 and 32px. Ten animated exports a day are free; a one-time $9 unlocks unlimited exports forever.
A single-purpose tool, built to stay out of the way.
- Frontend - Next.js, deployed on Vercel
- Icons - the open-source Lucide library
- Motion - timeline easing curves, exported as animated SVG
- One canvas and two panels - the icon is always the centre of the screen
- No sign-up to start: ten free exports a day, so people can use it before deciding to pay
- A one-time $9 instead of a subscription, for a tool people reach for occasionally
- Built on Lucide, so the animated icons match the static set many products already use
What is MotionIcons?
MotionIcons is an animated SVG icon studio. You pick from 1,700+ Lucide icons, adjust the animation and style, and export production-ready animated SVG.
Who built MotionIcons?
MotionIcons is an Elysium Designs venture - designed, built and run in production by the same product, brand and motion team that works on client projects.
How much does MotionIcons cost?
You get 10 free animated icon downloads every day with no sign-up. A one-time $9 payment unlocks unlimited exports forever.
Which icons does MotionIcons support?
MotionIcons uses the open-source Lucide icon library, with 1,700+ icons available to animate.
Can Elysium Designs build a product like MotionIcons for my company?
Yes. MotionIcons was designed and engineered by the same team that takes on client product work, from product strategy and UI/UX through to a shipped build. Share your brief at elysiumdesigns.in/contact.
