Used by designers at
Have you always avoided vector animation? Maybe because icons are difficult to animate? Well not any longer!
At the core of Loaf is the amazing range of icons. And we're just getting started! The mission is to have enough icons that Loaf will always have the icon you need.
Instant search wasn't enough, Loaf has an intelligent tagging system which makes it super easy to find the icon you want.
No pixel has been left unturned. Using Loaf is a breeze and anyone can learn how to use it within seconds!
Every single icon has
prefers-reduced-motion: reduce built-in which removes the animation but not the icon.
Rather than manually drawing and animating SVGs by hand, find the
icon you want and customise it to your liking.
The user interface of Loaf is focused on bringing the best aspects of SVG to light. With only a few controls, you can create any icon that will suit your brand.
New shadow icon style!
Line. Block. Single tone. Duo tone. There are millions of colour combinations to choose from.
Making Loaf icons your own requires only your imagination (or maybe your brand palette!)
Instantly place the current SVG icon into your clipboard with one click. Then paste it into your favourite code editor (emacs I'm sure) and it really is that seamless.
I can't stand lag. And that's why every time I sense a delay, optimisations are prioritised. And that's just the app!
Every SVG path and line of CSS has been hand drawn and hand written to minimise unnecessary rendering and browser memory usage.
This is greatAnonymous
At last! Someone thought (and did) it! ❤️🙏avetisk
Much love and respect Philip. The web needs people like you.Snd
I used a lot of your icons and it's fantasticMatthieu V
Love your new app!Anonymous
Hey. Your project is awesome. Looking forward to see more icons on it ! :)Dedeeey
Crazy amount of work in there, seriously good job. It works great, all very quick and smooth.luis
a beautiful site and love the tool!Brian C
Great blog and amazing app. Keep it up!Adriaan R
Finally got to use this in a project, they were great. Thanks for the awesome work.Jahred H
It's been really helpful for me to help make my webpages and apps look stunning!Tim K
It's an awesome program.Anonymous
Think you're definitely hitting a gap with animated SVG icons.. couldn't find any for the life of me until I saw you on PH. This is greatAnonymous
Thank you very much for your time and for creating this nice tool.Andrew E
Nice work on the animated svg app! I've been wondering why more of these don't exist. :)Kamil S
Just playing around with this today and it is awesome :) - thanks for your work! Keep it up.Derek L
Thank you for making this cool software!Anonymous
This is dope!David C
Super cool! :DKristian G
Its quick and easy to use!!Paul W
so useful :)Mahdi R
This is really cool! I'm obsessed with animated SVG right now... 🔥Dustin M
THX for the great work!Vitus P
This is really cool!David K
This looks awesome. Great work!Neil
It's clean and really simple to use.Byron W
Start using Loaf today for free! Upgrade to access the entire icon set! Both plans include:
An animated SVG icon editor with an inbuilt premium icon library.
Yes! You have a 14 day, no-question-asked refund. Just email me at email@example.com using the email you used to purchase Loaf.
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!
Not at the moment. 1 licence per user. Team licencing is something I'll add in future depending on demand.
Good! Loaf is just me so I'll get to you as soon as I can :) I typically respond in a day or two. Email firstname.lastname@example.org or send me a tweet!
I reckon there's a gap in the market. Animated SVG icons just make sense, but they are hard to create. Loaf is a utility app really, making it delightfully easy to edit animated SVG icons just the way you like them :)
The icons generated by Loaf 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.
Send me an email (email@example.com) using the email you used to buy your licence and I can help you out.
No attribution required. But if you could tell your friends about Loaf that would be nice ;)
It's for the icon editor alone. You can use the icons in personal and commercial projects as much as you like. You can not sell or redistribute the icons.
Shoot me an email (firstname.lastname@example.org) or send me a tweet and I'll respond ASAP.
An icon designer in
his natural habitat 😀
My name is Philip. I'm a web designer and Loaf is my passion project!
For over a year I've been hard at work creating hundreds of premium animated icons and a tool that lets you easily customise them.
In the hands of a good web designer, animation is a powerful tool that can really elevate the projects you are working on. This is exactly what Loaf is for. It's an app which makes it super easy to edit and adjust animated SVG icons.
SVG and CSS are just the greatest so if you want to have a chat, don't be shy! Shoot me an email (email@example.com) or let's chat on Twitter!
See ya around! 👋