Loading Icon

Free SVG icon from the VS Code Codicons collection. Download or copy for use in any project.

Collection

VS Code Codicons

Format

SVG, Font (WOFF2), npm, PNG

License

CC BY 4.0 - Free for commercial use

Tags

loading spinner wait progress sync

The Loading icon is commonly used in loading states, skeleton screens and async content. Available as a free SVG - copy the code or download directly.

<img src="https://proicons.com/icon/307279.svg" alt="Loading icon" width="24" height="24">

<img src="https://proicons.com/icon/307279.svg" alt="Loading icon" width={24} height={24} />

<img
  src="https://proicons.com/icon/307279.svg"
  alt="Loading icon"
  :width="24"
  :height="24"
/>

.icon-loading {
  background-image: url('https://proicons.com/icon/307279.svg');
  background-size: contain;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  display: inline-block;
}

<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M13.5 8.5C13.224 8.5 13 8.276 13 8C13 5.243 10.757 3 8 3C5.243 3 3 5.243 3 8C3 8.276 2.776 8.5 2.5 8.5C2.224 8.5 2 8.276 2 8C2 4.691 4.691 2 8 2C11.309 2 14 4.691 14 8C14 8.276 13.776 8.5 13.5 8.5Z"/></svg>