# Loading icon

A free loading icon in SVG, also found under spinner, wait and progress. Set the stroke weight and the corners, then copy the code or download the file.

- Name: loading
- Category: [Status and security](https://icons.evanpizzolato.com/categories/status/)
- Also found under: spinner, wait, progress, busy, pending
- Page: https://icons.evanpizzolato.com/icons/loading/
- SVG file: https://icons.evanpizzolato.com/svg/loading.svg
- CDN: https://cdn.jsdelivr.net/gh/evanpizzolato/quick-start-icons/src/loading.svg
- License: MIT. Free for personal and commercial use. Attribution is not required.

## SVG

This is the file Copy gives you at the site defaults: square corners and a stroke weight of 1.25.

```svg
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="24" height="24" fill="none"
     stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="miter">
  <path d="M16 5v6"/>
  <path d="M16 21v6"/>
  <path d="M5 16h6"/>
  <path d="M21 16h6"/>
  <path d="m8.2 8.2 4.3 4.3"/>
  <path d="m19.5 19.5 4.3 4.3"/>
  <path d="m23.8 8.2-4.3 4.3"/>
  <path d="m12.5 19.5-4.3 4.3"/>
</svg>
```

## Use it from a CDN

The CDN file is the authored source: rounded corners, a stroke weight of 2, and no width or height. An image tag draws it in black, so paste the markup inline to color it with CSS.

```html
<img src="https://cdn.jsdelivr.net/gh/evanpizzolato/quick-start-icons/src/loading.svg" width="24" height="24" alt="">
```

## Related icons

- [alert-octagon](https://icons.evanpizzolato.com/icons/alert-octagon.md)
- [check-circle](https://icons.evanpizzolato.com/icons/check-circle.md)
- [eye-off](https://icons.evanpizzolato.com/icons/eye-off.md)
- [eye-open](https://icons.evanpizzolato.com/icons/eye-open.md)
- [flag](https://icons.evanpizzolato.com/icons/flag.md)
- [help-circle](https://icons.evanpizzolato.com/icons/help-circle.md)
- [information](https://icons.evanpizzolato.com/icons/information.md)
- [key](https://icons.evanpizzolato.com/icons/key.md)