Loaf is a huge range of SVG animations. The goal is to have enough icons that Loaf will always have what you need.
Loaf has an intelligent tagging system which makes it super easy to find the exactly icon you need.
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.
Instantly copy 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.
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!)
This is great
AnonymousAt last! Someone thought (and did) it! โค๏ธ๐
avetiskMuch love and respect Philip. The web needs people like you.
SndI used a lot of your icons and it's fantastic
Matthieu VLove your new app!
AnonymousHey. Your project is awesome. Looking forward to see more icons on it ! :)
DedeeeyCrazy amount of work in there, seriously good job. It works great, all very quick and smooth.
luisa beautiful site and love the tool!
Brian CGreat blog and amazing app. Keep it up!
Adriaan RFinally got to use this in a project, they were great. Thanks for the awesome work.
Jahred HIt's been really helpful for me to help make my webpages and apps look stunning!
Tim KIt's an awesome program.
AnonymousThink 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 great
AnonymousThank you very much for your time and for creating this nice tool.
Andrew ENice work on the animated svg app! I've been wondering why more of these don't exist. :)
Kamil SJust playing around with this today and it is awesome :) - thanks for your work! Keep it up.
Derek LThank you for making this cool software!
AnonymousThis is dope!
David CSuper cool! :D
Kristian GIts quick and easy to use!!
Paul Wso useful :)
Mahdi RThis is really cool! I'm obsessed with animated SVG right now... ๐ฅ
Dustin MTHX for the great work!
Vitus PThis is really cool!
David KThis looks awesome. Great work!
NeilIt's clean and really simple to use.
Byron WAn 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 (hello@getloaf.io) or let's chat on Twitter!
See ya around! ๐
Philip