Gentleface › Development › bug-off

bug-off icon

Bug off: debugger off, breakpoints off, disable breakpoints. 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="M15.003 14.5C15.003 14.636 14.953 14.754 14.854 14.854C14.754 14.953 14.636 15.003 14.5 15.003C14.364 15.003 14.246 14.953 14.146 14.854L11.402 12.109C11.101 12.599 10.702 13.009 10.206 13.337C9.537 13.779 8.802 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.2 3.093 2.258 3.054 2.322 3.029L1.146 1.854C1.047 1.754 0.997 1.636 0.997 1.5C0.997 1.364 1.047 1.246 1.146 1.146C1.246 1.047 1.364 0.997 1.5 0.997C1.636 0.997 1.754 1.047 1.854 1.146L14.854 14.146C14.953 14.246 15.003 14.364 15.003 14.5ZM10.667 11.374L5.293 6L5 6L5 10C5 10.381 5.07 10.75 5.211 11.104C5.363 11.489 5.586 11.828 5.879 12.121C6.172 12.414 6.511 12.637 6.896 12.789C7.25 12.93 7.619 13 8 13C8.601 13 9.153 12.834 9.654 12.503C10.094 12.212 10.432 11.836 10.667 11.374ZM11 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 8.5C12 8.641 11.952 8.759 11.856 8.856C11.759 8.952 11.641 9 11.5 9C11.359 9 11.241 8.952 11.144 8.856C11.048 8.759 11 8.641 11 8.5L11 6L8.5 6C8.359 6 8.241 5.952 8.144 5.856C8.048 5.759 8 5.641 8 5.5C8 5.359 8.048 5.241 8.144 5.144C8.241 5.048 8.359 5 8.5 5L9 5L9 4C9 3.724 8.902 3.488 8.707 3.293C8.512 3.098 8.276 3 8 3C7.791 3 7.6 3.06 7.429 3.179C7.257 3.299 7.135 3.457 7.062 3.653C7.014 3.783 6.928 3.876 6.802 3.934C6.677 3.992 6.549 3.996 6.42 3.949C6.29 3.901 6.197 3.814 6.139 3.689C6.081 3.563 6.076 3.436 6.124 3.306C6.269 2.914 6.514 2.598 6.857 2.359C7.201 2.12 7.582 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 5Z"/></svg>

React

// Gentleface "bug-off" (line-round), MIT. https://gentleface.com/icons/bug-off
import type { SVGProps } from 'react';

export function BugOffIcon(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="M15.003 14.5C15.003 14.636 14.953 14.754 14.854 14.854C14.754 14.953 14.636 15.003 14.5 15.003C14.364 15.003 14.246 14.953 14.146 14.854L11.402 12.109C11.101 12.599 10.702 13.009 10.206 13.337C9.537 13.779 8.802 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.2 3.093 2.258 3.054 2.322 3.029L1.146 1.854C1.047 1.754 0.997 1.636 0.997 1.5C0.997 1.364 1.047 1.246 1.146 1.146C1.246 1.047 1.364 0.997 1.5 0.997C1.636 0.997 1.754 1.047 1.854 1.146L14.854 14.146C14.953 14.246 15.003 14.364 15.003 14.5ZM10.667 11.374L5.293 6L5 6L5 10C5 10.381 5.07 10.75 5.211 11.104C5.363 11.489 5.586 11.828 5.879 12.121C6.172 12.414 6.511 12.637 6.896 12.789C7.25 12.93 7.619 13 8 13C8.601 13 9.153 12.834 9.654 12.503C10.094 12.212 10.432 11.836 10.667 11.374ZM11 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 8.5C12 8.641 11.952 8.759 11.856 8.856C11.759 8.952 11.641 9 11.5 9C11.359 9 11.241 8.952 11.144 8.856C11.048 8.759 11 8.641 11 8.5L11 6L8.5 6C8.359 6 8.241 5.952 8.144 5.856C8.048 5.759 8 5.641 8 5.5C8 5.359 8.048 5.241 8.144 5.144C8.241 5.048 8.359 5 8.5 5L9 5L9 4C9 3.724 8.902 3.488 8.707 3.293C8.512 3.098 8.276 3 8 3C7.791 3 7.6 3.06 7.429 3.179C7.257 3.299 7.135 3.457 7.062 3.653C7.014 3.783 6.928 3.876 6.802 3.934C6.677 3.992 6.549 3.996 6.42 3.949C6.29 3.901 6.197 3.814 6.139 3.689C6.081 3.563 6.076 3.436 6.124 3.306C6.269 2.914 6.514 2.598 6.857 2.359C7.201 2.12 7.582 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 5Z" />
    </svg>
  );
}

Vue

Vue: see /icons/bug-off.md

Svelte

Svelte: see /icons/bug-off.md

HTML img

HTML img: see /icons/bug-off.md

CSS

CSS: see /icons/bug-off.md

Data URL

Data URL: see /icons/bug-off.md

Sprite

Sprite: see /icons/bug-off.md

SwiftUI

SwiftUI: see /icons/bug-off.md

Compose

Compose: see /icons/bug-off.md

Android XML

Android XML: see /icons/bug-off.md

Flutter

Flutter: see /icons/bug-off.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

debugger off, breakpoints off, disable breakpoints

Example

Disable all breakpoints

Built from

bug + slash

Tags

bug, debug, beetle, insect, issue, error, defect, developer, slash

Category

Development

Component name

BugOffIcon

History

2026-10-15 added

Family 2

bug bug-play

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-off.json · Markdown: /icons/bug-off.md · SVG: https://gentleface.com/svg/{style}/16/bug-off.svg · PNG: https://gentleface.com/png/{style}/{16|32|48}/bug-off.png

bug-off icon Copy name

line-round

line-soft

line-sharp

solid-round

solid-soft

solid-sharp