Gentleface › Development › bug
bug icon
bugBug: bug, debug, bug report, issue. Drawn on the 16 px grid. Free SVG, PNG and code, MIT licensed.
Code line-round
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path d="M6.14 3.264C6.242 3.007 6.391 2.781 6.586 2.586C6.781 2.391 7.007 2.242 7.264 2.14C7.5 2.047 7.746 2 8 2C8.254 2 8.5 2.047 8.736 2.14C8.993 2.242 9.219 2.391 9.414 2.586C9.609 2.781 9.758 3.007 9.86 3.264C9.953 3.5 10 3.746 10 4L10 5L11 5C11.091 5 11.178 5.011 11.261 5.032L13.146 3.146C13.246 3.047 13.364 2.997 13.5 2.997C13.636 2.997 13.754 3.047 13.854 3.146C13.951 3.244 14 3.362 14 3.5C14 3.638 13.951 3.756 13.854 3.854L11.968 5.739C11.989 5.822 12 5.909 12 6L12 7L14.5 7C14.641 7 14.759 7.048 14.856 7.144C14.952 7.241 15 7.359 15 7.5C15 7.641 14.952 7.759 14.856 7.856C14.759 7.952 14.641 8 14.5 8L12 8L12 9.293L13.854 11.146C13.953 11.246 14.003 11.364 14.003 11.5C14.003 11.636 13.953 11.754 13.854 11.854C13.754 11.953 13.636 12.003 13.5 12.003C13.364 12.003 13.246 11.953 13.146 11.854L11.947 10.654C11.901 10.932 11.825 11.205 11.719 11.472C11.516 11.986 11.219 12.438 10.828 12.828C10.438 13.219 9.986 13.516 9.472 13.719C8.999 13.906 8.509 14 8 14C7.491 14 7.001 13.906 6.528 13.719C6.014 13.516 5.562 13.219 5.172 12.828C4.781 12.438 4.484 11.986 4.281 11.472C4.175 11.205 4.099 10.932 4.053 10.654L2.854 11.854C2.756 11.951 2.638 12 2.5 12C2.362 12 2.244 11.951 2.146 11.854C2.047 11.754 1.997 11.636 1.997 11.5C1.997 11.364 2.047 11.246 2.146 11.146L4 9.293L4 8L1.5 8C1.359 8 1.241 7.952 1.144 7.856C1.048 7.759 1 7.641 1 7.5C1 7.359 1.048 7.241 1.144 7.144C1.241 7.048 1.359 7 1.5 7L4 7L4 6C4 5.909 4.011 5.822 4.032 5.739L2.146 3.854C2.049 3.756 2 3.638 2 3.5C2 3.362 2.049 3.244 2.146 3.146C2.246 3.047 2.364 2.997 2.5 2.997C2.636 2.997 2.754 3.047 2.854 3.146L4.739 5.032C4.822 5.011 4.909 5 5 5L6 5L6 4C6 3.746 6.047 3.5 6.14 3.264ZM9 4C9 3.724 8.902 3.488 8.707 3.293C8.512 3.098 8.276 3 8 3C7.724 3 7.488 3.098 7.293 3.293C7.098 3.488 7 3.724 7 4L7 5L9 5L9 4ZM5.879 12.121C6.172 12.414 6.511 12.637 6.896 12.789C7.25 12.93 7.619 13 8 13C8.381 13 8.75 12.93 9.104 12.789C9.489 12.637 9.828 12.414 10.121 12.121C10.414 11.828 10.637 11.489 10.789 11.104C10.93 10.75 11 10.381 11 10L11 6L5 6L5 10C5 10.381 5.07 10.75 5.211 11.104C5.363 11.489 5.586 11.828 5.879 12.121Z"/></svg>
// Gentleface "bug" (line-round), MIT. https://gentleface.com/icons/bug
import type { SVGProps } from 'react';
export function BugIcon(props: SVGProps<SVGSVGElement>) {
return (
<svg xmlns="http://www.w3.org/2000/svg" width={16} height={16} viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" {...props}>
<path d="M6.14 3.264C6.242 3.007 6.391 2.781 6.586 2.586C6.781 2.391 7.007 2.242 7.264 2.14C7.5 2.047 7.746 2 8 2C8.254 2 8.5 2.047 8.736 2.14C8.993 2.242 9.219 2.391 9.414 2.586C9.609 2.781 9.758 3.007 9.86 3.264C9.953 3.5 10 3.746 10 4L10 5L11 5C11.091 5 11.178 5.011 11.261 5.032L13.146 3.146C13.246 3.047 13.364 2.997 13.5 2.997C13.636 2.997 13.754 3.047 13.854 3.146C13.951 3.244 14 3.362 14 3.5C14 3.638 13.951 3.756 13.854 3.854L11.968 5.739C11.989 5.822 12 5.909 12 6L12 7L14.5 7C14.641 7 14.759 7.048 14.856 7.144C14.952 7.241 15 7.359 15 7.5C15 7.641 14.952 7.759 14.856 7.856C14.759 7.952 14.641 8 14.5 8L12 8L12 9.293L13.854 11.146C13.953 11.246 14.003 11.364 14.003 11.5C14.003 11.636 13.953 11.754 13.854 11.854C13.754 11.953 13.636 12.003 13.5 12.003C13.364 12.003 13.246 11.953 13.146 11.854L11.947 10.654C11.901 10.932 11.825 11.205 11.719 11.472C11.516 11.986 11.219 12.438 10.828 12.828C10.438 13.219 9.986 13.516 9.472 13.719C8.999 13.906 8.509 14 8 14C7.491 14 7.001 13.906 6.528 13.719C6.014 13.516 5.562 13.219 5.172 12.828C4.781 12.438 4.484 11.986 4.281 11.472C4.175 11.205 4.099 10.932 4.053 10.654L2.854 11.854C2.756 11.951 2.638 12 2.5 12C2.362 12 2.244 11.951 2.146 11.854C2.047 11.754 1.997 11.636 1.997 11.5C1.997 11.364 2.047 11.246 2.146 11.146L4 9.293L4 8L1.5 8C1.359 8 1.241 7.952 1.144 7.856C1.048 7.759 1 7.641 1 7.5C1 7.359 1.048 7.241 1.144 7.144C1.241 7.048 1.359 7 1.5 7L4 7L4 6C4 5.909 4.011 5.822 4.032 5.739L2.146 3.854C2.049 3.756 2 3.638 2 3.5C2 3.362 2.049 3.244 2.146 3.146C2.246 3.047 2.364 2.997 2.5 2.997C2.636 2.997 2.754 3.047 2.854 3.146L4.739 5.032C4.822 5.011 4.909 5 5 5L6 5L6 4C6 3.746 6.047 3.5 6.14 3.264ZM9 4C9 3.724 8.902 3.488 8.707 3.293C8.512 3.098 8.276 3 8 3C7.724 3 7.488 3.098 7.293 3.293C7.098 3.488 7 3.724 7 4L7 5L9 5L9 4ZM5.879 12.121C6.172 12.414 6.511 12.637 6.896 12.789C7.25 12.93 7.619 13 8 13C8.381 13 8.75 12.93 9.104 12.789C9.489 12.637 9.828 12.414 10.121 12.121C10.414 11.828 10.637 11.489 10.789 11.104C10.93 10.75 11 10.381 11 10L11 6L5 6L5 10C5 10.381 5.07 10.75 5.211 11.104C5.363 11.489 5.586 11.828 5.879 12.121Z" />
</svg>
);
}Vue: see /icons/bug.md
Svelte: see /icons/bug.md
HTML img: see /icons/bug.md
CSS: see /icons/bug.md
Data URL: see /icons/bug.md
Sprite: see /icons/bug.md
SwiftUI: see /icons/bug.md
Compose: see /icons/bug.md
Android XML: see /icons/bug.md
Flutter: see /icons/bug.md
Each SVG is 16 × 16 with fill="currentColor". Keep it at 16 px or an exact multiple (32, 48) on whole pixels: a fractional size or position blurs it. The snippets are decorative (aria-hidden). For an icon that carries meaning on its own, such as an icon-only button, label the button, or give the SVG role="img" and an aria-label. More in how to use.
Meaning
- Use it for
- bug, debug, bug report, issue, report bug, defect, debugging, debugger
- Alternatives
flag: report abuse or a content problem (report)code-alert: a syntax or compile error in code (code-error)bug-play: start a debugging session (start-debugging)
- Also fits
- code error: a defect in the program's behaviour (bug-report)
- virus: a software bug
- Not for
- butterfly (use
butterfly): bug is a software defect, not an insect - spider (use
spider): bug is a software defect
- butterfly (use
- Tags
- bug, debug, beetle, insect, issue, error, defect, developer
- Category
- Development
- Component name
BugIcon- History
- added
Family 2
More development icons
binary braces brackets code code-alert code-block code-eye code-off code-pencil code-play code-search code-sparkle container database database-alert database-arrow-down · all development icons
For agents
Metadata: /icons/bug.json · Markdown: /icons/bug.md · SVG: https://gentleface.com/svg/{style}/16/bug.svg · PNG: https://gentleface.com/png/{style}/{16|32|48}/bug.png