Loader Pixel Art Icon
A loader spinner icon for loading states, async operations, 'Please wait' indicators, and background task progress.
Style variants
base
Outline ยท rounded corners
Base, sharp, solid or glyph: see how the four styles differ and which to use.
About the Loader icon
A spinner or circular loader, representing an ongoing asynchronous operation where the completion time is unknown. Use it to indicate that content is loading, a form submission is processing, a background task is running, or a server response is pending. It should appear only while the operation is active and disappear when it completes or errors. For a determinate progress bar where the percentage is known, a progress bar component is more informative than the indeterminate loader.
Usage
<!-- HTML -->
<img src="pixelarticons/svg/loader.svg" width="24" height="24" alt="Loader" />
<!-- React -->
import { Loader } from 'pixelarticons/react'
<!-- Sizes: 24px, 48px, 72px, 96px (multiples of 24) -->
<img src="loader.svg" width="48" height="48" style="image-rendering: pixelated" />