the logo for Loaf which is actually a loaf of bread with a smiley face on it

Loaf

Animated SVG icons that you'll love to use!

Loaf takes the hassle out of manually creating animated SVG icons.

an image showing the product of Loaf which is a tool for animated icons



Used by thousands of designers, developers and makers

a logo grid showing different companies which use Loaf



For designers & developers

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.

What Loaf is about

🍞 Simplicity

🍞 Doing less, but better

🍞 Performance as a feature

🍞 Open formats

🍞 A sustainable business model

🍞 Ongoing development and support







Share the Loaf!

This is great

Anonymous

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 fantastic

Matthieu 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 great

Anonymous

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! :D

Kristian 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








Pricing

Start for free. Pay for full access!




Free

$0

256 animations



Pro (All prices in USD)

$9/month

941 animations


$97/year (save 10%)

941 animations


















Frequently asked questions

What is Loaf?

An animated SVG icon editor with an inbuilt premium icon library.

Refunds?

Yes! You have a 14 day, no-question-asked refund. Just email me at hello@getloaf.io using the email you used to purchase Loaf.

How do I use 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!

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.

What is technical support like?

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 hello@getloaf.io or send me a tweet!

Why create Loaf?

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 :)

What is browser support like?

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.

What happens if I change computers?

Send me an email (hello@getloaf.io) using the email you used to buy your licence and I can help you out.

Do I need to provide attribution?

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

What is the licence?

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.

I have more questions!

Shoot me an email (hello@getloaf.io) or send me a tweet and I'll respond ASAP.









About

Hello friend!

My name is Philip. I'm a web designer and Loaf is my passion project!

For years, 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 X!

See ya around! 👋

Philip





Blog

Read about SVG, CSS and design!

X / Twitter

If you're into
tweeting, say hi!

Email

hello@getloaf.io



Get updates! (no spam, ever.)





Pricing Blog X (Twitter) Email: hello@getloaf.io Terms Privacy