The Lucide list todo icon depicts a checklist with items marked as completed, commonly used to represent tasks, to-do lists, or progress tracking in user interfaces.
Common uses
- To-do list component
- Task management feature
- Progress indicator
Use it in React
Install
npm i lucide-reactImport & render
import { ListTodo } from 'lucide-react';
<ListTodo size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- tododonechecktickcompletetasksitemspendinglistchecklistcompleted taskstask listpending items
FAQ
- What is the list todo icon used for?
- It's used to visually represent tasks, to-do lists, or items that have been completed or are pending.
- How do I use the list todo icon in React?
- You can import and use it like this: import { ListTodo } from 'lucide-react'. Then render it as <ListTodo />.
- What is the license for the Lucide list todo icon?
- The Lucide icon library, including the list todo 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 →