Loading, spinner and progress icons SVG
Search term: 加载、转圈、循环、spinner、进度 — every asset is free to download as SVG or convert to PNG
There are two kinds of loading indicator: indeterminate (a spinner or hourglass, when you do not know how long) and determinate (a ring or bar, when you do). Static SVG is right for skeleton screens and placeholders; for a spinning ring, add one CSS animation rather than shipping a dozen pre-rendered frames.
Where to use it
- Page and section loading: skeleton blocks, shimmer placeholders
- Button loading: inline spinner that replaces the button label
- Upload and export: determinate ring with a percentage
- Long tasks: stepper with per-step status
Picking and recolouring
Do not show a spinner for requests that finish under ~200ms — it flashes and feels broken. For anything expected to take longer than ~1s, show a skeleton instead of a spinner: it communicates the shape of what is coming and reduces perceived wait.
This page picks 48 assets by theme from the library. Each one opens a detail page where you can download the SVG, copy the markup, or export a PNG. Licence and source are stated on each asset page.
Search “loading” on the site → · All 场景s → · Browse by library →
Loading, spinner and progress icons SVG · 48 assets
