# background-replace icon

Background replace. Gentleface icon, drawn on the 16 px pixel grid. Free, MIT licensed. Page: https://gentleface.com/icons/background-replace

- Category: Photo & image
- Use it for: virtual background, background effects, replace background, change background, video background
- Tags: background, replace background, virtual background, background effects, video call, webcam, person, scene, photo, backdrop
- Component name: BackgroundReplaceIcon
- Added: 2026-11-06
- Since: version 0.4.0
- npm: `import { BackgroundReplaceIcon } from '@gentleface/react';` (@gentleface/react 0.6.0)

## Alternatives

- `blur`: blur the background only (background-blur)
- `wallpaper`: a background image for a screen or a page (background-image)

## Also fits

- remove background: swap the background for another image, or a virtual background in a call (virtual-background)
- background blur: replace the background with an image (virtual-background)
- wallpaper: a virtual background in a video call (virtual-background)

## Files

Each icon is drawn on the 16 px grid, and most also on the 20 and 24 px grids (at 24 in three weights: light 1 px, regular 1.5 px, bold 2 px). Show the drawing made for your size, or an exact multiple of it, on whole pixels: 16 for 16 and 32 px, 20 for 20 and 40, 24 for 24 and 48. A size in between or a fractional position blurs it. The code on each icon page is the 16 px drawing, an SVG with fill="currentColor"; the icon page's downloads follow its Grid switch, and npm has the 20 and 24 px drawings too.

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

The SVG of every style: https://gentleface.com/icons/background-replace.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="M1.14 4.264C1.242 4.007 1.391 3.781 1.586 3.586C1.781 3.391 2.007 3.242 2.264 3.14C2.5 3.047 2.746 3 3 3L13 3C13.254 3 13.5 3.047 13.736 3.14C13.993 3.242 14.219 3.391 14.414 3.586C14.609 3.781 14.758 4.007 14.86 4.264C14.953 4.5 15 4.746 15 5L15 11C15 11.254 14.953 11.5 14.86 11.736C14.758 11.993 14.609 12.219 14.414 12.414C14.219 12.609 13.993 12.758 13.736 12.86C13.5 12.953 13.254 13 13 13L12.5 13C12.434 13 12.372 12.989 12.316 12.968C12.222 12.839 12.119 12.715 12.008 12.596C12.003 12.565 12 12.533 12 12.5C12 12.359 12.048 12.241 12.144 12.144C12.241 12.048 12.359 12 12.5 12L13 12C13.276 12 13.512 11.902 13.707 11.707C13.902 11.512 14 11.276 14 11L14 5C14 4.724 13.902 4.488 13.707 4.293C13.512 4.098 13.276 4 13 4L3 4C2.724 4 2.488 4.098 2.293 4.293C2.098 4.488 2 4.724 2 5L2 9.293L3.086 8.207C3.263 8.03 3.466 7.891 3.696 7.79C3.925 7.689 4.165 7.634 4.415 7.623C4.553 7.617 4.673 7.661 4.775 7.754C4.876 7.848 4.93 7.964 4.936 8.102C4.942 8.242 4.899 8.363 4.807 8.463C4.715 8.563 4.598 8.616 4.458 8.622C4.198 8.633 3.977 8.731 3.793 8.914L2 10.707L2 11C2 11.276 2.098 11.512 2.293 11.707C2.488 11.902 2.724 12 3 12L3.5 12C3.641 12 3.759 12.048 3.856 12.144C3.952 12.241 4 12.359 4 12.5C4 12.533 3.997 12.565 3.992 12.596C3.881 12.715 3.778 12.839 3.684 12.968C3.628 12.989 3.566 13 3.5 13L3 13C2.746 13 2.5 12.953 2.264 12.86C2.007 12.758 1.781 12.609 1.586 12.414C1.391 12.219 1.242 11.993 1.14 11.736C1.047 11.5 1 11.254 1 11L1 5C1 4.746 1.047 4.5 1.14 4.264ZM11.293 5.293C11.488 5.098 11.724 5 12 5C12.276 5 12.512 5.098 12.707 5.293C12.902 5.488 13 5.724 13 6C13 6.276 12.902 6.512 12.707 6.707C12.512 6.902 12.276 7 12 7C11.724 7 11.488 6.902 11.293 6.707C11.098 6.512 11 6.276 11 6C11 5.724 11.098 5.488 11.293 5.293ZM6.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"/></svg>
```

### React

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

export function BackgroundReplaceIcon(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="M1.14 4.264C1.242 4.007 1.391 3.781 1.586 3.586C1.781 3.391 2.007 3.242 2.264 3.14C2.5 3.047 2.746 3 3 3L13 3C13.254 3 13.5 3.047 13.736 3.14C13.993 3.242 14.219 3.391 14.414 3.586C14.609 3.781 14.758 4.007 14.86 4.264C14.953 4.5 15 4.746 15 5L15 11C15 11.254 14.953 11.5 14.86 11.736C14.758 11.993 14.609 12.219 14.414 12.414C14.219 12.609 13.993 12.758 13.736 12.86C13.5 12.953 13.254 13 13 13L12.5 13C12.434 13 12.372 12.989 12.316 12.968C12.222 12.839 12.119 12.715 12.008 12.596C12.003 12.565 12 12.533 12 12.5C12 12.359 12.048 12.241 12.144 12.144C12.241 12.048 12.359 12 12.5 12L13 12C13.276 12 13.512 11.902 13.707 11.707C13.902 11.512 14 11.276 14 11L14 5C14 4.724 13.902 4.488 13.707 4.293C13.512 4.098 13.276 4 13 4L3 4C2.724 4 2.488 4.098 2.293 4.293C2.098 4.488 2 4.724 2 5L2 9.293L3.086 8.207C3.263 8.03 3.466 7.891 3.696 7.79C3.925 7.689 4.165 7.634 4.415 7.623C4.553 7.617 4.673 7.661 4.775 7.754C4.876 7.848 4.93 7.964 4.936 8.102C4.942 8.242 4.899 8.363 4.807 8.463C4.715 8.563 4.598 8.616 4.458 8.622C4.198 8.633 3.977 8.731 3.793 8.914L2 10.707L2 11C2 11.276 2.098 11.512 2.293 11.707C2.488 11.902 2.724 12 3 12L3.5 12C3.641 12 3.759 12.048 3.856 12.144C3.952 12.241 4 12.359 4 12.5C4 12.533 3.997 12.565 3.992 12.596C3.881 12.715 3.778 12.839 3.684 12.968C3.628 12.989 3.566 13 3.5 13L3 13C2.746 13 2.5 12.953 2.264 12.86C2.007 12.758 1.781 12.609 1.586 12.414C1.391 12.219 1.242 11.993 1.14 11.736C1.047 11.5 1 11.254 1 11L1 5C1 4.746 1.047 4.5 1.14 4.264ZM11.293 5.293C11.488 5.098 11.724 5 12 5C12.276 5 12.512 5.098 12.707 5.293C12.902 5.488 13 5.724 13 6C13 6.276 12.902 6.512 12.707 6.707C12.512 6.902 12.276 7 12 7C11.724 7 11.488 6.902 11.293 6.707C11.098 6.512 11 6.276 11 6C11 5.724 11.098 5.488 11.293 5.293ZM6.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" />
    </svg>
  );
}
```

### Vue

```vue
<!-- Gentleface "background-replace" (line-round), MIT. https://gentleface.com/icons/background-replace -->
<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="M1.14 4.264C1.242 4.007 1.391 3.781 1.586 3.586C1.781 3.391 2.007 3.242 2.264 3.14C2.5 3.047 2.746 3 3 3L13 3C13.254 3 13.5 3.047 13.736 3.14C13.993 3.242 14.219 3.391 14.414 3.586C14.609 3.781 14.758 4.007 14.86 4.264C14.953 4.5 15 4.746 15 5L15 11C15 11.254 14.953 11.5 14.86 11.736C14.758 11.993 14.609 12.219 14.414 12.414C14.219 12.609 13.993 12.758 13.736 12.86C13.5 12.953 13.254 13 13 13L12.5 13C12.434 13 12.372 12.989 12.316 12.968C12.222 12.839 12.119 12.715 12.008 12.596C12.003 12.565 12 12.533 12 12.5C12 12.359 12.048 12.241 12.144 12.144C12.241 12.048 12.359 12 12.5 12L13 12C13.276 12 13.512 11.902 13.707 11.707C13.902 11.512 14 11.276 14 11L14 5C14 4.724 13.902 4.488 13.707 4.293C13.512 4.098 13.276 4 13 4L3 4C2.724 4 2.488 4.098 2.293 4.293C2.098 4.488 2 4.724 2 5L2 9.293L3.086 8.207C3.263 8.03 3.466 7.891 3.696 7.79C3.925 7.689 4.165 7.634 4.415 7.623C4.553 7.617 4.673 7.661 4.775 7.754C4.876 7.848 4.93 7.964 4.936 8.102C4.942 8.242 4.899 8.363 4.807 8.463C4.715 8.563 4.598 8.616 4.458 8.622C4.198 8.633 3.977 8.731 3.793 8.914L2 10.707L2 11C2 11.276 2.098 11.512 2.293 11.707C2.488 11.902 2.724 12 3 12L3.5 12C3.641 12 3.759 12.048 3.856 12.144C3.952 12.241 4 12.359 4 12.5C4 12.533 3.997 12.565 3.992 12.596C3.881 12.715 3.778 12.839 3.684 12.968C3.628 12.989 3.566 13 3.5 13L3 13C2.746 13 2.5 12.953 2.264 12.86C2.007 12.758 1.781 12.609 1.586 12.414C1.391 12.219 1.242 11.993 1.14 11.736C1.047 11.5 1 11.254 1 11L1 5C1 4.746 1.047 4.5 1.14 4.264ZM11.293 5.293C11.488 5.098 11.724 5 12 5C12.276 5 12.512 5.098 12.707 5.293C12.902 5.488 13 5.724 13 6C13 6.276 12.902 6.512 12.707 6.707C12.512 6.902 12.276 7 12 7C11.724 7 11.488 6.902 11.293 6.707C11.098 6.512 11 6.276 11 6C11 5.724 11.098 5.488 11.293 5.293ZM6.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" />
  </svg>
</template>
```

### Svelte

```svelte
<!-- Gentleface "background-replace" (line-round), MIT. https://gentleface.com/icons/background-replace -->
<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="M1.14 4.264C1.242 4.007 1.391 3.781 1.586 3.586C1.781 3.391 2.007 3.242 2.264 3.14C2.5 3.047 2.746 3 3 3L13 3C13.254 3 13.5 3.047 13.736 3.14C13.993 3.242 14.219 3.391 14.414 3.586C14.609 3.781 14.758 4.007 14.86 4.264C14.953 4.5 15 4.746 15 5L15 11C15 11.254 14.953 11.5 14.86 11.736C14.758 11.993 14.609 12.219 14.414 12.414C14.219 12.609 13.993 12.758 13.736 12.86C13.5 12.953 13.254 13 13 13L12.5 13C12.434 13 12.372 12.989 12.316 12.968C12.222 12.839 12.119 12.715 12.008 12.596C12.003 12.565 12 12.533 12 12.5C12 12.359 12.048 12.241 12.144 12.144C12.241 12.048 12.359 12 12.5 12L13 12C13.276 12 13.512 11.902 13.707 11.707C13.902 11.512 14 11.276 14 11L14 5C14 4.724 13.902 4.488 13.707 4.293C13.512 4.098 13.276 4 13 4L3 4C2.724 4 2.488 4.098 2.293 4.293C2.098 4.488 2 4.724 2 5L2 9.293L3.086 8.207C3.263 8.03 3.466 7.891 3.696 7.79C3.925 7.689 4.165 7.634 4.415 7.623C4.553 7.617 4.673 7.661 4.775 7.754C4.876 7.848 4.93 7.964 4.936 8.102C4.942 8.242 4.899 8.363 4.807 8.463C4.715 8.563 4.598 8.616 4.458 8.622C4.198 8.633 3.977 8.731 3.793 8.914L2 10.707L2 11C2 11.276 2.098 11.512 2.293 11.707C2.488 11.902 2.724 12 3 12L3.5 12C3.641 12 3.759 12.048 3.856 12.144C3.952 12.241 4 12.359 4 12.5C4 12.533 3.997 12.565 3.992 12.596C3.881 12.715 3.778 12.839 3.684 12.968C3.628 12.989 3.566 13 3.5 13L3 13C2.746 13 2.5 12.953 2.264 12.86C2.007 12.758 1.781 12.609 1.586 12.414C1.391 12.219 1.242 11.993 1.14 11.736C1.047 11.5 1 11.254 1 11L1 5C1 4.746 1.047 4.5 1.14 4.264ZM11.293 5.293C11.488 5.098 11.724 5 12 5C12.276 5 12.512 5.098 12.707 5.293C12.902 5.488 13 5.724 13 6C13 6.276 12.902 6.512 12.707 6.707C12.512 6.902 12.276 7 12 7C11.724 7 11.488 6.902 11.293 6.707C11.098 6.512 11 6.276 11 6C11 5.724 11.098 5.488 11.293 5.293ZM6.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" />
</svg>
```

### HTML img

```html
<!-- Gentleface "background-replace" (line-round), MIT. https://gentleface.com/icons/background-replace. 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/background-replace.svg" width="16" height="16" alt="">
```

### CSS

```css
/* Gentleface "background-replace" (line-round), MIT. https://gentleface.com/icons/background-replace. Takes the text color. */
.icon-background-replace {
  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='M1.14 4.264C1.242 4.007 1.391 3.781 1.586 3.586C1.781 3.391 2.007 3.242 2.264 3.14C2.5 3.047 2.746 3 3 3L13 3C13.254 3 13.5 3.047 13.736 3.14C13.993 3.242 14.219 3.391 14.414 3.586C14.609 3.781 14.758 4.007 14.86 4.264C14.953 4.5 15 4.746 15 5L15 11C15 11.254 14.953 11.5 14.86 11.736C14.758 11.993 14.609 12.219 14.414 12.414C14.219 12.609 13.993 12.758 13.736 12.86C13.5 12.953 13.254 13 13 13L12.5 13C12.434 13 12.372 12.989 12.316 12.968C12.222 12.839 12.119 12.715 12.008 12.596C12.003 12.565 12 12.533 12 12.5C12 12.359 12.048 12.241 12.144 12.144C12.241 12.048 12.359 12 12.5 12L13 12C13.276 12 13.512 11.902 13.707 11.707C13.902 11.512 14 11.276 14 11L14 5C14 4.724 13.902 4.488 13.707 4.293C13.512 4.098 13.276 4 13 4L3 4C2.724 4 2.488 4.098 2.293 4.293C2.098 4.488 2 4.724 2 5L2 9.293L3.086 8.207C3.263 8.03 3.466 7.891 3.696 7.79C3.925 7.689 4.165 7.634 4.415 7.623C4.553 7.617 4.673 7.661 4.775 7.754C4.876 7.848 4.93 7.964 4.936 8.102C4.942 8.242 4.899 8.363 4.807 8.463C4.715 8.563 4.598 8.616 4.458 8.622C4.198 8.633 3.977 8.731 3.793 8.914L2 10.707L2 11C2 11.276 2.098 11.512 2.293 11.707C2.488 11.902 2.724 12 3 12L3.5 12C3.641 12 3.759 12.048 3.856 12.144C3.952 12.241 4 12.359 4 12.5C4 12.533 3.997 12.565 3.992 12.596C3.881 12.715 3.778 12.839 3.684 12.968C3.628 12.989 3.566 13 3.5 13L3 13C2.746 13 2.5 12.953 2.264 12.86C2.007 12.758 1.781 12.609 1.586 12.414C1.391 12.219 1.242 11.993 1.14 11.736C1.047 11.5 1 11.254 1 11L1 5C1 4.746 1.047 4.5 1.14 4.264ZM11.293 5.293C11.488 5.098 11.724 5 12 5C12.276 5 12.512 5.098 12.707 5.293C12.902 5.488 13 5.724 13 6C13 6.276 12.902 6.512 12.707 6.707C12.512 6.902 12.276 7 12 7C11.724 7 11.488 6.902 11.293 6.707C11.098 6.512 11 6.276 11 6C11 5.724 11.098 5.488 11.293 5.293ZM6.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='M1.14 4.264C1.242 4.007 1.391 3.781 1.586 3.586C1.781 3.391 2.007 3.242 2.264 3.14C2.5 3.047 2.746 3 3 3L13 3C13.254 3 13.5 3.047 13.736 3.14C13.993 3.242 14.219 3.391 14.414 3.586C14.609 3.781 14.758 4.007 14.86 4.264C14.953 4.5 15 4.746 15 5L15 11C15 11.254 14.953 11.5 14.86 11.736C14.758 11.993 14.609 12.219 14.414 12.414C14.219 12.609 13.993 12.758 13.736 12.86C13.5 12.953 13.254 13 13 13L12.5 13C12.434 13 12.372 12.989 12.316 12.968C12.222 12.839 12.119 12.715 12.008 12.596C12.003 12.565 12 12.533 12 12.5C12 12.359 12.048 12.241 12.144 12.144C12.241 12.048 12.359 12 12.5 12L13 12C13.276 12 13.512 11.902 13.707 11.707C13.902 11.512 14 11.276 14 11L14 5C14 4.724 13.902 4.488 13.707 4.293C13.512 4.098 13.276 4 13 4L3 4C2.724 4 2.488 4.098 2.293 4.293C2.098 4.488 2 4.724 2 5L2 9.293L3.086 8.207C3.263 8.03 3.466 7.891 3.696 7.79C3.925 7.689 4.165 7.634 4.415 7.623C4.553 7.617 4.673 7.661 4.775 7.754C4.876 7.848 4.93 7.964 4.936 8.102C4.942 8.242 4.899 8.363 4.807 8.463C4.715 8.563 4.598 8.616 4.458 8.622C4.198 8.633 3.977 8.731 3.793 8.914L2 10.707L2 11C2 11.276 2.098 11.512 2.293 11.707C2.488 11.902 2.724 12 3 12L3.5 12C3.641 12 3.759 12.048 3.856 12.144C3.952 12.241 4 12.359 4 12.5C4 12.533 3.997 12.565 3.992 12.596C3.881 12.715 3.778 12.839 3.684 12.968C3.628 12.989 3.566 13 3.5 13L3 13C2.746 13 2.5 12.953 2.264 12.86C2.007 12.758 1.781 12.609 1.586 12.414C1.391 12.219 1.242 11.993 1.14 11.736C1.047 11.5 1 11.254 1 11L1 5C1 4.746 1.047 4.5 1.14 4.264ZM11.293 5.293C11.488 5.098 11.724 5 12 5C12.276 5 12.512 5.098 12.707 5.293C12.902 5.488 13 5.724 13 6C13 6.276 12.902 6.512 12.707 6.707C12.512 6.902 12.276 7 12 7C11.724 7 11.488 6.902 11.293 6.707C11.098 6.512 11 6.276 11 6C11 5.724 11.098 5.488 11.293 5.293ZM6.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='M1.14 4.264C1.242 4.007 1.391 3.781 1.586 3.586C1.781 3.391 2.007 3.242 2.264 3.14C2.5 3.047 2.746 3 3 3L13 3C13.254 3 13.5 3.047 13.736 3.14C13.993 3.242 14.219 3.391 14.414 3.586C14.609 3.781 14.758 4.007 14.86 4.264C14.953 4.5 15 4.746 15 5L15 11C15 11.254 14.953 11.5 14.86 11.736C14.758 11.993 14.609 12.219 14.414 12.414C14.219 12.609 13.993 12.758 13.736 12.86C13.5 12.953 13.254 13 13 13L12.5 13C12.434 13 12.372 12.989 12.316 12.968C12.222 12.839 12.119 12.715 12.008 12.596C12.003 12.565 12 12.533 12 12.5C12 12.359 12.048 12.241 12.144 12.144C12.241 12.048 12.359 12 12.5 12L13 12C13.276 12 13.512 11.902 13.707 11.707C13.902 11.512 14 11.276 14 11L14 5C14 4.724 13.902 4.488 13.707 4.293C13.512 4.098 13.276 4 13 4L3 4C2.724 4 2.488 4.098 2.293 4.293C2.098 4.488 2 4.724 2 5L2 9.293L3.086 8.207C3.263 8.03 3.466 7.891 3.696 7.79C3.925 7.689 4.165 7.634 4.415 7.623C4.553 7.617 4.673 7.661 4.775 7.754C4.876 7.848 4.93 7.964 4.936 8.102C4.942 8.242 4.899 8.363 4.807 8.463C4.715 8.563 4.598 8.616 4.458 8.622C4.198 8.633 3.977 8.731 3.793 8.914L2 10.707L2 11C2 11.276 2.098 11.512 2.293 11.707C2.488 11.902 2.724 12 3 12L3.5 12C3.641 12 3.759 12.048 3.856 12.144C3.952 12.241 4 12.359 4 12.5C4 12.533 3.997 12.565 3.992 12.596C3.881 12.715 3.778 12.839 3.684 12.968C3.628 12.989 3.566 13 3.5 13L3 13C2.746 13 2.5 12.953 2.264 12.86C2.007 12.758 1.781 12.609 1.586 12.414C1.391 12.219 1.242 11.993 1.14 11.736C1.047 11.5 1 11.254 1 11L1 5C1 4.746 1.047 4.5 1.14 4.264ZM11.293 5.293C11.488 5.098 11.724 5 12 5C12.276 5 12.512 5.098 12.707 5.293C12.902 5.488 13 5.724 13 6C13 6.276 12.902 6.512 12.707 6.707C12.512 6.902 12.276 7 12 7C11.724 7 11.488 6.902 11.293 6.707C11.098 6.512 11 6.276 11 6C11 5.724 11.098 5.488 11.293 5.293ZM6.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
<!-- Gentleface "background-replace" (line-round), MIT. https://gentleface.com/icons/background-replace
     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#background-replace"/></svg>
```

### SwiftUI

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

struct BackgroundReplaceIcon: Shape {
    func path(in rect: CGRect) -> Path {
        var p = Path()
        p.move(to: CGPoint(x: 1.14, y: 4.264))
        p.addCurve(to: CGPoint(x: 1.586, y: 3.586), control1: CGPoint(x: 1.242, y: 4.007), control2: CGPoint(x: 1.391, y: 3.781))
        p.addCurve(to: CGPoint(x: 2.264, y: 3.14), control1: CGPoint(x: 1.781, y: 3.391), control2: CGPoint(x: 2.007, y: 3.242))
        p.addCurve(to: CGPoint(x: 3, y: 3), control1: CGPoint(x: 2.5, y: 3.047), control2: CGPoint(x: 2.746, y: 3))
        p.addLine(to: CGPoint(x: 13, y: 3))
        p.addCurve(to: CGPoint(x: 13.736, y: 3.14), control1: CGPoint(x: 13.254, y: 3), control2: CGPoint(x: 13.5, y: 3.047))
        p.addCurve(to: CGPoint(x: 14.414, y: 3.586), control1: CGPoint(x: 13.993, y: 3.242), control2: CGPoint(x: 14.219, y: 3.391))
        p.addCurve(to: CGPoint(x: 14.86, y: 4.264), control1: CGPoint(x: 14.609, y: 3.781), control2: CGPoint(x: 14.758, y: 4.007))
        p.addCurve(to: CGPoint(x: 15, y: 5), control1: CGPoint(x: 14.953, y: 4.5), control2: CGPoint(x: 15, y: 4.746))
        p.addLine(to: CGPoint(x: 15, y: 11))
        p.addCurve(to: CGPoint(x: 14.86, y: 11.736), control1: CGPoint(x: 15, y: 11.254), control2: CGPoint(x: 14.953, y: 11.5))
        p.addCurve(to: CGPoint(x: 14.414, y: 12.414), control1: CGPoint(x: 14.758, y: 11.993), control2: CGPoint(x: 14.609, y: 12.219))
        p.addCurve(to: CGPoint(x: 13.736, y: 12.86), control1: CGPoint(x: 14.219, y: 12.609), control2: CGPoint(x: 13.993, y: 12.758))
        p.addCurve(to: CGPoint(x: 13, y: 13), control1: CGPoint(x: 13.5, y: 12.953), control2: CGPoint(x: 13.254, y: 13))
        p.addLine(to: CGPoint(x: 12.5, y: 13))
        p.addCurve(to: CGPoint(x: 12.316, y: 12.968), control1: CGPoint(x: 12.434, y: 13), control2: CGPoint(x: 12.372, y: 12.989))
        p.addCurve(to: CGPoint(x: 12.008, y: 12.596), control1: CGPoint(x: 12.222, y: 12.839), control2: CGPoint(x: 12.119, y: 12.715))
        p.addCurve(to: CGPoint(x: 12, y: 12.5), control1: CGPoint(x: 12.003, y: 12.565), control2: CGPoint(x: 12, y: 12.533))
        p.addCurve(to: CGPoint(x: 12.144, y: 12.144), control1: CGPoint(x: 12, y: 12.359), control2: CGPoint(x: 12.048, y: 12.241))
        p.addCurve(to: CGPoint(x: 12.5, y: 12), control1: CGPoint(x: 12.241, y: 12.048), control2: CGPoint(x: 12.359, y: 12))
        p.addLine(to: CGPoint(x: 13, y: 12))
        p.addCurve(to: CGPoint(x: 13.707, y: 11.707), control1: CGPoint(x: 13.276, y: 12), control2: CGPoint(x: 13.512, y: 11.902))
        p.addCurve(to: CGPoint(x: 14, y: 11), control1: CGPoint(x: 13.902, y: 11.512), control2: CGPoint(x: 14, y: 11.276))
        p.addLine(to: CGPoint(x: 14, y: 5))
        p.addCurve(to: CGPoint(x: 13.707, y: 4.293), control1: CGPoint(x: 14, y: 4.724), control2: CGPoint(x: 13.902, y: 4.488))
        p.addCurve(to: CGPoint(x: 13, y: 4), control1: CGPoint(x: 13.512, y: 4.098), control2: CGPoint(x: 13.276, y: 4))
        p.addLine(to: CGPoint(x: 3, y: 4))
        p.addCurve(to: CGPoint(x: 2.293, y: 4.293), control1: CGPoint(x: 2.724, y: 4), control2: CGPoint(x: 2.488, y: 4.098))
        p.addCurve(to: CGPoint(x: 2, y: 5), control1: CGPoint(x: 2.098, y: 4.488), control2: CGPoint(x: 2, y: 4.724))
        p.addLine(to: CGPoint(x: 2, y: 9.293))
        p.addLine(to: CGPoint(x: 3.086, y: 8.207))
        p.addCurve(to: CGPoint(x: 3.696, y: 7.79), control1: CGPoint(x: 3.263, y: 8.03), control2: CGPoint(x: 3.466, y: 7.891))
        p.addCurve(to: CGPoint(x: 4.415, y: 7.623), control1: CGPoint(x: 3.925, y: 7.689), control2: CGPoint(x: 4.165, y: 7.634))
        p.addCurve(to: CGPoint(x: 4.775, y: 7.754), control1: CGPoint(x: 4.553, y: 7.617), control2: CGPoint(x: 4.673, y: 7.661))
        p.addCurve(to: CGPoint(x: 4.936, y: 8.102), control1: CGPoint(x: 4.876, y: 7.848), control2: CGPoint(x: 4.93, y: 7.964))
        p.addCurve(to: CGPoint(x: 4.807, y: 8.463), control1: CGPoint(x: 4.942, y: 8.242), control2: CGPoint(x: 4.899, y: 8.363))
        p.addCurve(to: CGPoint(x: 4.458, y: 8.622), control1: CGPoint(x: 4.715, y: 8.563), control2: CGPoint(x: 4.598, y: 8.616))
        p.addCurve(to: CGPoint(x: 3.793, y: 8.914), control1: CGPoint(x: 4.198, y: 8.633), control2: CGPoint(x: 3.977, y: 8.731))
        p.addLine(to: CGPoint(x: 2, y: 10.707))
        p.addLine(to: CGPoint(x: 2, y: 11))
        p.addCurve(to: CGPoint(x: 2.293, y: 11.707), control1: CGPoint(x: 2, y: 11.276), control2: CGPoint(x: 2.098, y: 11.512))
        p.addCurve(to: CGPoint(x: 3, y: 12), control1: CGPoint(x: 2.488, y: 11.902), control2: CGPoint(x: 2.724, y: 12))
        p.addLine(to: CGPoint(x: 3.5, y: 12))
        p.addCurve(to: CGPoint(x: 3.856, y: 12.144), control1: CGPoint(x: 3.641, y: 12), control2: CGPoint(x: 3.759, y: 12.048))
        p.addCurve(to: CGPoint(x: 4, y: 12.5), control1: CGPoint(x: 3.952, y: 12.241), control2: CGPoint(x: 4, y: 12.359))
        p.addCurve(to: CGPoint(x: 3.992, y: 12.596), control1: CGPoint(x: 4, y: 12.533), control2: CGPoint(x: 3.997, y: 12.565))
        p.addCurve(to: CGPoint(x: 3.684, y: 12.968), control1: CGPoint(x: 3.881, y: 12.715), control2: CGPoint(x: 3.778, y: 12.839))
        p.addCurve(to: CGPoint(x: 3.5, y: 13), control1: CGPoint(x: 3.628, y: 12.989), control2: CGPoint(x: 3.566, y: 13))
        p.addLine(to: CGPoint(x: 3, y: 13))
        p.addCurve(to: CGPoint(x: 2.264, y: 12.86), control1: CGPoint(x: 2.746, y: 13), control2: CGPoint(x: 2.5, y: 12.953))
        p.addCurve(to: CGPoint(x: 1.586, y: 12.414), control1: CGPoint(x: 2.007, y: 12.758), control2: CGPoint(x: 1.781, y: 12.609))
        p.addCurve(to: CGPoint(x: 1.14, y: 11.736), control1: CGPoint(x: 1.391, y: 12.219), control2: CGPoint(x: 1.242, y: 11.993))
        p.addCurve(to: CGPoint(x: 1, y: 11), control1: CGPoint(x: 1.047, y: 11.5), control2: CGPoint(x: 1, y: 11.254))
        p.addLine(to: CGPoint(x: 1, y: 5))
        p.addCurve(to: CGPoint(x: 1.14, y: 4.264), control1: CGPoint(x: 1, y: 4.746), control2: CGPoint(x: 1.047, y: 4.5))
        p.closeSubpath()
        p.move(to: CGPoint(x: 11.293, y: 5.293))
        p.addCurve(to: CGPoint(x: 12, y: 5), control1: CGPoint(x: 11.488, y: 5.098), control2: CGPoint(x: 11.724, y: 5))
        p.addCurve(to: CGPoint(x: 12.707, y: 5.293), control1: CGPoint(x: 12.276, y: 5), control2: CGPoint(x: 12.512, y: 5.098))
        p.addCurve(to: CGPoint(x: 13, y: 6), control1: CGPoint(x: 12.902, y: 5.488), control2: CGPoint(x: 13, y: 5.724))
        p.addCurve(to: CGPoint(x: 12.707, y: 6.707), control1: CGPoint(x: 13, y: 6.276), control2: CGPoint(x: 12.902, y: 6.512))
        p.addCurve(to: CGPoint(x: 12, y: 7), control1: CGPoint(x: 12.512, y: 6.902), control2: CGPoint(x: 12.276, y: 7))
        p.addCurve(to: CGPoint(x: 11.293, y: 6.707), control1: CGPoint(x: 11.724, y: 7), control2: CGPoint(x: 11.488, y: 6.902))
        p.addCurve(to: CGPoint(x: 11, y: 6), control1: CGPoint(x: 11.098, y: 6.512), control2: CGPoint(x: 11, y: 6.276))
        p.addCurve(to: CGPoint(x: 11.293, y: 5.293), control1: CGPoint(x: 11, y: 5.724), control2: CGPoint(x: 11.098, y: 5.488))
        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))
    }
}

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

### Compose

```kotlin
// Gentleface "background-replace" (line-round), MIT. https://gentleface.com/icons/background-replace
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 BackgroundReplaceIcon: ImageVector by lazy {
    ImageVector.Builder(
        name = "background-replace", defaultWidth = 16.dp, defaultHeight = 16.dp,
        viewportWidth = 16f, viewportHeight = 16f,
    ).addPath(
        pathData = addPathNodes("M1.14 4.264C1.242 4.007 1.391 3.781 1.586 3.586C1.781 3.391 2.007 3.242 2.264 3.14C2.5 3.047 2.746 3 3 3L13 3C13.254 3 13.5 3.047 13.736 3.14C13.993 3.242 14.219 3.391 14.414 3.586C14.609 3.781 14.758 4.007 14.86 4.264C14.953 4.5 15 4.746 15 5L15 11C15 11.254 14.953 11.5 14.86 11.736C14.758 11.993 14.609 12.219 14.414 12.414C14.219 12.609 13.993 12.758 13.736 12.86C13.5 12.953 13.254 13 13 13L12.5 13C12.434 13 12.372 12.989 12.316 12.968C12.222 12.839 12.119 12.715 12.008 12.596C12.003 12.565 12 12.533 12 12.5C12 12.359 12.048 12.241 12.144 12.144C12.241 12.048 12.359 12 12.5 12L13 12C13.276 12 13.512 11.902 13.707 11.707C13.902 11.512 14 11.276 14 11L14 5C14 4.724 13.902 4.488 13.707 4.293C13.512 4.098 13.276 4 13 4L3 4C2.724 4 2.488 4.098 2.293 4.293C2.098 4.488 2 4.724 2 5L2 9.293L3.086 8.207C3.263 8.03 3.466 7.891 3.696 7.79C3.925 7.689 4.165 7.634 4.415 7.623C4.553 7.617 4.673 7.661 4.775 7.754C4.876 7.848 4.93 7.964 4.936 8.102C4.942 8.242 4.899 8.363 4.807 8.463C4.715 8.563 4.598 8.616 4.458 8.622C4.198 8.633 3.977 8.731 3.793 8.914L2 10.707L2 11C2 11.276 2.098 11.512 2.293 11.707C2.488 11.902 2.724 12 3 12L3.5 12C3.641 12 3.759 12.048 3.856 12.144C3.952 12.241 4 12.359 4 12.5C4 12.533 3.997 12.565 3.992 12.596C3.881 12.715 3.778 12.839 3.684 12.968C3.628 12.989 3.566 13 3.5 13L3 13C2.746 13 2.5 12.953 2.264 12.86C2.007 12.758 1.781 12.609 1.586 12.414C1.391 12.219 1.242 11.993 1.14 11.736C1.047 11.5 1 11.254 1 11L1 5C1 4.746 1.047 4.5 1.14 4.264ZM11.293 5.293C11.488 5.098 11.724 5 12 5C12.276 5 12.512 5.098 12.707 5.293C12.902 5.488 13 5.724 13 6C13 6.276 12.902 6.512 12.707 6.707C12.512 6.902 12.276 7 12 7C11.724 7 11.488 6.902 11.293 6.707C11.098 6.512 11 6.276 11 6C11 5.724 11.098 5.488 11.293 5.293ZM6.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(BackgroundReplaceIcon, contentDescription = null) tints it with LocalContentColor.
```

### Android XML

```xml
<!-- res/drawable/ic_background_replace.xml · Gentleface "background-replace" (line-round), MIT. https://gentleface.com/icons/background-replace -->
<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="M1.14 4.264C1.242 4.007 1.391 3.781 1.586 3.586C1.781 3.391 2.007 3.242 2.264 3.14C2.5 3.047 2.746 3 3 3L13 3C13.254 3 13.5 3.047 13.736 3.14C13.993 3.242 14.219 3.391 14.414 3.586C14.609 3.781 14.758 4.007 14.86 4.264C14.953 4.5 15 4.746 15 5L15 11C15 11.254 14.953 11.5 14.86 11.736C14.758 11.993 14.609 12.219 14.414 12.414C14.219 12.609 13.993 12.758 13.736 12.86C13.5 12.953 13.254 13 13 13L12.5 13C12.434 13 12.372 12.989 12.316 12.968C12.222 12.839 12.119 12.715 12.008 12.596C12.003 12.565 12 12.533 12 12.5C12 12.359 12.048 12.241 12.144 12.144C12.241 12.048 12.359 12 12.5 12L13 12C13.276 12 13.512 11.902 13.707 11.707C13.902 11.512 14 11.276 14 11L14 5C14 4.724 13.902 4.488 13.707 4.293C13.512 4.098 13.276 4 13 4L3 4C2.724 4 2.488 4.098 2.293 4.293C2.098 4.488 2 4.724 2 5L2 9.293L3.086 8.207C3.263 8.03 3.466 7.891 3.696 7.79C3.925 7.689 4.165 7.634 4.415 7.623C4.553 7.617 4.673 7.661 4.775 7.754C4.876 7.848 4.93 7.964 4.936 8.102C4.942 8.242 4.899 8.363 4.807 8.463C4.715 8.563 4.598 8.616 4.458 8.622C4.198 8.633 3.977 8.731 3.793 8.914L2 10.707L2 11C2 11.276 2.098 11.512 2.293 11.707C2.488 11.902 2.724 12 3 12L3.5 12C3.641 12 3.759 12.048 3.856 12.144C3.952 12.241 4 12.359 4 12.5C4 12.533 3.997 12.565 3.992 12.596C3.881 12.715 3.778 12.839 3.684 12.968C3.628 12.989 3.566 13 3.5 13L3 13C2.746 13 2.5 12.953 2.264 12.86C2.007 12.758 1.781 12.609 1.586 12.414C1.391 12.219 1.242 11.993 1.14 11.736C1.047 11.5 1 11.254 1 11L1 5C1 4.746 1.047 4.5 1.14 4.264ZM11.293 5.293C11.488 5.098 11.724 5 12 5C12.276 5 12.512 5.098 12.707 5.293C12.902 5.488 13 5.724 13 6C13 6.276 12.902 6.512 12.707 6.707C12.512 6.902 12.276 7 12 7C11.724 7 11.488 6.902 11.293 6.707C11.098 6.512 11 6.276 11 6C11 5.724 11.098 5.488 11.293 5.293ZM6.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"/>
</vector>
```

### Flutter

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

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

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

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

  @override
  void paint(Canvas canvas, Size size) {
    canvas.scale(size.width / 16, size.height / 16);
    final p = Path()
      ..moveTo(1.14, 4.264)
      ..cubicTo(1.242, 4.007, 1.391, 3.781, 1.586, 3.586)
      ..cubicTo(1.781, 3.391, 2.007, 3.242, 2.264, 3.14)
      ..cubicTo(2.5, 3.047, 2.746, 3, 3, 3)
      ..lineTo(13, 3)
      ..cubicTo(13.254, 3, 13.5, 3.047, 13.736, 3.14)
      ..cubicTo(13.993, 3.242, 14.219, 3.391, 14.414, 3.586)
      ..cubicTo(14.609, 3.781, 14.758, 4.007, 14.86, 4.264)
      ..cubicTo(14.953, 4.5, 15, 4.746, 15, 5)
      ..lineTo(15, 11)
      ..cubicTo(15, 11.254, 14.953, 11.5, 14.86, 11.736)
      ..cubicTo(14.758, 11.993, 14.609, 12.219, 14.414, 12.414)
      ..cubicTo(14.219, 12.609, 13.993, 12.758, 13.736, 12.86)
      ..cubicTo(13.5, 12.953, 13.254, 13, 13, 13)
      ..lineTo(12.5, 13)
      ..cubicTo(12.434, 13, 12.372, 12.989, 12.316, 12.968)
      ..cubicTo(12.222, 12.839, 12.119, 12.715, 12.008, 12.596)
      ..cubicTo(12.003, 12.565, 12, 12.533, 12, 12.5)
      ..cubicTo(12, 12.359, 12.048, 12.241, 12.144, 12.144)
      ..cubicTo(12.241, 12.048, 12.359, 12, 12.5, 12)
      ..lineTo(13, 12)
      ..cubicTo(13.276, 12, 13.512, 11.902, 13.707, 11.707)
      ..cubicTo(13.902, 11.512, 14, 11.276, 14, 11)
      ..lineTo(14, 5)
      ..cubicTo(14, 4.724, 13.902, 4.488, 13.707, 4.293)
      ..cubicTo(13.512, 4.098, 13.276, 4, 13, 4)
      ..lineTo(3, 4)
      ..cubicTo(2.724, 4, 2.488, 4.098, 2.293, 4.293)
      ..cubicTo(2.098, 4.488, 2, 4.724, 2, 5)
      ..lineTo(2, 9.293)
      ..lineTo(3.086, 8.207)
      ..cubicTo(3.263, 8.03, 3.466, 7.891, 3.696, 7.79)
      ..cubicTo(3.925, 7.689, 4.165, 7.634, 4.415, 7.623)
      ..cubicTo(4.553, 7.617, 4.673, 7.661, 4.775, 7.754)
      ..cubicTo(4.876, 7.848, 4.93, 7.964, 4.936, 8.102)
      ..cubicTo(4.942, 8.242, 4.899, 8.363, 4.807, 8.463)
      ..cubicTo(4.715, 8.563, 4.598, 8.616, 4.458, 8.622)
      ..cubicTo(4.198, 8.633, 3.977, 8.731, 3.793, 8.914)
      ..lineTo(2, 10.707)
      ..lineTo(2, 11)
      ..cubicTo(2, 11.276, 2.098, 11.512, 2.293, 11.707)
      ..cubicTo(2.488, 11.902, 2.724, 12, 3, 12)
      ..lineTo(3.5, 12)
      ..cubicTo(3.641, 12, 3.759, 12.048, 3.856, 12.144)
      ..cubicTo(3.952, 12.241, 4, 12.359, 4, 12.5)
      ..cubicTo(4, 12.533, 3.997, 12.565, 3.992, 12.596)
      ..cubicTo(3.881, 12.715, 3.778, 12.839, 3.684, 12.968)
      ..cubicTo(3.628, 12.989, 3.566, 13, 3.5, 13)
      ..lineTo(3, 13)
      ..cubicTo(2.746, 13, 2.5, 12.953, 2.264, 12.86)
      ..cubicTo(2.007, 12.758, 1.781, 12.609, 1.586, 12.414)
      ..cubicTo(1.391, 12.219, 1.242, 11.993, 1.14, 11.736)
      ..cubicTo(1.047, 11.5, 1, 11.254, 1, 11)
      ..lineTo(1, 5)
      ..cubicTo(1, 4.746, 1.047, 4.5, 1.14, 4.264)
      ..close()
      ..moveTo(11.293, 5.293)
      ..cubicTo(11.488, 5.098, 11.724, 5, 12, 5)
      ..cubicTo(12.276, 5, 12.512, 5.098, 12.707, 5.293)
      ..cubicTo(12.902, 5.488, 13, 5.724, 13, 6)
      ..cubicTo(13, 6.276, 12.902, 6.512, 12.707, 6.707)
      ..cubicTo(12.512, 6.902, 12.276, 7, 12, 7)
      ..cubicTo(11.724, 7, 11.488, 6.902, 11.293, 6.707)
      ..cubicTo(11.098, 6.512, 11, 6.276, 11, 6)
      ..cubicTo(11, 5.724, 11.098, 5.488, 11.293, 5.293)
      ..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(_BackgroundReplaceIconPainter old) => old.color != color;
}
```