The Lucide loader circle icon depicts a circular progress indicator, commonly used to signify that a process is underway and the user should wait.
Common uses
- Displaying during data fetching
- Indicating background task progress
- Showing when a form is submitting
Use it in React
Install
npm i lucide-reactImport & render
import { LoaderCircle } from 'lucide-react';
<LoaderCircle size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- loadingwaitbusyprogressspinnerspinningthrobbercircleloaderloading spinnerprogress indicatorbusy icon
FAQ
- What is the loader circle icon used for?
- It visually communicates that an action is processing and the system is busy. This helps manage user expectations during loading or submission states.
- How do I use the loader circle icon in React?
- You can import and use it directly from the 'lucide-react' library like this: import { LoaderCircle } from 'lucide-react'.
- What is the license for the Lucide loader circle icon?
- The Lucide icon library, including the loader circle icon, is available under the ISC license.
Related icons
The same idea in other libraries, and near matches in Lucide.
Looking for something else? Search Lucide and 4 more libraries by description →
The search behind these pages runs as a Claude Code skill. What skills are and how I ship them →