# bug-off icon Bug off. Gentleface icon, drawn on the 16 px pixel grid. Free, MIT licensed. Page: https://gentleface.com/icons/bug-off - Category: Development - 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 - Family: bug, bug-play - Component name: BugOffIcon - Added: 2026-10-15 ## 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-off.svg · PNG https://gentleface.com/png/line-round/16/bug-off.png · https://gentleface.com/png/line-round/32/bug-off.png · https://gentleface.com/png/line-round/48/bug-off.png - line-soft: https://gentleface.com/svg/line-soft/16/bug-off.svg · PNG https://gentleface.com/png/line-soft/16/bug-off.png · https://gentleface.com/png/line-soft/32/bug-off.png · https://gentleface.com/png/line-soft/48/bug-off.png - line-sharp: https://gentleface.com/svg/line-sharp/16/bug-off.svg · PNG https://gentleface.com/png/line-sharp/16/bug-off.png · https://gentleface.com/png/line-sharp/32/bug-off.png · https://gentleface.com/png/line-sharp/48/bug-off.png - solid-round: https://gentleface.com/svg/solid-round/16/bug-off.svg · PNG https://gentleface.com/png/solid-round/16/bug-off.png · https://gentleface.com/png/solid-round/32/bug-off.png · https://gentleface.com/png/solid-round/48/bug-off.png - solid-soft: https://gentleface.com/svg/solid-soft/16/bug-off.svg · PNG https://gentleface.com/png/solid-soft/16/bug-off.png · https://gentleface.com/png/solid-soft/32/bug-off.png · https://gentleface.com/png/solid-soft/48/bug-off.png - solid-sharp: https://gentleface.com/svg/solid-sharp/16/bug-off.svg · PNG https://gentleface.com/png/solid-sharp/16/bug-off.png · https://gentleface.com/png/solid-sharp/32/bug-off.png · https://gentleface.com/png/solid-sharp/48/bug-off.png The SVG of every style: https://gentleface.com/icons/bug-off.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 ``` ### React ```tsx // Gentleface "bug-off" (line-round), MIT. https://gentleface.com/icons/bug-off import type { SVGProps } from 'react'; export function BugOffIcon(props: SVGProps) { return ( ); } ``` ### Vue ```vue ``` ### Svelte ```svelte ``` ### HTML img ```html

``` ### CSS ```css /* Gentleface "bug-off" (line-round), MIT. https://gentleface.com/icons/bug-off. Takes the text color. */ .icon-bug-off { 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='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'/%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='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'/%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='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'/%3E%3C/svg%3E ``` ### Sprite ```html ``` ### SwiftUI ```swift // Gentleface "bug-off" (line-round), MIT. https://gentleface.com/icons/bug-off import SwiftUI struct BugOffIcon: Shape { func path(in rect: CGRect) -> Path { var p = Path() p.move(to: CGPoint(x: 15.003, y: 14.5)) p.addCurve(to: CGPoint(x: 14.854, y: 14.854), control1: CGPoint(x: 15.003, y: 14.636), control2: CGPoint(x: 14.953, y: 14.754)) p.addCurve(to: CGPoint(x: 14.5, y: 15.003), control1: CGPoint(x: 14.754, y: 14.953), control2: CGPoint(x: 14.636, y: 15.003)) p.addCurve(to: CGPoint(x: 14.146, y: 14.854), control1: CGPoint(x: 14.364, y: 15.003), control2: CGPoint(x: 14.246, y: 14.953)) p.addLine(to: CGPoint(x: 11.402, y: 12.109)) p.addCurve(to: CGPoint(x: 10.206, y: 13.337), control1: CGPoint(x: 11.101, y: 12.599), control2: CGPoint(x: 10.702, y: 13.009)) p.addCurve(to: CGPoint(x: 8, y: 14), control1: CGPoint(x: 9.537, y: 13.779), control2: CGPoint(x: 8.802, 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.322, y: 3.029), control1: CGPoint(x: 2.2, y: 3.093), control2: CGPoint(x: 2.258, y: 3.054)) p.addLine(to: CGPoint(x: 1.146, y: 1.854)) p.addCurve(to: CGPoint(x: 0.997, y: 1.5), control1: CGPoint(x: 1.047, y: 1.754), control2: CGPoint(x: 0.997, y: 1.636)) p.addCurve(to: CGPoint(x: 1.146, y: 1.146), control1: CGPoint(x: 0.997, y: 1.364), control2: CGPoint(x: 1.047, y: 1.246)) p.addCurve(to: CGPoint(x: 1.5, y: 0.997), control1: CGPoint(x: 1.246, y: 1.047), control2: CGPoint(x: 1.364, y: 0.997)) p.addCurve(to: CGPoint(x: 1.854, y: 1.146), control1: CGPoint(x: 1.636, y: 0.997), control2: CGPoint(x: 1.754, y: 1.047)) p.addLine(to: CGPoint(x: 14.854, y: 14.146)) p.addCurve(to: CGPoint(x: 15.003, y: 14.5), control1: CGPoint(x: 14.953, y: 14.246), control2: CGPoint(x: 15.003, y: 14.364)) p.closeSubpath() p.move(to: CGPoint(x: 10.667, y: 11.374)) p.addLine(to: CGPoint(x: 5.293, 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.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.654, y: 12.503), control1: CGPoint(x: 8.601, y: 13), control2: CGPoint(x: 9.153, y: 12.834)) p.addCurve(to: CGPoint(x: 10.667, y: 11.374), control1: CGPoint(x: 10.094, y: 12.212), control2: CGPoint(x: 10.432, y: 11.836)) p.closeSubpath() p.move(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: 8.5)) p.addCurve(to: CGPoint(x: 11.856, y: 8.856), control1: CGPoint(x: 12, y: 8.641), control2: CGPoint(x: 11.952, y: 8.759)) p.addCurve(to: CGPoint(x: 11.5, y: 9), control1: CGPoint(x: 11.759, y: 8.952), control2: CGPoint(x: 11.641, y: 9)) p.addCurve(to: CGPoint(x: 11.144, y: 8.856), control1: CGPoint(x: 11.359, y: 9), control2: CGPoint(x: 11.241, y: 8.952)) p.addCurve(to: CGPoint(x: 11, y: 8.5), control1: CGPoint(x: 11.048, y: 8.759), control2: CGPoint(x: 11, y: 8.641)) p.addLine(to: CGPoint(x: 11, y: 6)) p.addLine(to: CGPoint(x: 8.5, y: 6)) p.addCurve(to: CGPoint(x: 8.144, y: 5.856), control1: CGPoint(x: 8.359, y: 6), control2: CGPoint(x: 8.241, y: 5.952)) p.addCurve(to: CGPoint(x: 8, y: 5.5), control1: CGPoint(x: 8.048, y: 5.759), control2: CGPoint(x: 8, y: 5.641)) p.addCurve(to: CGPoint(x: 8.144, y: 5.144), control1: CGPoint(x: 8, y: 5.359), control2: CGPoint(x: 8.048, y: 5.241)) p.addCurve(to: CGPoint(x: 8.5, y: 5), control1: CGPoint(x: 8.241, y: 5.048), control2: CGPoint(x: 8.359, y: 5)) p.addLine(to: CGPoint(x: 9, y: 5)) p.addLine(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.429, y: 3.179), control1: CGPoint(x: 7.791, y: 3), control2: CGPoint(x: 7.6, y: 3.06)) p.addCurve(to: CGPoint(x: 7.062, y: 3.653), control1: CGPoint(x: 7.257, y: 3.299), control2: CGPoint(x: 7.135, y: 3.457)) p.addCurve(to: CGPoint(x: 6.802, y: 3.934), control1: CGPoint(x: 7.014, y: 3.783), control2: CGPoint(x: 6.928, y: 3.876)) p.addCurve(to: CGPoint(x: 6.42, y: 3.949), control1: CGPoint(x: 6.677, y: 3.992), control2: CGPoint(x: 6.549, y: 3.996)) p.addCurve(to: CGPoint(x: 6.139, y: 3.689), control1: CGPoint(x: 6.29, y: 3.901), control2: CGPoint(x: 6.197, y: 3.814)) p.addCurve(to: CGPoint(x: 6.124, y: 3.306), control1: CGPoint(x: 6.081, y: 3.563), control2: CGPoint(x: 6.076, y: 3.436)) p.addCurve(to: CGPoint(x: 6.857, y: 2.359), control1: CGPoint(x: 6.269, y: 2.914), control2: CGPoint(x: 6.514, y: 2.598)) p.addCurve(to: CGPoint(x: 8, y: 2), control1: CGPoint(x: 7.201, y: 2.12), control2: CGPoint(x: 7.582, 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.closeSubpath() return p.applying(CGAffineTransform(scaleX: rect.width / 16, y: rect.height / 16)) } } // BugOffIcon().frame(width: 16, height: 16) fills with the foreground style. Keep it on whole points to stay crisp. ``` ### Compose ```kotlin // Gentleface "bug-off" (line-round), MIT. https://gentleface.com/icons/bug-off 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 BugOffIcon: ImageVector by lazy { ImageVector.Builder( name = "bug-off", defaultWidth = 16.dp, defaultHeight = 16.dp, viewportWidth = 16f, viewportHeight = 16f, ).addPath( pathData = addPathNodes("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"), fill = SolidColor(Color.Black), ).build() } // Icon(BugOffIcon, contentDescription = null) tints it with LocalContentColor. ``` ### Android XML ```xml ``` ### Flutter ```dart // Gentleface "bug-off" (line-round), MIT. https://gentleface.com/icons/bug-off import 'package:flutter/widgets.dart'; class BugOffIcon extends StatelessWidget { const BugOffIcon({super.key, this.size = 16, this.color}); final double size; final Color? color; @override Widget build(BuildContext context) => CustomPaint( size: Size.square(size), painter: _BugOffIconPainter(color ?? IconTheme.of(context).color ?? const Color(0xFF000000)), ); } class _BugOffIconPainter extends CustomPainter { _BugOffIconPainter(this.color); final Color color; @override void paint(Canvas canvas, Size size) { canvas.scale(size.width / 16, size.height / 16); final p = Path() ..moveTo(15.003, 14.5) ..cubicTo(15.003, 14.636, 14.953, 14.754, 14.854, 14.854) ..cubicTo(14.754, 14.953, 14.636, 15.003, 14.5, 15.003) ..cubicTo(14.364, 15.003, 14.246, 14.953, 14.146, 14.854) ..lineTo(11.402, 12.109) ..cubicTo(11.101, 12.599, 10.702, 13.009, 10.206, 13.337) ..cubicTo(9.537, 13.779, 8.802, 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.2, 3.093, 2.258, 3.054, 2.322, 3.029) ..lineTo(1.146, 1.854) ..cubicTo(1.047, 1.754, 0.997, 1.636, 0.997, 1.5) ..cubicTo(0.997, 1.364, 1.047, 1.246, 1.146, 1.146) ..cubicTo(1.246, 1.047, 1.364, 0.997, 1.5, 0.997) ..cubicTo(1.636, 0.997, 1.754, 1.047, 1.854, 1.146) ..lineTo(14.854, 14.146) ..cubicTo(14.953, 14.246, 15.003, 14.364, 15.003, 14.5) ..close() ..moveTo(10.667, 11.374) ..lineTo(5.293, 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) ..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.601, 13, 9.153, 12.834, 9.654, 12.503) ..cubicTo(10.094, 12.212, 10.432, 11.836, 10.667, 11.374) ..close() ..moveTo(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, 8.5) ..cubicTo(12, 8.641, 11.952, 8.759, 11.856, 8.856) ..cubicTo(11.759, 8.952, 11.641, 9, 11.5, 9) ..cubicTo(11.359, 9, 11.241, 8.952, 11.144, 8.856) ..cubicTo(11.048, 8.759, 11, 8.641, 11, 8.5) ..lineTo(11, 6) ..lineTo(8.5, 6) ..cubicTo(8.359, 6, 8.241, 5.952, 8.144, 5.856) ..cubicTo(8.048, 5.759, 8, 5.641, 8, 5.5) ..cubicTo(8, 5.359, 8.048, 5.241, 8.144, 5.144) ..cubicTo(8.241, 5.048, 8.359, 5, 8.5, 5) ..lineTo(9, 5) ..lineTo(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.791, 3, 7.6, 3.06, 7.429, 3.179) ..cubicTo(7.257, 3.299, 7.135, 3.457, 7.062, 3.653) ..cubicTo(7.014, 3.783, 6.928, 3.876, 6.802, 3.934) ..cubicTo(6.677, 3.992, 6.549, 3.996, 6.42, 3.949) ..cubicTo(6.29, 3.901, 6.197, 3.814, 6.139, 3.689) ..cubicTo(6.081, 3.563, 6.076, 3.436, 6.124, 3.306) ..cubicTo(6.269, 2.914, 6.514, 2.598, 6.857, 2.359) ..cubicTo(7.201, 2.12, 7.582, 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) ..close(); canvas.drawPath(p, Paint()..color = color); } @override bool shouldRepaint(_BugOffIconPainter old) => old.color != color; } ```