The Lucide trash icon visually represents a container for discarded items and is commonly used in user interfaces to signify deletion, removal, or clearing of content.
Common uses
- Delete selected items
- Empty trash bin
- Clear search history
Use it in React
Install
npm i lucide-reactImport & render
import { Trash } from 'lucide-react';
<Trash size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- emptydeletioncleanupjunkcleargarbagedeleteremovebinwasterecyclediscardbinocularsrubbishtrash
FAQ
- What is the trash icon used for?
- It's used to indicate actions like deleting, removing, or clearing data. It can also represent a trash or recycle bin.
- How do I use the trash icon in React?
- You can import it directly from the 'lucide-react' library using: `import { Trash } from 'lucide-react'`.
- What is the license for the Lucide trash icon?
- The Lucide icon library, including the trash 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 →