I Built a Collection of 100+ Open-Source SVG Spinners

Link: https://magecdn.com/tools/svg-loaders
Github: https://github.com/shubhamjain/svg-spinners

There’s been a lot of great work done with CSS spinners by developers like Afif13 and Vineeth TRV. However, I’m personally not a fan of using CSS for this purpose.

Why?

1. It complicates component creation.
2. It clutters your stylesheets.
3. It makes using spinners as backgrounds or images impossible.
4. Scaling and changing colors are more cumbersome compared to simply tweaking the fill or stroke color in SVG.

SVG-based loaders offer a far more elegant solution. I’ve taken the time to gather spinners from various repositories and Codepens to create a centralized resource. So far, it's 108 spinners. I plan to keep adding.

GIF

All spinners are MIT-Licensed, meaning you can use them commercially without any restrictions or the need for attribution.

Enjoy!

Comments

[Himanshu Sorathiya]

Wow, just amazing collection. THANKS for sharing