Skip to content

Instantly share code, notes, and snippets.

@davebalmer
Forked from kentbrew/spinner.svg
Created February 3, 2017 00:48
Show Gist options
  • Save davebalmer/3d01a39df293e06869086bb048b8b1e9 to your computer and use it in GitHub Desktop.
Save davebalmer/3d01a39df293e06869086bb048b8b1e9 to your computer and use it in GitHub Desktop.
An animated SVG, suitable for use as a progress indicator.
Display the source blob
Display the rendered blob
Raw
<svg
version="1.1"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
height="320"
width="320"
viewBox="0 0 16 16"
xml:space="preserve" >
<path fill="#000"
d="M 8, 0
A .5, .5, 0, 0, 0, 8, 1
A 6, 7, 0, 0, 1, 14, 8
A 6, 6, 0, 0, 1, 8, 14
A 5, 6, 0, 0, 1, 3, 8
A 1, 1, 0, 0, 0, 0, 8
A 8, 8, 0, 0, 0, 8, 16
A 8, 8, 0, 0, 0, 16, 8
A 8, 8, 0, 0, 0, 8, 0
Z"
>
<animateTransform
attributeType="xml"
attributeName="transform"
type="rotate"
from="0 8 8"
to="360 8 8"
dur=".6s"
repeatCount="indefinite" />
</path>
</svg>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment