Are these loader SVGs animated?

These are SVG elements, not built-in animations. You can copy the code to use in your own interface.

Can I change a loader’s colour?

Yes. You can recolour it on the page. Icons use currentColor, so they also take the colour of the surrounding text.

Can I use a free loader in a commercial project?

Free accounts can use free items for personal projects. Pro and Max accounts get a commercial licence for items they download.

Free loader SVG elements

22 SVGs

Search the library

Find free loader SVG elements for interfaces that need to show a wait or a task in progress. Look for familiar shapes such as spinners, progress rings, loading bars and dots. Use them in loading screens, upload states, buttons and places where content has not appeared yet. These are SVG elements, not built-in animations.

Each element is real SVG code made by AMNT’s own models and checked before publication. Recolour an element, change its stroke width, size, opacity or rotation, then copy the SVG code. You can also export CSS, PNG, WebP, JPG, a React component or a data URI. Free items are available for personal projects with a free account.

loading progress wait dots activity bar waiting transfer arrow time refresh striped

Packs

Sets drawn in one style.

Loaders elements, flat

22 SVGs · Free 15 · Premium 7

Not what you need?

Describe it: the SVG studio opens with this style filled in.

More elements

Questions

Are these loader SVGs animated?: These are SVG elements, not built-in animations. You can copy the code to use in your own interface.
Can I change a loader’s colour?: Yes. You can recolour it on the page. Icons use currentColor, so they also take the colour of the surrounding text.
Can I use a free loader in a commercial project?: Free accounts can use free items for personal projects. Pro and Max accounts get a commercial licence for items they download.