Motion

Motion

An animated SVG icon editor

7 followers

Motion is an animated icon editor! It let's you quickly find an icon you like, made some tweaks and adjustments and plug it into whatever project you are working on! There are hundreds of icons to use and it's free!
Motion gallery image
Motion gallery image
Launch Team
Checkmarx Developer Assist for AI IDEs
Security linter for vibe coding: fix vulns as you build
Promoted

What do you think? …

Philip Ardeljan
There's a gap in the market. We need more performant, delightful animated SVGs, but they are hard to make! Motion tries to solve this by having a large (and growing!) collection of high quality, hand drawn and coded icons that you can plug and play into production. And best of all, it's free! :D I'd love to hear any feedback and thoughts you all have! Let's chat!
David Chang
This is dope!
Daniel McFarland
Any plans to allow animating SVGs imported into the app?
Philip Ardeljan
@daniel_mcfarland This is a tricky one. Each animation in Motion is following a very specific set of rules, naming conventions and technical requirements. In order to add your own, it's quite likely you'll have to make some major adjustments to the CSS/SVG code and the animation itself. So if I add this, it will likely be a stringent, step-by-step wizard. And that's just to get your own icons working in your copy of Motion. Ideally, if you add an icon, everyone that uses Motion has access to it, to help build a community and ensure everyone benefits! So in that scenario a wizard is vital to ensure all icons are lightweight, performant and accessible. Long answer: No plans in the short/medium term. But I'd still love to do this :) Hope this helps.
Kristian Gerardsson
Super cool! :D
Patrik Winter
Its quick and easy to use!!
Felipe Otálora
I like this very much, I had used SVGator but it felt too complex
Mahdi Rahmani
so useful :)
12
Next
Last