The Phosphor bug beetle icon depicts a stylized beetle, commonly used in UI to represent debugging, errors, or technical issues within software.
Common uses
- Error message indicator
- Debugging tool button
- Technical support link
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { BugBeetle } from '@phosphor-icons/react';
<BugBeetle size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<BugBeetle size={24} />thin
<BugBeetle size={24} weight="thin" />light
<BugBeetle size={24} weight="light" />bold
<BugBeetle size={24} weight="bold" />fill
<BugBeetle size={24} weight="fill" />duotone
<BugBeetle size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- technology & development
- Keywords
- debugerrorsinsectladybugtechnology & developmentnaturebugbeetledebug iconerror iconinsect iconladybug icon
FAQ
- What is the bug beetle icon used for?
- It's typically used to signify errors, bugs, or debugging processes in a user interface.
- How do I use the bug beetle icon in React?
- You can import and use it like this: import { BugBeetle } from '@phosphor-icons/react'.
- What is the license for this icon?
- The Phosphor icon library, including the bug beetle icon, is available under the MIT license.
Related icons
The same idea in other libraries, and near matches in Phosphor.
Looking for something else? Search Phosphor 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 →