Loading black filled icon
Solid rounded capsule bar set on a diagonal, used as a loading or progress marker
Related tags
About the Loading black filled icon
A single rounded bar set on a diagonal, filled solid with softly capped ends, standing in for a loading or progress state. Stripped of detail, it works as a generic busy marker or as one segment of a larger indicator. Use it in app splash screens, buffering overlays, skeleton placeholders for text, download managers, or animated spinner sequences.
The capsule is uniformly thick with fully rounded caps, so it rotates cleanly around its center in a CSS or Lottie animation. Duplicate and rotate it to build a radial spinner, or pair it with progress ring and download icons. Keep it above 16px.
This is the solid black filled version of the loading icon: a bold silhouette that reads clearly at 16-24 px and on dark or busy backgrounds, and prints well in one colour.
Download it free as a scalable SVG vector or transparent-background PNG in seven sizes (16 to 512px), copy the SVG code straight into your project, or open it in the free online editor to change colors, apply gold, silver, neon and gradient styles, animate it, or convert it to EPS, PDF and DXF.
Free for personal and commercial use with attribution.
