The Lucide backpack icon depicts a bag worn on the back, commonly used in UI to represent travel, education, or outdoor activities.
Common uses
- Link to user profile or account settings
- Button for 'My Orders' or 'Saved Items'
- Navigation item for 'Travel' or 'Courses' section
Use it in React
Install
npm i lucide-reactImport & render
import { Backpack } from 'lucide-react';
<Backpack size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- baghikingtravelcampingschoolchildhoodbackpack
FAQ
- What does the backpack icon represent?
- It symbolizes items carried on the back, often related to travel, school, or outdoor adventures.
- How do I use the backpack icon in React?
- Import it from 'lucide-react' and use it as a component: `import { Backpack } from 'lucide-react'; <Backpack />`.
- What is the license for the Lucide backpack icon?
- The Lucide icon library, including the backpack 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 →