Loaf is focused on one thing: making it insanely easy to integrate animated SVG icons into your web projects.
All icons in Loaf have been hand drawn and hand coded. Every single path and line of CSS is deliberate. The focus on performance is the priority. Accessibility is a first class citizen. The user experience makes it impossibly simple to pick up. It's never been easier to plug and play animated SVG icons into production! New icons constantly added based on feedback.
🍞 Doing less, but better
🍞 Performance as a feature (average icon size is 2KB!)
🍞 Open formats
🍞 A sustainable business model
🍞 Ongoing development and support
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
An animated SVG icon editor with an inbuilt premium icon library.
Yes! You have a cancel-at-anytime, 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.
Yes! All you need to do is send me an email (email@example.com) or send me a tweet! I'll endeavour to add it as soon as I can.
Send me an email (firstname.lastname@example.org) 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 ;)
Shoot me an email (email@example.com) or send me a tweet and I'll respond ASAP.
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 (firstname.lastname@example.org) or let's chat on Twitter!
See ya around! 👋