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.