# background-remove icon Background remove. Gentleface icon, drawn on the 16 px pixel grid. Free, MIT licensed. Page: https://gentleface.com/icons/background-remove - Category: Photo & image - Use it for: remove background, background removal, cutout, remove bg, erase background - Tags: background, remove, cutout, transparent, person, subject, checkerboard, ai - Component name: BackgroundRemoveIcon - Added: 2026-10-15 ## Alternatives - `background-replace`: swap the background for another image, or a virtual background in a call (virtual-background) - `blur`: blur the background (background-blur) ## Don't confuse with - `eraser`: the eraser rubs out pixels or strokes by hand (erase) ## Also fits - ai image edit: remove the background (remove-background) ## 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/background-remove.svg · PNG https://gentleface.com/png/line-round/16/background-remove.png · https://gentleface.com/png/line-round/32/background-remove.png · https://gentleface.com/png/line-round/48/background-remove.png - line-soft: https://gentleface.com/svg/line-soft/16/background-remove.svg · PNG https://gentleface.com/png/line-soft/16/background-remove.png · https://gentleface.com/png/line-soft/32/background-remove.png · https://gentleface.com/png/line-soft/48/background-remove.png - line-sharp: https://gentleface.com/svg/line-sharp/16/background-remove.svg · PNG https://gentleface.com/png/line-sharp/16/background-remove.png · https://gentleface.com/png/line-sharp/32/background-remove.png · https://gentleface.com/png/line-sharp/48/background-remove.png - solid-round: https://gentleface.com/svg/solid-round/16/background-remove.svg · PNG https://gentleface.com/png/solid-round/16/background-remove.png · https://gentleface.com/png/solid-round/32/background-remove.png · https://gentleface.com/png/solid-round/48/background-remove.png - solid-soft: https://gentleface.com/svg/solid-soft/16/background-remove.svg · PNG https://gentleface.com/png/solid-soft/16/background-remove.png · https://gentleface.com/png/solid-soft/32/background-remove.png · https://gentleface.com/png/solid-soft/48/background-remove.png - solid-sharp: https://gentleface.com/svg/solid-sharp/16/background-remove.svg · PNG https://gentleface.com/png/solid-sharp/16/background-remove.png · https://gentleface.com/png/solid-sharp/32/background-remove.png · https://gentleface.com/png/solid-sharp/48/background-remove.png The SVG of every style: https://gentleface.com/icons/background-remove.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 "background-remove" (line-round), MIT. https://gentleface.com/icons/background-remove import type { SVGProps } from 'react'; export function BackgroundRemoveIcon(props: SVGProps) { return ( ); } ``` ### Vue ```vue ``` ### Svelte ```svelte ``` ### HTML img ```html

``` ### CSS ```css /* Gentleface "background-remove" (line-round), MIT. https://gentleface.com/icons/background-remove. Takes the text color. */ .icon-background-remove { 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='M4 4L2 4L2 2L4 2L4 4ZM4 6L4 4L6 4L6 5.764C5.959 5.801 5.918 5.839 5.879 5.879C5.839 5.918 5.801 5.959 5.764 6L4 6ZM4 6L4 8L2 8L2 6L4 6ZM12 2L14 2L14 4L12 4L12 6L14 6L14 8L12 8L12 6L10.236 6C10.202 5.962 10.167 5.925 10.131 5.889L10.131 5.888C10.125 5.882 10.119 5.876 10.113 5.87L10.112 5.869C10.075 5.833 10.038 5.798 10 5.764L10 4L12 4L12 2ZM6.586 6.586C6.781 6.391 7.007 6.242 7.264 6.14C7.5 6.047 7.746 6 8 6C8.254 6 8.5 6.047 8.736 6.14C8.993 6.242 9.219 6.391 9.414 6.586C9.609 6.781 9.758 7.007 9.86 7.264C9.953 7.5 10 7.746 10 8C10 8.254 9.953 8.5 9.86 8.736C9.758 8.993 9.609 9.219 9.414 9.414C9.219 9.609 8.993 9.758 8.736 9.86C8.5 9.953 8.254 10 8 10C7.746 10 7.5 9.953 7.264 9.86C7.007 9.758 6.781 9.609 6.586 9.414C6.391 9.219 6.242 8.993 6.14 8.736C6.047 8.5 6 8.254 6 8C6 7.746 6.047 7.5 6.14 7.264C6.242 7.007 6.391 6.781 6.586 6.586ZM6.528 12.211C7.001 12.07 7.491 12 8 12C8.509 12 8.999 12.07 9.472 12.211C9.986 12.363 10.438 12.586 10.828 12.879C11.219 13.172 11.516 13.511 11.719 13.896C11.813 14.073 11.883 14.254 11.93 14.439C11.959 14.555 11.942 14.678 11.88 14.78C11.819 14.883 11.72 14.957 11.604 14.986C11.568 14.995 11.531 15 11.494 15L4.506 15C4.258 15 4.056 14.799 4.056 14.55C4.056 14.513 4.061 14.476 4.07 14.439C4.117 14.254 4.187 14.073 4.281 13.896C4.484 13.511 4.781 13.172 5.172 12.879C5.562 12.586 6.014 12.363 6.528 12.211Z'/%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='M4 4L2 4L2 2L4 2L4 4ZM4 6L4 4L6 4L6 5.764C5.959 5.801 5.918 5.839 5.879 5.879C5.839 5.918 5.801 5.959 5.764 6L4 6ZM4 6L4 8L2 8L2 6L4 6ZM12 2L14 2L14 4L12 4L12 6L14 6L14 8L12 8L12 6L10.236 6C10.202 5.962 10.167 5.925 10.131 5.889L10.131 5.888C10.125 5.882 10.119 5.876 10.113 5.87L10.112 5.869C10.075 5.833 10.038 5.798 10 5.764L10 4L12 4L12 2ZM6.586 6.586C6.781 6.391 7.007 6.242 7.264 6.14C7.5 6.047 7.746 6 8 6C8.254 6 8.5 6.047 8.736 6.14C8.993 6.242 9.219 6.391 9.414 6.586C9.609 6.781 9.758 7.007 9.86 7.264C9.953 7.5 10 7.746 10 8C10 8.254 9.953 8.5 9.86 8.736C9.758 8.993 9.609 9.219 9.414 9.414C9.219 9.609 8.993 9.758 8.736 9.86C8.5 9.953 8.254 10 8 10C7.746 10 7.5 9.953 7.264 9.86C7.007 9.758 6.781 9.609 6.586 9.414C6.391 9.219 6.242 8.993 6.14 8.736C6.047 8.5 6 8.254 6 8C6 7.746 6.047 7.5 6.14 7.264C6.242 7.007 6.391 6.781 6.586 6.586ZM6.528 12.211C7.001 12.07 7.491 12 8 12C8.509 12 8.999 12.07 9.472 12.211C9.986 12.363 10.438 12.586 10.828 12.879C11.219 13.172 11.516 13.511 11.719 13.896C11.813 14.073 11.883 14.254 11.93 14.439C11.959 14.555 11.942 14.678 11.88 14.78C11.819 14.883 11.72 14.957 11.604 14.986C11.568 14.995 11.531 15 11.494 15L4.506 15C4.258 15 4.056 14.799 4.056 14.55C4.056 14.513 4.061 14.476 4.07 14.439C4.117 14.254 4.187 14.073 4.281 13.896C4.484 13.511 4.781 13.172 5.172 12.879C5.562 12.586 6.014 12.363 6.528 12.211Z'/%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='M4 4L2 4L2 2L4 2L4 4ZM4 6L4 4L6 4L6 5.764C5.959 5.801 5.918 5.839 5.879 5.879C5.839 5.918 5.801 5.959 5.764 6L4 6ZM4 6L4 8L2 8L2 6L4 6ZM12 2L14 2L14 4L12 4L12 6L14 6L14 8L12 8L12 6L10.236 6C10.202 5.962 10.167 5.925 10.131 5.889L10.131 5.888C10.125 5.882 10.119 5.876 10.113 5.87L10.112 5.869C10.075 5.833 10.038 5.798 10 5.764L10 4L12 4L12 2ZM6.586 6.586C6.781 6.391 7.007 6.242 7.264 6.14C7.5 6.047 7.746 6 8 6C8.254 6 8.5 6.047 8.736 6.14C8.993 6.242 9.219 6.391 9.414 6.586C9.609 6.781 9.758 7.007 9.86 7.264C9.953 7.5 10 7.746 10 8C10 8.254 9.953 8.5 9.86 8.736C9.758 8.993 9.609 9.219 9.414 9.414C9.219 9.609 8.993 9.758 8.736 9.86C8.5 9.953 8.254 10 8 10C7.746 10 7.5 9.953 7.264 9.86C7.007 9.758 6.781 9.609 6.586 9.414C6.391 9.219 6.242 8.993 6.14 8.736C6.047 8.5 6 8.254 6 8C6 7.746 6.047 7.5 6.14 7.264C6.242 7.007 6.391 6.781 6.586 6.586ZM6.528 12.211C7.001 12.07 7.491 12 8 12C8.509 12 8.999 12.07 9.472 12.211C9.986 12.363 10.438 12.586 10.828 12.879C11.219 13.172 11.516 13.511 11.719 13.896C11.813 14.073 11.883 14.254 11.93 14.439C11.959 14.555 11.942 14.678 11.88 14.78C11.819 14.883 11.72 14.957 11.604 14.986C11.568 14.995 11.531 15 11.494 15L4.506 15C4.258 15 4.056 14.799 4.056 14.55C4.056 14.513 4.061 14.476 4.07 14.439C4.117 14.254 4.187 14.073 4.281 13.896C4.484 13.511 4.781 13.172 5.172 12.879C5.562 12.586 6.014 12.363 6.528 12.211Z'/%3E%3C/svg%3E ``` ### Sprite ```html ``` ### SwiftUI ```swift // Gentleface "background-remove" (line-round), MIT. https://gentleface.com/icons/background-remove import SwiftUI struct BackgroundRemoveIcon: Shape { func path(in rect: CGRect) -> Path { var p = Path() p.move(to: CGPoint(x: 4, y: 4)) p.addLine(to: CGPoint(x: 2, y: 4)) p.addLine(to: CGPoint(x: 2, y: 2)) p.addLine(to: CGPoint(x: 4, y: 2)) p.addLine(to: CGPoint(x: 4, y: 4)) p.closeSubpath() p.move(to: CGPoint(x: 4, y: 6)) p.addLine(to: CGPoint(x: 4, y: 4)) p.addLine(to: CGPoint(x: 6, y: 4)) p.addLine(to: CGPoint(x: 6, y: 5.764)) p.addCurve(to: CGPoint(x: 5.879, y: 5.879), control1: CGPoint(x: 5.959, y: 5.801), control2: CGPoint(x: 5.918, y: 5.839)) p.addCurve(to: CGPoint(x: 5.764, y: 6), control1: CGPoint(x: 5.839, y: 5.918), control2: CGPoint(x: 5.801, y: 5.959)) p.addLine(to: CGPoint(x: 4, y: 6)) p.closeSubpath() p.move(to: CGPoint(x: 4, y: 6)) p.addLine(to: CGPoint(x: 4, y: 8)) p.addLine(to: CGPoint(x: 2, y: 8)) p.addLine(to: CGPoint(x: 2, y: 6)) p.addLine(to: CGPoint(x: 4, y: 6)) p.closeSubpath() p.move(to: CGPoint(x: 12, y: 2)) p.addLine(to: CGPoint(x: 14, y: 2)) p.addLine(to: CGPoint(x: 14, y: 4)) p.addLine(to: CGPoint(x: 12, y: 4)) p.addLine(to: CGPoint(x: 12, y: 6)) p.addLine(to: CGPoint(x: 14, y: 6)) p.addLine(to: CGPoint(x: 14, y: 8)) p.addLine(to: CGPoint(x: 12, y: 8)) p.addLine(to: CGPoint(x: 12, y: 6)) p.addLine(to: CGPoint(x: 10.236, y: 6)) p.addCurve(to: CGPoint(x: 10.131, y: 5.889), control1: CGPoint(x: 10.202, y: 5.962), control2: CGPoint(x: 10.167, y: 5.925)) p.addLine(to: CGPoint(x: 10.131, y: 5.888)) p.addCurve(to: CGPoint(x: 10.113, y: 5.87), control1: CGPoint(x: 10.125, y: 5.882), control2: CGPoint(x: 10.119, y: 5.876)) p.addLine(to: CGPoint(x: 10.112, y: 5.869)) p.addCurve(to: CGPoint(x: 10, y: 5.764), control1: CGPoint(x: 10.075, y: 5.833), control2: CGPoint(x: 10.038, y: 5.798)) p.addLine(to: CGPoint(x: 10, y: 4)) p.addLine(to: CGPoint(x: 12, y: 4)) p.addLine(to: CGPoint(x: 12, y: 2)) p.closeSubpath() p.move(to: CGPoint(x: 6.586, y: 6.586)) p.addCurve(to: CGPoint(x: 7.264, y: 6.14), control1: CGPoint(x: 6.781, y: 6.391), control2: CGPoint(x: 7.007, y: 6.242)) p.addCurve(to: CGPoint(x: 8, y: 6), control1: CGPoint(x: 7.5, y: 6.047), control2: CGPoint(x: 7.746, y: 6)) p.addCurve(to: CGPoint(x: 8.736, y: 6.14), control1: CGPoint(x: 8.254, y: 6), control2: CGPoint(x: 8.5, y: 6.047)) p.addCurve(to: CGPoint(x: 9.414, y: 6.586), control1: CGPoint(x: 8.993, y: 6.242), control2: CGPoint(x: 9.219, y: 6.391)) p.addCurve(to: CGPoint(x: 9.86, y: 7.264), control1: CGPoint(x: 9.609, y: 6.781), control2: CGPoint(x: 9.758, y: 7.007)) p.addCurve(to: CGPoint(x: 10, y: 8), control1: CGPoint(x: 9.953, y: 7.5), control2: CGPoint(x: 10, y: 7.746)) p.addCurve(to: CGPoint(x: 9.86, y: 8.736), control1: CGPoint(x: 10, y: 8.254), control2: CGPoint(x: 9.953, y: 8.5)) p.addCurve(to: CGPoint(x: 9.414, y: 9.414), control1: CGPoint(x: 9.758, y: 8.993), control2: CGPoint(x: 9.609, y: 9.219)) p.addCurve(to: CGPoint(x: 8.736, y: 9.86), control1: CGPoint(x: 9.219, y: 9.609), control2: CGPoint(x: 8.993, y: 9.758)) p.addCurve(to: CGPoint(x: 8, y: 10), control1: CGPoint(x: 8.5, y: 9.953), control2: CGPoint(x: 8.254, y: 10)) p.addCurve(to: CGPoint(x: 7.264, y: 9.86), control1: CGPoint(x: 7.746, y: 10), control2: CGPoint(x: 7.5, y: 9.953)) p.addCurve(to: CGPoint(x: 6.586, y: 9.414), control1: CGPoint(x: 7.007, y: 9.758), control2: CGPoint(x: 6.781, y: 9.609)) p.addCurve(to: CGPoint(x: 6.14, y: 8.736), control1: CGPoint(x: 6.391, y: 9.219), control2: CGPoint(x: 6.242, y: 8.993)) p.addCurve(to: CGPoint(x: 6, y: 8), control1: CGPoint(x: 6.047, y: 8.5), control2: CGPoint(x: 6, y: 8.254)) p.addCurve(to: CGPoint(x: 6.14, y: 7.264), control1: CGPoint(x: 6, y: 7.746), control2: CGPoint(x: 6.047, y: 7.5)) p.addCurve(to: CGPoint(x: 6.586, y: 6.586), control1: CGPoint(x: 6.242, y: 7.007), control2: CGPoint(x: 6.391, y: 6.781)) p.closeSubpath() p.move(to: CGPoint(x: 6.528, y: 12.211)) p.addCurve(to: CGPoint(x: 8, y: 12), control1: CGPoint(x: 7.001, y: 12.07), control2: CGPoint(x: 7.491, y: 12)) p.addCurve(to: CGPoint(x: 9.472, y: 12.211), control1: CGPoint(x: 8.509, y: 12), control2: CGPoint(x: 8.999, y: 12.07)) p.addCurve(to: CGPoint(x: 10.828, y: 12.879), control1: CGPoint(x: 9.986, y: 12.363), control2: CGPoint(x: 10.438, y: 12.586)) p.addCurve(to: CGPoint(x: 11.719, y: 13.896), control1: CGPoint(x: 11.219, y: 13.172), control2: CGPoint(x: 11.516, y: 13.511)) p.addCurve(to: CGPoint(x: 11.93, y: 14.439), control1: CGPoint(x: 11.813, y: 14.073), control2: CGPoint(x: 11.883, y: 14.254)) p.addCurve(to: CGPoint(x: 11.88, y: 14.78), control1: CGPoint(x: 11.959, y: 14.555), control2: CGPoint(x: 11.942, y: 14.678)) p.addCurve(to: CGPoint(x: 11.604, y: 14.986), control1: CGPoint(x: 11.819, y: 14.883), control2: CGPoint(x: 11.72, y: 14.957)) p.addCurve(to: CGPoint(x: 11.494, y: 15), control1: CGPoint(x: 11.568, y: 14.995), control2: CGPoint(x: 11.531, y: 15)) p.addLine(to: CGPoint(x: 4.506, y: 15)) p.addCurve(to: CGPoint(x: 4.056, y: 14.55), control1: CGPoint(x: 4.258, y: 15), control2: CGPoint(x: 4.056, y: 14.799)) p.addCurve(to: CGPoint(x: 4.07, y: 14.439), control1: CGPoint(x: 4.056, y: 14.513), control2: CGPoint(x: 4.061, y: 14.476)) p.addCurve(to: CGPoint(x: 4.281, y: 13.896), control1: CGPoint(x: 4.117, y: 14.254), control2: CGPoint(x: 4.187, y: 14.073)) p.addCurve(to: CGPoint(x: 5.172, y: 12.879), control1: CGPoint(x: 4.484, y: 13.511), control2: CGPoint(x: 4.781, y: 13.172)) p.addCurve(to: CGPoint(x: 6.528, y: 12.211), control1: CGPoint(x: 5.562, y: 12.586), control2: CGPoint(x: 6.014, y: 12.363)) p.closeSubpath() return p.applying(CGAffineTransform(scaleX: rect.width / 16, y: rect.height / 16)) } } // BackgroundRemoveIcon().frame(width: 16, height: 16) fills with the foreground style. Keep it on whole points to stay crisp. ``` ### Compose ```kotlin // Gentleface "background-remove" (line-round), MIT. https://gentleface.com/icons/background-remove 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 BackgroundRemoveIcon: ImageVector by lazy { ImageVector.Builder( name = "background-remove", defaultWidth = 16.dp, defaultHeight = 16.dp, viewportWidth = 16f, viewportHeight = 16f, ).addPath( pathData = addPathNodes("M4 4L2 4L2 2L4 2L4 4ZM4 6L4 4L6 4L6 5.764C5.959 5.801 5.918 5.839 5.879 5.879C5.839 5.918 5.801 5.959 5.764 6L4 6ZM4 6L4 8L2 8L2 6L4 6ZM12 2L14 2L14 4L12 4L12 6L14 6L14 8L12 8L12 6L10.236 6C10.202 5.962 10.167 5.925 10.131 5.889L10.131 5.888C10.125 5.882 10.119 5.876 10.113 5.87L10.112 5.869C10.075 5.833 10.038 5.798 10 5.764L10 4L12 4L12 2ZM6.586 6.586C6.781 6.391 7.007 6.242 7.264 6.14C7.5 6.047 7.746 6 8 6C8.254 6 8.5 6.047 8.736 6.14C8.993 6.242 9.219 6.391 9.414 6.586C9.609 6.781 9.758 7.007 9.86 7.264C9.953 7.5 10 7.746 10 8C10 8.254 9.953 8.5 9.86 8.736C9.758 8.993 9.609 9.219 9.414 9.414C9.219 9.609 8.993 9.758 8.736 9.86C8.5 9.953 8.254 10 8 10C7.746 10 7.5 9.953 7.264 9.86C7.007 9.758 6.781 9.609 6.586 9.414C6.391 9.219 6.242 8.993 6.14 8.736C6.047 8.5 6 8.254 6 8C6 7.746 6.047 7.5 6.14 7.264C6.242 7.007 6.391 6.781 6.586 6.586ZM6.528 12.211C7.001 12.07 7.491 12 8 12C8.509 12 8.999 12.07 9.472 12.211C9.986 12.363 10.438 12.586 10.828 12.879C11.219 13.172 11.516 13.511 11.719 13.896C11.813 14.073 11.883 14.254 11.93 14.439C11.959 14.555 11.942 14.678 11.88 14.78C11.819 14.883 11.72 14.957 11.604 14.986C11.568 14.995 11.531 15 11.494 15L4.506 15C4.258 15 4.056 14.799 4.056 14.55C4.056 14.513 4.061 14.476 4.07 14.439C4.117 14.254 4.187 14.073 4.281 13.896C4.484 13.511 4.781 13.172 5.172 12.879C5.562 12.586 6.014 12.363 6.528 12.211Z"), fill = SolidColor(Color.Black), ).build() } // Icon(BackgroundRemoveIcon, contentDescription = null) tints it with LocalContentColor. ``` ### Android XML ```xml ``` ### Flutter ```dart // Gentleface "background-remove" (line-round), MIT. https://gentleface.com/icons/background-remove import 'package:flutter/widgets.dart'; class BackgroundRemoveIcon extends StatelessWidget { const BackgroundRemoveIcon({super.key, this.size = 16, this.color}); final double size; final Color? color; @override Widget build(BuildContext context) => CustomPaint( size: Size.square(size), painter: _BackgroundRemoveIconPainter(color ?? IconTheme.of(context).color ?? const Color(0xFF000000)), ); } class _BackgroundRemoveIconPainter extends CustomPainter { _BackgroundRemoveIconPainter(this.color); final Color color; @override void paint(Canvas canvas, Size size) { canvas.scale(size.width / 16, size.height / 16); final p = Path() ..moveTo(4, 4) ..lineTo(2, 4) ..lineTo(2, 2) ..lineTo(4, 2) ..lineTo(4, 4) ..close() ..moveTo(4, 6) ..lineTo(4, 4) ..lineTo(6, 4) ..lineTo(6, 5.764) ..cubicTo(5.959, 5.801, 5.918, 5.839, 5.879, 5.879) ..cubicTo(5.839, 5.918, 5.801, 5.959, 5.764, 6) ..lineTo(4, 6) ..close() ..moveTo(4, 6) ..lineTo(4, 8) ..lineTo(2, 8) ..lineTo(2, 6) ..lineTo(4, 6) ..close() ..moveTo(12, 2) ..lineTo(14, 2) ..lineTo(14, 4) ..lineTo(12, 4) ..lineTo(12, 6) ..lineTo(14, 6) ..lineTo(14, 8) ..lineTo(12, 8) ..lineTo(12, 6) ..lineTo(10.236, 6) ..cubicTo(10.202, 5.962, 10.167, 5.925, 10.131, 5.889) ..lineTo(10.131, 5.888) ..cubicTo(10.125, 5.882, 10.119, 5.876, 10.113, 5.87) ..lineTo(10.112, 5.869) ..cubicTo(10.075, 5.833, 10.038, 5.798, 10, 5.764) ..lineTo(10, 4) ..lineTo(12, 4) ..lineTo(12, 2) ..close() ..moveTo(6.586, 6.586) ..cubicTo(6.781, 6.391, 7.007, 6.242, 7.264, 6.14) ..cubicTo(7.5, 6.047, 7.746, 6, 8, 6) ..cubicTo(8.254, 6, 8.5, 6.047, 8.736, 6.14) ..cubicTo(8.993, 6.242, 9.219, 6.391, 9.414, 6.586) ..cubicTo(9.609, 6.781, 9.758, 7.007, 9.86, 7.264) ..cubicTo(9.953, 7.5, 10, 7.746, 10, 8) ..cubicTo(10, 8.254, 9.953, 8.5, 9.86, 8.736) ..cubicTo(9.758, 8.993, 9.609, 9.219, 9.414, 9.414) ..cubicTo(9.219, 9.609, 8.993, 9.758, 8.736, 9.86) ..cubicTo(8.5, 9.953, 8.254, 10, 8, 10) ..cubicTo(7.746, 10, 7.5, 9.953, 7.264, 9.86) ..cubicTo(7.007, 9.758, 6.781, 9.609, 6.586, 9.414) ..cubicTo(6.391, 9.219, 6.242, 8.993, 6.14, 8.736) ..cubicTo(6.047, 8.5, 6, 8.254, 6, 8) ..cubicTo(6, 7.746, 6.047, 7.5, 6.14, 7.264) ..cubicTo(6.242, 7.007, 6.391, 6.781, 6.586, 6.586) ..close() ..moveTo(6.528, 12.211) ..cubicTo(7.001, 12.07, 7.491, 12, 8, 12) ..cubicTo(8.509, 12, 8.999, 12.07, 9.472, 12.211) ..cubicTo(9.986, 12.363, 10.438, 12.586, 10.828, 12.879) ..cubicTo(11.219, 13.172, 11.516, 13.511, 11.719, 13.896) ..cubicTo(11.813, 14.073, 11.883, 14.254, 11.93, 14.439) ..cubicTo(11.959, 14.555, 11.942, 14.678, 11.88, 14.78) ..cubicTo(11.819, 14.883, 11.72, 14.957, 11.604, 14.986) ..cubicTo(11.568, 14.995, 11.531, 15, 11.494, 15) ..lineTo(4.506, 15) ..cubicTo(4.258, 15, 4.056, 14.799, 4.056, 14.55) ..cubicTo(4.056, 14.513, 4.061, 14.476, 4.07, 14.439) ..cubicTo(4.117, 14.254, 4.187, 14.073, 4.281, 13.896) ..cubicTo(4.484, 13.511, 4.781, 13.172, 5.172, 12.879) ..cubicTo(5.562, 12.586, 6.014, 12.363, 6.528, 12.211) ..close(); canvas.drawPath(p, Paint()..color = color); } @override bool shouldRepaint(_BackgroundRemoveIconPainter old) => old.color != color; } ```