gentleface

Gentleface › Development › bug

bug icon

Bug: bug, debug, bug report, issue. Drawn on the 16 px grid. Free SVG, PNG and code, MIT licensed.

Code line-round

SVG
<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>
React
// 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
Vue: see /icons/bug.md
Svelte
Svelte: see /icons/bug.md
HTML img
HTML img: see /icons/bug.md
CSS
CSS: see /icons/bug.md
Data URL
Data URL: see /icons/bug.md
Sprite
Sprite: see /icons/bug.md
SwiftUI
SwiftUI: see /icons/bug.md
Compose
Compose: see /icons/bug.md
Android XML
Android XML: see /icons/bug.md
Flutter
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
Tags
bug, debug, beetle, insect, issue, error, defect, developer
Category
Development
Component name
BugIcon
History
  • added

Family 2

More 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

Feedback