The Lucide loader icon visually represents an ongoing process, commonly used to indicate that content is loading or an action is being processed.
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 { Loader } from 'lucide-react';
<Loader size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- loadingwaitbusyprogressspinnerspinningthrobberloaderloading indicatorprogress indicatorbusy icon
FAQ
- What is the purpose of the loader icon?
- It signifies that an operation is in progress and the user should wait. This is crucial for providing feedback during loading or processing times.
- How do I use the loader icon in React?
- You can import it from 'lucide-react' and use it as a component: import { Loader } from 'lucide-react'.
- What is the license for the Lucide loader icon?
- The Lucide icon library, including the loader 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 →