# bug icon

Bug. Gentleface icon, drawn on the 16 px pixel grid. Free, MIT licensed. Page: https://gentleface.com/icons/bug

- Category: Development
- Use it for: bug, debug, bug report, issue, report bug, defect, debugging, debugger
- Tags: bug, debug, beetle, insect, issue, error, defect, developer
- Family: bug-off, bug-play
- Component name: BugIcon
- Added: 2026-10-14

## 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

## Files

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.

- line-round: https://gentleface.com/svg/line-round/16/bug.svg · PNG https://gentleface.com/png/line-round/16/bug.png · https://gentleface.com/png/line-round/32/bug.png · https://gentleface.com/png/line-round/48/bug.png
- line-soft: https://gentleface.com/svg/line-soft/16/bug.svg · PNG https://gentleface.com/png/line-soft/16/bug.png · https://gentleface.com/png/line-soft/32/bug.png · https://gentleface.com/png/line-soft/48/bug.png
- line-sharp: https://gentleface.com/svg/line-sharp/16/bug.svg · PNG https://gentleface.com/png/line-sharp/16/bug.png · https://gentleface.com/png/line-sharp/32/bug.png · https://gentleface.com/png/line-sharp/48/bug.png
- solid-round: https://gentleface.com/svg/solid-round/16/bug.svg · PNG https://gentleface.com/png/solid-round/16/bug.png · https://gentleface.com/png/solid-round/32/bug.png · https://gentleface.com/png/solid-round/48/bug.png
- solid-soft: https://gentleface.com/svg/solid-soft/16/bug.svg · PNG https://gentleface.com/png/solid-soft/16/bug.png · https://gentleface.com/png/solid-soft/32/bug.png · https://gentleface.com/png/solid-soft/48/bug.png
- solid-sharp: https://gentleface.com/svg/solid-sharp/16/bug.svg · PNG https://gentleface.com/png/solid-sharp/16/bug.png · https://gentleface.com/png/solid-sharp/32/bug.png · https://gentleface.com/png/solid-sharp/48/bug.png

The SVG of every style: https://gentleface.com/icons/bug.json (`svg`).

## Code (line-round)

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. For another style, take its SVG from the JSON and swap the path `d`.

### SVG

```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

```tsx
// 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
<!-- Gentleface "bug" (line-round), MIT. https://gentleface.com/icons/bug -->
<template>
  <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>
</template>
```

### Svelte

```svelte
<!-- Gentleface "bug" (line-round), MIT. https://gentleface.com/icons/bug -->
<script>
  let props = $props();
</script>

<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>
```

### HTML img

```html
<!-- Gentleface "bug" (line-round), MIT. https://gentleface.com/icons/bug. An <img> can't take currentColor: it draws black. Inline the SVG or use the CSS mask to color it. -->
<img src="https://gentleface.com/svg/line-round/16/bug.svg" width="16" height="16" alt="">
```

### CSS

```css
/* Gentleface "bug" (line-round), MIT. https://gentleface.com/icons/bug. Takes the text color. */
.icon-bug {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='currentColor'%3E%3Cpath 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'/%3E%3C/svg%3E") center / 16px 16px no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='currentColor'%3E%3Cpath 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'/%3E%3C/svg%3E") center / 16px 16px no-repeat;
}
```

### Data URL

```text
data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='currentColor'%3E%3Cpath 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'/%3E%3C/svg%3E
```

### Sprite

```html
<!-- Gentleface "bug" (line-round), MIT. https://gentleface.com/icons/bug
     Every icon of this style in one file: https://gentleface.com/sprite/line-round.svg
     Serve it from your own origin: <use> does not load from another origin. -->
<svg width="16" height="16" aria-hidden="true"><use href="/sprite/line-round.svg#bug"/></svg>
```

### SwiftUI

```swift
// Gentleface "bug" (line-round), MIT. https://gentleface.com/icons/bug
import SwiftUI

struct BugIcon: Shape {
    func path(in rect: CGRect) -> Path {
        var p = Path()
        p.move(to: CGPoint(x: 6.14, y: 3.264))
        p.addCurve(to: CGPoint(x: 6.586, y: 2.586), control1: CGPoint(x: 6.242, y: 3.007), control2: CGPoint(x: 6.391, y: 2.781))
        p.addCurve(to: CGPoint(x: 7.264, y: 2.14), control1: CGPoint(x: 6.781, y: 2.391), control2: CGPoint(x: 7.007, y: 2.242))
        p.addCurve(to: CGPoint(x: 8, y: 2), control1: CGPoint(x: 7.5, y: 2.047), control2: CGPoint(x: 7.746, y: 2))
        p.addCurve(to: CGPoint(x: 8.736, y: 2.14), control1: CGPoint(x: 8.254, y: 2), control2: CGPoint(x: 8.5, y: 2.047))
        p.addCurve(to: CGPoint(x: 9.414, y: 2.586), control1: CGPoint(x: 8.993, y: 2.242), control2: CGPoint(x: 9.219, y: 2.391))
        p.addCurve(to: CGPoint(x: 9.86, y: 3.264), control1: CGPoint(x: 9.609, y: 2.781), control2: CGPoint(x: 9.758, y: 3.007))
        p.addCurve(to: CGPoint(x: 10, y: 4), control1: CGPoint(x: 9.953, y: 3.5), control2: CGPoint(x: 10, y: 3.746))
        p.addLine(to: CGPoint(x: 10, y: 5))
        p.addLine(to: CGPoint(x: 11, y: 5))
        p.addCurve(to: CGPoint(x: 11.261, y: 5.032), control1: CGPoint(x: 11.091, y: 5), control2: CGPoint(x: 11.178, y: 5.011))
        p.addLine(to: CGPoint(x: 13.146, y: 3.146))
        p.addCurve(to: CGPoint(x: 13.5, y: 2.997), control1: CGPoint(x: 13.246, y: 3.047), control2: CGPoint(x: 13.364, y: 2.997))
        p.addCurve(to: CGPoint(x: 13.854, y: 3.146), control1: CGPoint(x: 13.636, y: 2.997), control2: CGPoint(x: 13.754, y: 3.047))
        p.addCurve(to: CGPoint(x: 14, y: 3.5), control1: CGPoint(x: 13.951, y: 3.244), control2: CGPoint(x: 14, y: 3.362))
        p.addCurve(to: CGPoint(x: 13.854, y: 3.854), control1: CGPoint(x: 14, y: 3.638), control2: CGPoint(x: 13.951, y: 3.756))
        p.addLine(to: CGPoint(x: 11.968, y: 5.739))
        p.addCurve(to: CGPoint(x: 12, y: 6), control1: CGPoint(x: 11.989, y: 5.822), control2: CGPoint(x: 12, y: 5.909))
        p.addLine(to: CGPoint(x: 12, y: 7))
        p.addLine(to: CGPoint(x: 14.5, y: 7))
        p.addCurve(to: CGPoint(x: 14.856, y: 7.144), control1: CGPoint(x: 14.641, y: 7), control2: CGPoint(x: 14.759, y: 7.048))
        p.addCurve(to: CGPoint(x: 15, y: 7.5), control1: CGPoint(x: 14.952, y: 7.241), control2: CGPoint(x: 15, y: 7.359))
        p.addCurve(to: CGPoint(x: 14.856, y: 7.856), control1: CGPoint(x: 15, y: 7.641), control2: CGPoint(x: 14.952, y: 7.759))
        p.addCurve(to: CGPoint(x: 14.5, y: 8), control1: CGPoint(x: 14.759, y: 7.952), control2: CGPoint(x: 14.641, y: 8))
        p.addLine(to: CGPoint(x: 12, y: 8))
        p.addLine(to: CGPoint(x: 12, y: 9.293))
        p.addLine(to: CGPoint(x: 13.854, y: 11.146))
        p.addCurve(to: CGPoint(x: 14.003, y: 11.5), control1: CGPoint(x: 13.953, y: 11.246), control2: CGPoint(x: 14.003, y: 11.364))
        p.addCurve(to: CGPoint(x: 13.854, y: 11.854), control1: CGPoint(x: 14.003, y: 11.636), control2: CGPoint(x: 13.953, y: 11.754))
        p.addCurve(to: CGPoint(x: 13.5, y: 12.003), control1: CGPoint(x: 13.754, y: 11.953), control2: CGPoint(x: 13.636, y: 12.003))
        p.addCurve(to: CGPoint(x: 13.146, y: 11.854), control1: CGPoint(x: 13.364, y: 12.003), control2: CGPoint(x: 13.246, y: 11.953))
        p.addLine(to: CGPoint(x: 11.947, y: 10.654))
        p.addCurve(to: CGPoint(x: 11.719, y: 11.472), control1: CGPoint(x: 11.901, y: 10.932), control2: CGPoint(x: 11.825, y: 11.205))
        p.addCurve(to: CGPoint(x: 10.828, y: 12.828), control1: CGPoint(x: 11.516, y: 11.986), control2: CGPoint(x: 11.219, y: 12.438))
        p.addCurve(to: CGPoint(x: 9.472, y: 13.719), control1: CGPoint(x: 10.438, y: 13.219), control2: CGPoint(x: 9.986, y: 13.516))
        p.addCurve(to: CGPoint(x: 8, y: 14), control1: CGPoint(x: 8.999, y: 13.906), control2: CGPoint(x: 8.509, y: 14))
        p.addCurve(to: CGPoint(x: 6.528, y: 13.719), control1: CGPoint(x: 7.491, y: 14), control2: CGPoint(x: 7.001, y: 13.906))
        p.addCurve(to: CGPoint(x: 5.172, y: 12.828), control1: CGPoint(x: 6.014, y: 13.516), control2: CGPoint(x: 5.562, y: 13.219))
        p.addCurve(to: CGPoint(x: 4.281, y: 11.472), control1: CGPoint(x: 4.781, y: 12.438), control2: CGPoint(x: 4.484, y: 11.986))
        p.addCurve(to: CGPoint(x: 4.053, y: 10.654), control1: CGPoint(x: 4.175, y: 11.205), control2: CGPoint(x: 4.099, y: 10.932))
        p.addLine(to: CGPoint(x: 2.854, y: 11.854))
        p.addCurve(to: CGPoint(x: 2.5, y: 12), control1: CGPoint(x: 2.756, y: 11.951), control2: CGPoint(x: 2.638, y: 12))
        p.addCurve(to: CGPoint(x: 2.146, y: 11.854), control1: CGPoint(x: 2.362, y: 12), control2: CGPoint(x: 2.244, y: 11.951))
        p.addCurve(to: CGPoint(x: 1.997, y: 11.5), control1: CGPoint(x: 2.047, y: 11.754), control2: CGPoint(x: 1.997, y: 11.636))
        p.addCurve(to: CGPoint(x: 2.146, y: 11.146), control1: CGPoint(x: 1.997, y: 11.364), control2: CGPoint(x: 2.047, y: 11.246))
        p.addLine(to: CGPoint(x: 4, y: 9.293))
        p.addLine(to: CGPoint(x: 4, y: 8))
        p.addLine(to: CGPoint(x: 1.5, y: 8))
        p.addCurve(to: CGPoint(x: 1.144, y: 7.856), control1: CGPoint(x: 1.359, y: 8), control2: CGPoint(x: 1.241, y: 7.952))
        p.addCurve(to: CGPoint(x: 1, y: 7.5), control1: CGPoint(x: 1.048, y: 7.759), control2: CGPoint(x: 1, y: 7.641))
        p.addCurve(to: CGPoint(x: 1.144, y: 7.144), control1: CGPoint(x: 1, y: 7.359), control2: CGPoint(x: 1.048, y: 7.241))
        p.addCurve(to: CGPoint(x: 1.5, y: 7), control1: CGPoint(x: 1.241, y: 7.048), control2: CGPoint(x: 1.359, y: 7))
        p.addLine(to: CGPoint(x: 4, y: 7))
        p.addLine(to: CGPoint(x: 4, y: 6))
        p.addCurve(to: CGPoint(x: 4.032, y: 5.739), control1: CGPoint(x: 4, y: 5.909), control2: CGPoint(x: 4.011, y: 5.822))
        p.addLine(to: CGPoint(x: 2.146, y: 3.854))
        p.addCurve(to: CGPoint(x: 2, y: 3.5), control1: CGPoint(x: 2.049, y: 3.756), control2: CGPoint(x: 2, y: 3.638))
        p.addCurve(to: CGPoint(x: 2.146, y: 3.146), control1: CGPoint(x: 2, y: 3.362), control2: CGPoint(x: 2.049, y: 3.244))
        p.addCurve(to: CGPoint(x: 2.5, y: 2.997), control1: CGPoint(x: 2.246, y: 3.047), control2: CGPoint(x: 2.364, y: 2.997))
        p.addCurve(to: CGPoint(x: 2.854, y: 3.146), control1: CGPoint(x: 2.636, y: 2.997), control2: CGPoint(x: 2.754, y: 3.047))
        p.addLine(to: CGPoint(x: 4.739, y: 5.032))
        p.addCurve(to: CGPoint(x: 5, y: 5), control1: CGPoint(x: 4.822, y: 5.011), control2: CGPoint(x: 4.909, y: 5))
        p.addLine(to: CGPoint(x: 6, y: 5))
        p.addLine(to: CGPoint(x: 6, y: 4))
        p.addCurve(to: CGPoint(x: 6.14, y: 3.264), control1: CGPoint(x: 6, y: 3.746), control2: CGPoint(x: 6.047, y: 3.5))
        p.closeSubpath()
        p.move(to: CGPoint(x: 9, y: 4))
        p.addCurve(to: CGPoint(x: 8.707, y: 3.293), control1: CGPoint(x: 9, y: 3.724), control2: CGPoint(x: 8.902, y: 3.488))
        p.addCurve(to: CGPoint(x: 8, y: 3), control1: CGPoint(x: 8.512, y: 3.098), control2: CGPoint(x: 8.276, y: 3))
        p.addCurve(to: CGPoint(x: 7.293, y: 3.293), control1: CGPoint(x: 7.724, y: 3), control2: CGPoint(x: 7.488, y: 3.098))
        p.addCurve(to: CGPoint(x: 7, y: 4), control1: CGPoint(x: 7.098, y: 3.488), control2: CGPoint(x: 7, y: 3.724))
        p.addLine(to: CGPoint(x: 7, y: 5))
        p.addLine(to: CGPoint(x: 9, y: 5))
        p.addLine(to: CGPoint(x: 9, y: 4))
        p.closeSubpath()
        p.move(to: CGPoint(x: 5.879, y: 12.121))
        p.addCurve(to: CGPoint(x: 6.896, y: 12.789), control1: CGPoint(x: 6.172, y: 12.414), control2: CGPoint(x: 6.511, y: 12.637))
        p.addCurve(to: CGPoint(x: 8, y: 13), control1: CGPoint(x: 7.25, y: 12.93), control2: CGPoint(x: 7.619, y: 13))
        p.addCurve(to: CGPoint(x: 9.104, y: 12.789), control1: CGPoint(x: 8.381, y: 13), control2: CGPoint(x: 8.75, y: 12.93))
        p.addCurve(to: CGPoint(x: 10.121, y: 12.121), control1: CGPoint(x: 9.489, y: 12.637), control2: CGPoint(x: 9.828, y: 12.414))
        p.addCurve(to: CGPoint(x: 10.789, y: 11.104), control1: CGPoint(x: 10.414, y: 11.828), control2: CGPoint(x: 10.637, y: 11.489))
        p.addCurve(to: CGPoint(x: 11, y: 10), control1: CGPoint(x: 10.93, y: 10.75), control2: CGPoint(x: 11, y: 10.381))
        p.addLine(to: CGPoint(x: 11, y: 6))
        p.addLine(to: CGPoint(x: 5, y: 6))
        p.addLine(to: CGPoint(x: 5, y: 10))
        p.addCurve(to: CGPoint(x: 5.211, y: 11.104), control1: CGPoint(x: 5, y: 10.381), control2: CGPoint(x: 5.07, y: 10.75))
        p.addCurve(to: CGPoint(x: 5.879, y: 12.121), control1: CGPoint(x: 5.363, y: 11.489), control2: CGPoint(x: 5.586, y: 11.828))
        p.closeSubpath()
        return p.applying(CGAffineTransform(scaleX: rect.width / 16, y: rect.height / 16))
    }
}

// BugIcon().frame(width: 16, height: 16) fills with the foreground style. Keep it on whole points to stay crisp.
```

### Compose

```kotlin
// Gentleface "bug" (line-round), MIT. https://gentleface.com/icons/bug
import androidx.compose.ui.graphics.Color
import androidx.compose.ui.graphics.SolidColor
import androidx.compose.ui.graphics.vector.ImageVector
import androidx.compose.ui.graphics.vector.addPathNodes
import androidx.compose.ui.unit.dp

val BugIcon: ImageVector by lazy {
    ImageVector.Builder(
        name = "bug", defaultWidth = 16.dp, defaultHeight = 16.dp,
        viewportWidth = 16f, viewportHeight = 16f,
    ).addPath(
        pathData = addPathNodes("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"),
        fill = SolidColor(Color.Black),
    ).build()
}

// Icon(BugIcon, contentDescription = null) tints it with LocalContentColor.
```

### Android XML

```xml
<!-- res/drawable/ic_bug.xml · Gentleface "bug" (line-round), MIT. https://gentleface.com/icons/bug -->
<vector xmlns:android="http://schemas.android.com/apk/res/android"
    android:width="16dp"
    android:height="16dp"
    android:viewportWidth="16"
    android:viewportHeight="16"
    android:tint="?attr/colorControlNormal">
  <path
      android:fillColor="@android:color/white"
      android:pathData="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"/>
</vector>
```

### Flutter

```dart
// Gentleface "bug" (line-round), MIT. https://gentleface.com/icons/bug
import 'package:flutter/widgets.dart';

class BugIcon extends StatelessWidget {
  const BugIcon({super.key, this.size = 16, this.color});
  final double size;
  final Color? color;

  @override
  Widget build(BuildContext context) => CustomPaint(
        size: Size.square(size),
        painter: _BugIconPainter(color ?? IconTheme.of(context).color ?? const Color(0xFF000000)),
      );
}

class _BugIconPainter extends CustomPainter {
  _BugIconPainter(this.color);
  final Color color;

  @override
  void paint(Canvas canvas, Size size) {
    canvas.scale(size.width / 16, size.height / 16);
    final p = Path()
      ..moveTo(6.14, 3.264)
      ..cubicTo(6.242, 3.007, 6.391, 2.781, 6.586, 2.586)
      ..cubicTo(6.781, 2.391, 7.007, 2.242, 7.264, 2.14)
      ..cubicTo(7.5, 2.047, 7.746, 2, 8, 2)
      ..cubicTo(8.254, 2, 8.5, 2.047, 8.736, 2.14)
      ..cubicTo(8.993, 2.242, 9.219, 2.391, 9.414, 2.586)
      ..cubicTo(9.609, 2.781, 9.758, 3.007, 9.86, 3.264)
      ..cubicTo(9.953, 3.5, 10, 3.746, 10, 4)
      ..lineTo(10, 5)
      ..lineTo(11, 5)
      ..cubicTo(11.091, 5, 11.178, 5.011, 11.261, 5.032)
      ..lineTo(13.146, 3.146)
      ..cubicTo(13.246, 3.047, 13.364, 2.997, 13.5, 2.997)
      ..cubicTo(13.636, 2.997, 13.754, 3.047, 13.854, 3.146)
      ..cubicTo(13.951, 3.244, 14, 3.362, 14, 3.5)
      ..cubicTo(14, 3.638, 13.951, 3.756, 13.854, 3.854)
      ..lineTo(11.968, 5.739)
      ..cubicTo(11.989, 5.822, 12, 5.909, 12, 6)
      ..lineTo(12, 7)
      ..lineTo(14.5, 7)
      ..cubicTo(14.641, 7, 14.759, 7.048, 14.856, 7.144)
      ..cubicTo(14.952, 7.241, 15, 7.359, 15, 7.5)
      ..cubicTo(15, 7.641, 14.952, 7.759, 14.856, 7.856)
      ..cubicTo(14.759, 7.952, 14.641, 8, 14.5, 8)
      ..lineTo(12, 8)
      ..lineTo(12, 9.293)
      ..lineTo(13.854, 11.146)
      ..cubicTo(13.953, 11.246, 14.003, 11.364, 14.003, 11.5)
      ..cubicTo(14.003, 11.636, 13.953, 11.754, 13.854, 11.854)
      ..cubicTo(13.754, 11.953, 13.636, 12.003, 13.5, 12.003)
      ..cubicTo(13.364, 12.003, 13.246, 11.953, 13.146, 11.854)
      ..lineTo(11.947, 10.654)
      ..cubicTo(11.901, 10.932, 11.825, 11.205, 11.719, 11.472)
      ..cubicTo(11.516, 11.986, 11.219, 12.438, 10.828, 12.828)
      ..cubicTo(10.438, 13.219, 9.986, 13.516, 9.472, 13.719)
      ..cubicTo(8.999, 13.906, 8.509, 14, 8, 14)
      ..cubicTo(7.491, 14, 7.001, 13.906, 6.528, 13.719)
      ..cubicTo(6.014, 13.516, 5.562, 13.219, 5.172, 12.828)
      ..cubicTo(4.781, 12.438, 4.484, 11.986, 4.281, 11.472)
      ..cubicTo(4.175, 11.205, 4.099, 10.932, 4.053, 10.654)
      ..lineTo(2.854, 11.854)
      ..cubicTo(2.756, 11.951, 2.638, 12, 2.5, 12)
      ..cubicTo(2.362, 12, 2.244, 11.951, 2.146, 11.854)
      ..cubicTo(2.047, 11.754, 1.997, 11.636, 1.997, 11.5)
      ..cubicTo(1.997, 11.364, 2.047, 11.246, 2.146, 11.146)
      ..lineTo(4, 9.293)
      ..lineTo(4, 8)
      ..lineTo(1.5, 8)
      ..cubicTo(1.359, 8, 1.241, 7.952, 1.144, 7.856)
      ..cubicTo(1.048, 7.759, 1, 7.641, 1, 7.5)
      ..cubicTo(1, 7.359, 1.048, 7.241, 1.144, 7.144)
      ..cubicTo(1.241, 7.048, 1.359, 7, 1.5, 7)
      ..lineTo(4, 7)
      ..lineTo(4, 6)
      ..cubicTo(4, 5.909, 4.011, 5.822, 4.032, 5.739)
      ..lineTo(2.146, 3.854)
      ..cubicTo(2.049, 3.756, 2, 3.638, 2, 3.5)
      ..cubicTo(2, 3.362, 2.049, 3.244, 2.146, 3.146)
      ..cubicTo(2.246, 3.047, 2.364, 2.997, 2.5, 2.997)
      ..cubicTo(2.636, 2.997, 2.754, 3.047, 2.854, 3.146)
      ..lineTo(4.739, 5.032)
      ..cubicTo(4.822, 5.011, 4.909, 5, 5, 5)
      ..lineTo(6, 5)
      ..lineTo(6, 4)
      ..cubicTo(6, 3.746, 6.047, 3.5, 6.14, 3.264)
      ..close()
      ..moveTo(9, 4)
      ..cubicTo(9, 3.724, 8.902, 3.488, 8.707, 3.293)
      ..cubicTo(8.512, 3.098, 8.276, 3, 8, 3)
      ..cubicTo(7.724, 3, 7.488, 3.098, 7.293, 3.293)
      ..cubicTo(7.098, 3.488, 7, 3.724, 7, 4)
      ..lineTo(7, 5)
      ..lineTo(9, 5)
      ..lineTo(9, 4)
      ..close()
      ..moveTo(5.879, 12.121)
      ..cubicTo(6.172, 12.414, 6.511, 12.637, 6.896, 12.789)
      ..cubicTo(7.25, 12.93, 7.619, 13, 8, 13)
      ..cubicTo(8.381, 13, 8.75, 12.93, 9.104, 12.789)
      ..cubicTo(9.489, 12.637, 9.828, 12.414, 10.121, 12.121)
      ..cubicTo(10.414, 11.828, 10.637, 11.489, 10.789, 11.104)
      ..cubicTo(10.93, 10.75, 11, 10.381, 11, 10)
      ..lineTo(11, 6)
      ..lineTo(5, 6)
      ..lineTo(5, 10)
      ..cubicTo(5, 10.381, 5.07, 10.75, 5.211, 11.104)
      ..cubicTo(5.363, 11.489, 5.586, 11.828, 5.879, 12.121)
      ..close();
    canvas.drawPath(p, Paint()..color = color);
  }

  @override
  bool shouldRepaint(_BugIconPainter old) => old.color != color;
}
```