A beautiful animated icon library

Motion - An animated SVG icon editor | Product Hunt Embed
free animated svg icon editor
free animated svg icon editor

Download Motion for free!

Tell me more...

Hand-drawn and hand-coded

Every single icon has been lovingly crafted for maximum impact and performance.

For designers and developers

It's never been easier. Animated SVG icons that you can plug and play into production!

A growing collection!

New icons constantly added based on feedback. Email or tweet what you want!

Get started for free!

Motion is $0. Motion Pro is only $29/year. All future updates and releases are free!




Free forever!



USD / Year


What is Motion?

A free, simple animated SVG icon editor with a pre-built, premium icon library.


Yes! Within 14 days of buying Motion you have a no-question-asked refund. Just email me at using the email you used to buy Motion.

How do I use Motion?

The app itself doesn't need a tutorial. It's very easy to use. In terms of using the animated SVG icons in your project, that's up to you. You can inline them or add them as assets to your project. Do whatever you like!

What is browser support like?

The icons generated by Motion work in all modern web browsers. This includes Chrome, Safari, Firefox and Edge. Internet Explorer is not supported. In Internet Explorer, the icon will display its first frame and will not animate.

What is technical support like?

Good! Motion is just me so I'll get to you as soon as I can :) I typically respond in a day or two. Email or send me a tweet!

Why create Motion?

I reckon there's a gap in the market. Animated SVG icons just make sense, but they are hard to create. Motion is a utility app really, making it delightfully easy to edit animated SVG icons just the way you like them :)

It's in beta?

Yup. I'm still working on a bunch of things, but there's no reason why you can't use it now! Any feedback you have would be great :)

Team licences/multiple seats/etc?

Not at the moment. 1 licence per user. Team licencing is something I'll add in future depending on demand.

Can I request new icons/features?

Yes! All you need to do is send me an email ( or send me a tweet! I'll endeavour to add it as soon as I can.

What happens if I change computers?

You will need to purchase an additional licence. Licences are limited to one user on one device.

Do I need to provide attribution?

No attribution required. But if you could tell your friends about Motion that would be nice ;)

I still have more questions!

Shoot me an email ( or send me a tweet and I'll respond ASAP.


Hello friend!

My name is Philip and I'm a web designer! I find myself constantly creating new SVG animations with each product and project I work on. Over time, it's hard to keep track of them and hard to re-use them. Quite often, they get created with a specific brand in mind.

So to help with this, I'm just adding all these icons to an app which makes it super easy to edit and adjust for future projects I work on. There's no reason why you can't use these icons too!

SVG and CSS are just the greatest so if you want to have a chat, don't be shy! Shoot me an email ( or let's chat on Twitter!

See ya around! ๐Ÿ‘‹


Get updates! (no spam, ever.)

Download for free!