claudioc / spinner.svg

Resizable AJAX Spinner Made With Scalable Vector Graphics (SVG)

SVG Spinner

If you need spinners of different sizes in your project, you no longer need multiple GIFs or to conduct crazy CSS experiments, use SVG spinner instead.

Usage

button {
  background: url(images/spinner.svg);
  background-size: 20px;
}

Compatibility (minimum browser version)

• IE 9.0
• Firefox 4.0
• Chrome 5.0
• Safari 5.0
• Opera 10.5
• iOS 4.0 (may be buggy)
• Android 3.0
• Blackberry 7.0
• Opera Mobile 10.0
• Chrome for Android 18.0
• Firefox for Android 15.0

Details: background-size, SVG in CSS backgrounds.