Skip to main content

Spinner


Examples

Heading
Smaller heading

Inline text 

Example link text 

Icon font

Use in web applications, on buttons, and anywhere you need more than a few icons.

<i class="modus-icons" aria-hidden="true">spinner</i>

SVG sprite

Use for static sites when you only need a few icons.

<svg class="mi" width="1em" height="1em" fill="currentColor">
  <use xlink:href="/transportation-icons.svg#spinner" />
</svg>

SVG code

Use when you don't want any dependency.

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="mi-solid mi-spinner" viewBox="0 0 24 24">
  <path d="M8.555 18.159a1.65 1.65 0 0 1-.494 1.194 1.72 1.72 0 0 1-1.193.494 1.68 1.68 0 0 1-1.235-.494 1.69 1.69 0 0 1 0-2.388 1.68 1.68 0 0 1 1.235-.494 1.72 1.72 0 0 1 1.193.494 1.65 1.65 0 0 1 .494 1.194m5.362 2.414a1.3 1.3 0 0 1-.436 1.03 1.32 1.32 0 0 1-.99.397 1.34 1.34 0 0 1-1.03-.396 1.436 1.436 0 0 1 0-2.061 1.37 1.37 0 0 1 1.03-.436 1.35 1.35 0 0 1 .99.436 1.3 1.3 0 0 1 .436 1.03m-8.101-8.038a1.77 1.77 0 0 1-.545 1.342 1.88 1.88 0 0 1-1.342.587 1.9 1.9 0 0 1-1.384-.587 1.924 1.924 0 0 1 0-2.683 1.9 1.9 0 0 1 1.384-.587 1.88 1.88 0 0 1 1.342.587 1.77 1.77 0 0 1 .545 1.341m13.473 5.63a1.3 1.3 0 0 1-.375.862 1.16 1.16 0 0 1-.825.337 1.2 1.2 0 0 1-.863-.337 1.27 1.27 0 0 1 0-1.726 1.2 1.2 0 0 1 .863-.337 1.16 1.16 0 0 1 .825.337 1.3 1.3 0 0 1 .375.863ZM9.035 6.907a2.13 2.13 0 0 1-.65 1.56 2.24 2.24 0 0 1-1.516.607 2.27 2.27 0 0 1-1.56-.606 2.197 2.197 0 0 1 0-3.12 2.27 2.27 0 0 1 1.56-.607 2.24 2.24 0 0 1 1.516.606 2.13 2.13 0 0 1 .65 1.56m5.908-2.413a2.4 2.4 0 0 1-.726 1.77 2.23 2.23 0 0 1-1.724.725 2.26 2.26 0 0 1-1.769-.726 2.4 2.4 0 0 1-.726-1.769 2.4 2.4 0 0 1 .726-1.77A2.43 2.43 0 0 1 12.494 2a2.4 2.4 0 0 1 1.723.726 2.4 2.4 0 0 1 .726 1.77ZM22 12.485a.96.96 0 0 1-.29.704.88.88 0 0 1-.728.297.85.85 0 0 1-.691-.297.997.997 0 0 1 0-1.407.85.85 0 0 1 .69-.296.88.88 0 0 1 .728.296.96.96 0 0 1 .291.704Zm-3.176-5.579a.7.7 0 0 1-.189.503.67.67 0 0 1-.503.22.7.7 0 0 1-.535-.22.765.765 0 0 1 0-1.006.7.7 0 0 1 .535-.22.67.67 0 0 1 .503.22.7.7 0 0 1 .189.503"/>
</svg>

SVG CSS code

Use for embedding your icons in CSS with no dependency.