The Lucide bug icon depicts a common insect and is typically used to represent issues, errors, or debugging in software interfaces.
Common uses
- Report a bug button
- Debugging tools section
- Error message indicator
Use it in React
Install
npm i lucide-reactImport & render
import { Bug } from 'lucide-react';
<Bug size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- issueerrordefecttestingtroubleshootproblemreportdebugcodeinsectbeetlebug
FAQ
- What is the bug icon used for?
- It's used to signify problems, errors, or the process of debugging in a user interface.
- How do I use the bug icon in React?
- You can import and use it like this: `import { Bug } from 'lucide-react'`. Then render it as a component: `<Bug />`.
- What is the license for this icon?
- The Lucide icon library, including the bug 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 →