Question 1

What is SVG Spinners?

Accepted Answer

SVG Spinners is a collection of animated loading spinners in pure SVG. Lightweight, scalable, with CSS animations built-in - perfect for loading states in React, Next.js, and any web project.

Question 2

How many spinners are in SVG Spinners?

Accepted Answer

SVG Spinners contains 46 free animated spinners including dots, bars, rings, pulses, and more. Each spinner has smooth CSS animations embedded directly in the SVG.

Question 3

How do I use SVG Spinners in React or Next.js?

Accepted Answer

Copy the SVG code directly from this page. Animations are embedded - they work immediately with no additional CSS or JavaScript needed.

Question 4

Can I customize spinner colors?

Accepted Answer

Yes! Spinners use currentColor by default, so they inherit text color. Use our customization panel to set specific colors, sizes, and opacity.

Question 5

What sizes work best for spinners?

Accepted Answer

Designed on 24x24 grid but scale perfectly. Use 16px inline, 24-32px for buttons, 48px+ for full-page loaders. SVG scales infinitely without quality loss.

Question 6

What download formats are available?

Accepted Answer

Download animated SVG, or static PNG/ICO/WebP/JPEG (animation not preserved in raster formats). Data URL also available for inline embedding.

Question 7

Can I use these spinners in Figma?

Accepted Answer

You can import the SVG into Figma, but animations won't play. Great for static mockups showing loading states.

Question 8

Is SVG Spinners free for commercial use?

Accepted Answer

Yes! SVG Spinners uses the MIT License, allowing free use in personal and commercial projects. Note: Licensing varies by icon library.

Question 9

Can I modify these spinners?

Accepted Answer

Yes, the MIT License allows full modification. Adjust colors, speeds, and animations to fit your design needs.

SVG Spinners Icons for React

SVG Spinners FAQ