# blend icon

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

- Category: Design
- Use it for: blend mode, blending mode
- Tags: blend, blend mode, blending, mix, multiply, screen, overlay, layer, opacity, compositing, circles, photoshop, figma
- Component name: BlendIcon
- Added: 2026-10-29
- Since: version 0.2.0
- npm: `import { BlendIcon } from '@gentleface/react';` (@gentleface/react 0.2.0)
- Changed: 2026-10-30 (added)

## Alternatives

- `transparency`: opacity alone, without a blend mode

## Don't confuse with

- `boolean-intersect`: overlap as a shape operation, not color mixing

## Also fits

- transparency: a blend mode

## 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/blend.svg · PNG https://gentleface.com/png/line-round/16/blend.png · https://gentleface.com/png/line-round/32/blend.png · https://gentleface.com/png/line-round/48/blend.png
- line-soft: https://gentleface.com/svg/line-soft/16/blend.svg · PNG https://gentleface.com/png/line-soft/16/blend.png · https://gentleface.com/png/line-soft/32/blend.png · https://gentleface.com/png/line-soft/48/blend.png
- line-sharp: https://gentleface.com/svg/line-sharp/16/blend.svg · PNG https://gentleface.com/png/line-sharp/16/blend.png · https://gentleface.com/png/line-sharp/32/blend.png · https://gentleface.com/png/line-sharp/48/blend.png
- solid-round: https://gentleface.com/svg/solid-round/16/blend.svg · PNG https://gentleface.com/png/solid-round/16/blend.png · https://gentleface.com/png/solid-round/32/blend.png · https://gentleface.com/png/solid-round/48/blend.png
- solid-soft: https://gentleface.com/svg/solid-soft/16/blend.svg · PNG https://gentleface.com/png/solid-soft/16/blend.png · https://gentleface.com/png/solid-soft/32/blend.png · https://gentleface.com/png/solid-soft/48/blend.png
- solid-sharp: https://gentleface.com/svg/solid-sharp/16/blend.svg · PNG https://gentleface.com/png/solid-sharp/16/blend.png · https://gentleface.com/png/solid-sharp/32/blend.png · https://gentleface.com/png/solid-sharp/48/blend.png

The SVG of every style: https://gentleface.com/icons/blend.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 6C1 5.364 1.117 4.75 1.351 4.159C1.605 3.517 1.976 2.952 2.464 2.464C2.952 1.975 3.517 1.604 4.159 1.35C4.75 1.116 5.364 0.998 6 0.998C6.636 0.998 7.25 1.116 7.841 1.35C8.483 1.604 9.048 1.975 9.536 2.464C10.024 2.952 10.395 3.517 10.649 4.159C10.769 4.462 10.858 4.77 10.916 5.084C11.23 5.142 11.538 5.231 11.84 5.351C12.482 5.605 13.047 5.976 13.536 6.464C14.024 6.953 14.395 7.518 14.649 8.16C14.883 8.751 15 9.364 15 10C15 10.636 14.883 11.249 14.649 11.84C14.395 12.482 14.024 13.047 13.536 13.536C13.047 14.024 12.482 14.395 11.84 14.649C11.249 14.883 10.636 15 10 15C9.364 15 8.751 14.883 8.16 14.649C7.518 14.395 6.953 14.024 6.464 13.536C5.976 13.047 5.605 12.482 5.351 11.84C5.232 11.539 5.143 11.231 5.084 10.918C4.77 10.859 4.462 10.77 4.159 10.65C3.517 10.396 2.952 10.025 2.464 9.536C1.976 9.048 1.605 8.483 1.351 7.841C1.117 7.25 1 6.636 1 6L1 6L1 6ZM2 6C2 6.509 2.093 7 2.28 7.473C2.484 7.987 2.781 8.439 3.171 8.829C3.562 9.22 4.014 9.517 4.527 9.721C4.683 9.782 4.842 9.834 5.002 9.875C5.016 9.284 5.132 8.712 5.351 8.16C5.605 7.518 5.976 6.953 6.464 6.464C6.953 5.976 7.518 5.605 8.16 5.351C8.712 5.132 9.283 5.016 9.874 5.002C9.833 4.841 9.781 4.683 9.72 4.527C9.516 4.013 9.219 3.561 8.829 3.171C8.438 2.78 7.986 2.483 7.473 2.279C7 2.092 6.509 1.998 6 1.998C5.491 1.998 5 2.092 4.527 2.279C4.014 2.483 3.562 2.78 3.171 3.171C2.781 3.561 2.484 4.013 2.28 4.527C2.093 5 2 5.491 2 6L2 6L2 6ZM6 10.002C6.509 10.002 7 9.908 7.473 9.721C7.986 9.517 8.438 9.22 8.829 8.829C9.219 8.439 9.516 7.987 9.72 7.473C9.907 7 10 6.509 10 6C9.491 6 9.001 6.094 8.528 6.281C8.014 6.484 7.562 6.781 7.172 7.172C6.781 7.562 6.484 8.014 6.281 8.528C6.094 9.001 6 9.491 6 10L6 10.001L6 10.002ZM7.172 12.828C7.562 13.219 8.014 13.516 8.528 13.719C9.001 13.906 9.491 14 10 14C10.509 14 10.999 13.906 11.472 13.719C11.986 13.516 12.438 13.219 12.828 12.828C13.219 12.438 13.516 11.986 13.719 11.472C13.906 10.999 14 10.509 14 10C14 9.491 13.906 9.001 13.719 8.528C13.516 8.014 13.219 7.562 12.828 7.172C12.438 6.781 11.986 6.484 11.472 6.281C11.316 6.219 11.158 6.168 10.999 6.126C10.984 6.717 10.868 7.289 10.649 7.841C10.395 8.483 10.024 9.048 9.536 9.536C9.048 10.025 8.483 10.396 7.841 10.65C7.289 10.869 6.717 10.985 6.127 11C6.168 11.159 6.219 11.317 6.281 11.472C6.484 11.986 6.781 12.438 7.172 12.828Z"/></svg>
```

### React

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

export function BlendIcon(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 6C1 5.364 1.117 4.75 1.351 4.159C1.605 3.517 1.976 2.952 2.464 2.464C2.952 1.975 3.517 1.604 4.159 1.35C4.75 1.116 5.364 0.998 6 0.998C6.636 0.998 7.25 1.116 7.841 1.35C8.483 1.604 9.048 1.975 9.536 2.464C10.024 2.952 10.395 3.517 10.649 4.159C10.769 4.462 10.858 4.77 10.916 5.084C11.23 5.142 11.538 5.231 11.84 5.351C12.482 5.605 13.047 5.976 13.536 6.464C14.024 6.953 14.395 7.518 14.649 8.16C14.883 8.751 15 9.364 15 10C15 10.636 14.883 11.249 14.649 11.84C14.395 12.482 14.024 13.047 13.536 13.536C13.047 14.024 12.482 14.395 11.84 14.649C11.249 14.883 10.636 15 10 15C9.364 15 8.751 14.883 8.16 14.649C7.518 14.395 6.953 14.024 6.464 13.536C5.976 13.047 5.605 12.482 5.351 11.84C5.232 11.539 5.143 11.231 5.084 10.918C4.77 10.859 4.462 10.77 4.159 10.65C3.517 10.396 2.952 10.025 2.464 9.536C1.976 9.048 1.605 8.483 1.351 7.841C1.117 7.25 1 6.636 1 6L1 6L1 6ZM2 6C2 6.509 2.093 7 2.28 7.473C2.484 7.987 2.781 8.439 3.171 8.829C3.562 9.22 4.014 9.517 4.527 9.721C4.683 9.782 4.842 9.834 5.002 9.875C5.016 9.284 5.132 8.712 5.351 8.16C5.605 7.518 5.976 6.953 6.464 6.464C6.953 5.976 7.518 5.605 8.16 5.351C8.712 5.132 9.283 5.016 9.874 5.002C9.833 4.841 9.781 4.683 9.72 4.527C9.516 4.013 9.219 3.561 8.829 3.171C8.438 2.78 7.986 2.483 7.473 2.279C7 2.092 6.509 1.998 6 1.998C5.491 1.998 5 2.092 4.527 2.279C4.014 2.483 3.562 2.78 3.171 3.171C2.781 3.561 2.484 4.013 2.28 4.527C2.093 5 2 5.491 2 6L2 6L2 6ZM6 10.002C6.509 10.002 7 9.908 7.473 9.721C7.986 9.517 8.438 9.22 8.829 8.829C9.219 8.439 9.516 7.987 9.72 7.473C9.907 7 10 6.509 10 6C9.491 6 9.001 6.094 8.528 6.281C8.014 6.484 7.562 6.781 7.172 7.172C6.781 7.562 6.484 8.014 6.281 8.528C6.094 9.001 6 9.491 6 10L6 10.001L6 10.002ZM7.172 12.828C7.562 13.219 8.014 13.516 8.528 13.719C9.001 13.906 9.491 14 10 14C10.509 14 10.999 13.906 11.472 13.719C11.986 13.516 12.438 13.219 12.828 12.828C13.219 12.438 13.516 11.986 13.719 11.472C13.906 10.999 14 10.509 14 10C14 9.491 13.906 9.001 13.719 8.528C13.516 8.014 13.219 7.562 12.828 7.172C12.438 6.781 11.986 6.484 11.472 6.281C11.316 6.219 11.158 6.168 10.999 6.126C10.984 6.717 10.868 7.289 10.649 7.841C10.395 8.483 10.024 9.048 9.536 9.536C9.048 10.025 8.483 10.396 7.841 10.65C7.289 10.869 6.717 10.985 6.127 11C6.168 11.159 6.219 11.317 6.281 11.472C6.484 11.986 6.781 12.438 7.172 12.828Z" />
    </svg>
  );
}
```

### Vue

```vue
<!-- Gentleface "blend" (line-round), MIT. https://gentleface.com/icons/blend -->
<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 6C1 5.364 1.117 4.75 1.351 4.159C1.605 3.517 1.976 2.952 2.464 2.464C2.952 1.975 3.517 1.604 4.159 1.35C4.75 1.116 5.364 0.998 6 0.998C6.636 0.998 7.25 1.116 7.841 1.35C8.483 1.604 9.048 1.975 9.536 2.464C10.024 2.952 10.395 3.517 10.649 4.159C10.769 4.462 10.858 4.77 10.916 5.084C11.23 5.142 11.538 5.231 11.84 5.351C12.482 5.605 13.047 5.976 13.536 6.464C14.024 6.953 14.395 7.518 14.649 8.16C14.883 8.751 15 9.364 15 10C15 10.636 14.883 11.249 14.649 11.84C14.395 12.482 14.024 13.047 13.536 13.536C13.047 14.024 12.482 14.395 11.84 14.649C11.249 14.883 10.636 15 10 15C9.364 15 8.751 14.883 8.16 14.649C7.518 14.395 6.953 14.024 6.464 13.536C5.976 13.047 5.605 12.482 5.351 11.84C5.232 11.539 5.143 11.231 5.084 10.918C4.77 10.859 4.462 10.77 4.159 10.65C3.517 10.396 2.952 10.025 2.464 9.536C1.976 9.048 1.605 8.483 1.351 7.841C1.117 7.25 1 6.636 1 6L1 6L1 6ZM2 6C2 6.509 2.093 7 2.28 7.473C2.484 7.987 2.781 8.439 3.171 8.829C3.562 9.22 4.014 9.517 4.527 9.721C4.683 9.782 4.842 9.834 5.002 9.875C5.016 9.284 5.132 8.712 5.351 8.16C5.605 7.518 5.976 6.953 6.464 6.464C6.953 5.976 7.518 5.605 8.16 5.351C8.712 5.132 9.283 5.016 9.874 5.002C9.833 4.841 9.781 4.683 9.72 4.527C9.516 4.013 9.219 3.561 8.829 3.171C8.438 2.78 7.986 2.483 7.473 2.279C7 2.092 6.509 1.998 6 1.998C5.491 1.998 5 2.092 4.527 2.279C4.014 2.483 3.562 2.78 3.171 3.171C2.781 3.561 2.484 4.013 2.28 4.527C2.093 5 2 5.491 2 6L2 6L2 6ZM6 10.002C6.509 10.002 7 9.908 7.473 9.721C7.986 9.517 8.438 9.22 8.829 8.829C9.219 8.439 9.516 7.987 9.72 7.473C9.907 7 10 6.509 10 6C9.491 6 9.001 6.094 8.528 6.281C8.014 6.484 7.562 6.781 7.172 7.172C6.781 7.562 6.484 8.014 6.281 8.528C6.094 9.001 6 9.491 6 10L6 10.001L6 10.002ZM7.172 12.828C7.562 13.219 8.014 13.516 8.528 13.719C9.001 13.906 9.491 14 10 14C10.509 14 10.999 13.906 11.472 13.719C11.986 13.516 12.438 13.219 12.828 12.828C13.219 12.438 13.516 11.986 13.719 11.472C13.906 10.999 14 10.509 14 10C14 9.491 13.906 9.001 13.719 8.528C13.516 8.014 13.219 7.562 12.828 7.172C12.438 6.781 11.986 6.484 11.472 6.281C11.316 6.219 11.158 6.168 10.999 6.126C10.984 6.717 10.868 7.289 10.649 7.841C10.395 8.483 10.024 9.048 9.536 9.536C9.048 10.025 8.483 10.396 7.841 10.65C7.289 10.869 6.717 10.985 6.127 11C6.168 11.159 6.219 11.317 6.281 11.472C6.484 11.986 6.781 12.438 7.172 12.828Z" />
  </svg>
</template>
```

### Svelte

```svelte
<!-- Gentleface "blend" (line-round), MIT. https://gentleface.com/icons/blend -->
<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 6C1 5.364 1.117 4.75 1.351 4.159C1.605 3.517 1.976 2.952 2.464 2.464C2.952 1.975 3.517 1.604 4.159 1.35C4.75 1.116 5.364 0.998 6 0.998C6.636 0.998 7.25 1.116 7.841 1.35C8.483 1.604 9.048 1.975 9.536 2.464C10.024 2.952 10.395 3.517 10.649 4.159C10.769 4.462 10.858 4.77 10.916 5.084C11.23 5.142 11.538 5.231 11.84 5.351C12.482 5.605 13.047 5.976 13.536 6.464C14.024 6.953 14.395 7.518 14.649 8.16C14.883 8.751 15 9.364 15 10C15 10.636 14.883 11.249 14.649 11.84C14.395 12.482 14.024 13.047 13.536 13.536C13.047 14.024 12.482 14.395 11.84 14.649C11.249 14.883 10.636 15 10 15C9.364 15 8.751 14.883 8.16 14.649C7.518 14.395 6.953 14.024 6.464 13.536C5.976 13.047 5.605 12.482 5.351 11.84C5.232 11.539 5.143 11.231 5.084 10.918C4.77 10.859 4.462 10.77 4.159 10.65C3.517 10.396 2.952 10.025 2.464 9.536C1.976 9.048 1.605 8.483 1.351 7.841C1.117 7.25 1 6.636 1 6L1 6L1 6ZM2 6C2 6.509 2.093 7 2.28 7.473C2.484 7.987 2.781 8.439 3.171 8.829C3.562 9.22 4.014 9.517 4.527 9.721C4.683 9.782 4.842 9.834 5.002 9.875C5.016 9.284 5.132 8.712 5.351 8.16C5.605 7.518 5.976 6.953 6.464 6.464C6.953 5.976 7.518 5.605 8.16 5.351C8.712 5.132 9.283 5.016 9.874 5.002C9.833 4.841 9.781 4.683 9.72 4.527C9.516 4.013 9.219 3.561 8.829 3.171C8.438 2.78 7.986 2.483 7.473 2.279C7 2.092 6.509 1.998 6 1.998C5.491 1.998 5 2.092 4.527 2.279C4.014 2.483 3.562 2.78 3.171 3.171C2.781 3.561 2.484 4.013 2.28 4.527C2.093 5 2 5.491 2 6L2 6L2 6ZM6 10.002C6.509 10.002 7 9.908 7.473 9.721C7.986 9.517 8.438 9.22 8.829 8.829C9.219 8.439 9.516 7.987 9.72 7.473C9.907 7 10 6.509 10 6C9.491 6 9.001 6.094 8.528 6.281C8.014 6.484 7.562 6.781 7.172 7.172C6.781 7.562 6.484 8.014 6.281 8.528C6.094 9.001 6 9.491 6 10L6 10.001L6 10.002ZM7.172 12.828C7.562 13.219 8.014 13.516 8.528 13.719C9.001 13.906 9.491 14 10 14C10.509 14 10.999 13.906 11.472 13.719C11.986 13.516 12.438 13.219 12.828 12.828C13.219 12.438 13.516 11.986 13.719 11.472C13.906 10.999 14 10.509 14 10C14 9.491 13.906 9.001 13.719 8.528C13.516 8.014 13.219 7.562 12.828 7.172C12.438 6.781 11.986 6.484 11.472 6.281C11.316 6.219 11.158 6.168 10.999 6.126C10.984 6.717 10.868 7.289 10.649 7.841C10.395 8.483 10.024 9.048 9.536 9.536C9.048 10.025 8.483 10.396 7.841 10.65C7.289 10.869 6.717 10.985 6.127 11C6.168 11.159 6.219 11.317 6.281 11.472C6.484 11.986 6.781 12.438 7.172 12.828Z" />
</svg>
```

### HTML img

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

### CSS

```css
/* Gentleface "blend" (line-round), MIT. https://gentleface.com/icons/blend. Takes the text color. */
.icon-blend {
  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 6C1 5.364 1.117 4.75 1.351 4.159C1.605 3.517 1.976 2.952 2.464 2.464C2.952 1.975 3.517 1.604 4.159 1.35C4.75 1.116 5.364 0.998 6 0.998C6.636 0.998 7.25 1.116 7.841 1.35C8.483 1.604 9.048 1.975 9.536 2.464C10.024 2.952 10.395 3.517 10.649 4.159C10.769 4.462 10.858 4.77 10.916 5.084C11.23 5.142 11.538 5.231 11.84 5.351C12.482 5.605 13.047 5.976 13.536 6.464C14.024 6.953 14.395 7.518 14.649 8.16C14.883 8.751 15 9.364 15 10C15 10.636 14.883 11.249 14.649 11.84C14.395 12.482 14.024 13.047 13.536 13.536C13.047 14.024 12.482 14.395 11.84 14.649C11.249 14.883 10.636 15 10 15C9.364 15 8.751 14.883 8.16 14.649C7.518 14.395 6.953 14.024 6.464 13.536C5.976 13.047 5.605 12.482 5.351 11.84C5.232 11.539 5.143 11.231 5.084 10.918C4.77 10.859 4.462 10.77 4.159 10.65C3.517 10.396 2.952 10.025 2.464 9.536C1.976 9.048 1.605 8.483 1.351 7.841C1.117 7.25 1 6.636 1 6L1 6L1 6ZM2 6C2 6.509 2.093 7 2.28 7.473C2.484 7.987 2.781 8.439 3.171 8.829C3.562 9.22 4.014 9.517 4.527 9.721C4.683 9.782 4.842 9.834 5.002 9.875C5.016 9.284 5.132 8.712 5.351 8.16C5.605 7.518 5.976 6.953 6.464 6.464C6.953 5.976 7.518 5.605 8.16 5.351C8.712 5.132 9.283 5.016 9.874 5.002C9.833 4.841 9.781 4.683 9.72 4.527C9.516 4.013 9.219 3.561 8.829 3.171C8.438 2.78 7.986 2.483 7.473 2.279C7 2.092 6.509 1.998 6 1.998C5.491 1.998 5 2.092 4.527 2.279C4.014 2.483 3.562 2.78 3.171 3.171C2.781 3.561 2.484 4.013 2.28 4.527C2.093 5 2 5.491 2 6L2 6L2 6ZM6 10.002C6.509 10.002 7 9.908 7.473 9.721C7.986 9.517 8.438 9.22 8.829 8.829C9.219 8.439 9.516 7.987 9.72 7.473C9.907 7 10 6.509 10 6C9.491 6 9.001 6.094 8.528 6.281C8.014 6.484 7.562 6.781 7.172 7.172C6.781 7.562 6.484 8.014 6.281 8.528C6.094 9.001 6 9.491 6 10L6 10.001L6 10.002ZM7.172 12.828C7.562 13.219 8.014 13.516 8.528 13.719C9.001 13.906 9.491 14 10 14C10.509 14 10.999 13.906 11.472 13.719C11.986 13.516 12.438 13.219 12.828 12.828C13.219 12.438 13.516 11.986 13.719 11.472C13.906 10.999 14 10.509 14 10C14 9.491 13.906 9.001 13.719 8.528C13.516 8.014 13.219 7.562 12.828 7.172C12.438 6.781 11.986 6.484 11.472 6.281C11.316 6.219 11.158 6.168 10.999 6.126C10.984 6.717 10.868 7.289 10.649 7.841C10.395 8.483 10.024 9.048 9.536 9.536C9.048 10.025 8.483 10.396 7.841 10.65C7.289 10.869 6.717 10.985 6.127 11C6.168 11.159 6.219 11.317 6.281 11.472C6.484 11.986 6.781 12.438 7.172 12.828Z'/%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 6C1 5.364 1.117 4.75 1.351 4.159C1.605 3.517 1.976 2.952 2.464 2.464C2.952 1.975 3.517 1.604 4.159 1.35C4.75 1.116 5.364 0.998 6 0.998C6.636 0.998 7.25 1.116 7.841 1.35C8.483 1.604 9.048 1.975 9.536 2.464C10.024 2.952 10.395 3.517 10.649 4.159C10.769 4.462 10.858 4.77 10.916 5.084C11.23 5.142 11.538 5.231 11.84 5.351C12.482 5.605 13.047 5.976 13.536 6.464C14.024 6.953 14.395 7.518 14.649 8.16C14.883 8.751 15 9.364 15 10C15 10.636 14.883 11.249 14.649 11.84C14.395 12.482 14.024 13.047 13.536 13.536C13.047 14.024 12.482 14.395 11.84 14.649C11.249 14.883 10.636 15 10 15C9.364 15 8.751 14.883 8.16 14.649C7.518 14.395 6.953 14.024 6.464 13.536C5.976 13.047 5.605 12.482 5.351 11.84C5.232 11.539 5.143 11.231 5.084 10.918C4.77 10.859 4.462 10.77 4.159 10.65C3.517 10.396 2.952 10.025 2.464 9.536C1.976 9.048 1.605 8.483 1.351 7.841C1.117 7.25 1 6.636 1 6L1 6L1 6ZM2 6C2 6.509 2.093 7 2.28 7.473C2.484 7.987 2.781 8.439 3.171 8.829C3.562 9.22 4.014 9.517 4.527 9.721C4.683 9.782 4.842 9.834 5.002 9.875C5.016 9.284 5.132 8.712 5.351 8.16C5.605 7.518 5.976 6.953 6.464 6.464C6.953 5.976 7.518 5.605 8.16 5.351C8.712 5.132 9.283 5.016 9.874 5.002C9.833 4.841 9.781 4.683 9.72 4.527C9.516 4.013 9.219 3.561 8.829 3.171C8.438 2.78 7.986 2.483 7.473 2.279C7 2.092 6.509 1.998 6 1.998C5.491 1.998 5 2.092 4.527 2.279C4.014 2.483 3.562 2.78 3.171 3.171C2.781 3.561 2.484 4.013 2.28 4.527C2.093 5 2 5.491 2 6L2 6L2 6ZM6 10.002C6.509 10.002 7 9.908 7.473 9.721C7.986 9.517 8.438 9.22 8.829 8.829C9.219 8.439 9.516 7.987 9.72 7.473C9.907 7 10 6.509 10 6C9.491 6 9.001 6.094 8.528 6.281C8.014 6.484 7.562 6.781 7.172 7.172C6.781 7.562 6.484 8.014 6.281 8.528C6.094 9.001 6 9.491 6 10L6 10.001L6 10.002ZM7.172 12.828C7.562 13.219 8.014 13.516 8.528 13.719C9.001 13.906 9.491 14 10 14C10.509 14 10.999 13.906 11.472 13.719C11.986 13.516 12.438 13.219 12.828 12.828C13.219 12.438 13.516 11.986 13.719 11.472C13.906 10.999 14 10.509 14 10C14 9.491 13.906 9.001 13.719 8.528C13.516 8.014 13.219 7.562 12.828 7.172C12.438 6.781 11.986 6.484 11.472 6.281C11.316 6.219 11.158 6.168 10.999 6.126C10.984 6.717 10.868 7.289 10.649 7.841C10.395 8.483 10.024 9.048 9.536 9.536C9.048 10.025 8.483 10.396 7.841 10.65C7.289 10.869 6.717 10.985 6.127 11C6.168 11.159 6.219 11.317 6.281 11.472C6.484 11.986 6.781 12.438 7.172 12.828Z'/%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 6C1 5.364 1.117 4.75 1.351 4.159C1.605 3.517 1.976 2.952 2.464 2.464C2.952 1.975 3.517 1.604 4.159 1.35C4.75 1.116 5.364 0.998 6 0.998C6.636 0.998 7.25 1.116 7.841 1.35C8.483 1.604 9.048 1.975 9.536 2.464C10.024 2.952 10.395 3.517 10.649 4.159C10.769 4.462 10.858 4.77 10.916 5.084C11.23 5.142 11.538 5.231 11.84 5.351C12.482 5.605 13.047 5.976 13.536 6.464C14.024 6.953 14.395 7.518 14.649 8.16C14.883 8.751 15 9.364 15 10C15 10.636 14.883 11.249 14.649 11.84C14.395 12.482 14.024 13.047 13.536 13.536C13.047 14.024 12.482 14.395 11.84 14.649C11.249 14.883 10.636 15 10 15C9.364 15 8.751 14.883 8.16 14.649C7.518 14.395 6.953 14.024 6.464 13.536C5.976 13.047 5.605 12.482 5.351 11.84C5.232 11.539 5.143 11.231 5.084 10.918C4.77 10.859 4.462 10.77 4.159 10.65C3.517 10.396 2.952 10.025 2.464 9.536C1.976 9.048 1.605 8.483 1.351 7.841C1.117 7.25 1 6.636 1 6L1 6L1 6ZM2 6C2 6.509 2.093 7 2.28 7.473C2.484 7.987 2.781 8.439 3.171 8.829C3.562 9.22 4.014 9.517 4.527 9.721C4.683 9.782 4.842 9.834 5.002 9.875C5.016 9.284 5.132 8.712 5.351 8.16C5.605 7.518 5.976 6.953 6.464 6.464C6.953 5.976 7.518 5.605 8.16 5.351C8.712 5.132 9.283 5.016 9.874 5.002C9.833 4.841 9.781 4.683 9.72 4.527C9.516 4.013 9.219 3.561 8.829 3.171C8.438 2.78 7.986 2.483 7.473 2.279C7 2.092 6.509 1.998 6 1.998C5.491 1.998 5 2.092 4.527 2.279C4.014 2.483 3.562 2.78 3.171 3.171C2.781 3.561 2.484 4.013 2.28 4.527C2.093 5 2 5.491 2 6L2 6L2 6ZM6 10.002C6.509 10.002 7 9.908 7.473 9.721C7.986 9.517 8.438 9.22 8.829 8.829C9.219 8.439 9.516 7.987 9.72 7.473C9.907 7 10 6.509 10 6C9.491 6 9.001 6.094 8.528 6.281C8.014 6.484 7.562 6.781 7.172 7.172C6.781 7.562 6.484 8.014 6.281 8.528C6.094 9.001 6 9.491 6 10L6 10.001L6 10.002ZM7.172 12.828C7.562 13.219 8.014 13.516 8.528 13.719C9.001 13.906 9.491 14 10 14C10.509 14 10.999 13.906 11.472 13.719C11.986 13.516 12.438 13.219 12.828 12.828C13.219 12.438 13.516 11.986 13.719 11.472C13.906 10.999 14 10.509 14 10C14 9.491 13.906 9.001 13.719 8.528C13.516 8.014 13.219 7.562 12.828 7.172C12.438 6.781 11.986 6.484 11.472 6.281C11.316 6.219 11.158 6.168 10.999 6.126C10.984 6.717 10.868 7.289 10.649 7.841C10.395 8.483 10.024 9.048 9.536 9.536C9.048 10.025 8.483 10.396 7.841 10.65C7.289 10.869 6.717 10.985 6.127 11C6.168 11.159 6.219 11.317 6.281 11.472C6.484 11.986 6.781 12.438 7.172 12.828Z'/%3E%3C/svg%3E
```

### Sprite

```html
<!-- Gentleface "blend" (line-round), MIT. https://gentleface.com/icons/blend
     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#blend"/></svg>
```

### SwiftUI

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

struct BlendIcon: Shape {
    func path(in rect: CGRect) -> Path {
        var p = Path()
        p.move(to: CGPoint(x: 1, y: 6))
        p.addCurve(to: CGPoint(x: 1.351, y: 4.159), control1: CGPoint(x: 1, y: 5.364), control2: CGPoint(x: 1.117, y: 4.75))
        p.addCurve(to: CGPoint(x: 2.464, y: 2.464), control1: CGPoint(x: 1.605, y: 3.517), control2: CGPoint(x: 1.976, y: 2.952))
        p.addCurve(to: CGPoint(x: 4.159, y: 1.35), control1: CGPoint(x: 2.952, y: 1.975), control2: CGPoint(x: 3.517, y: 1.604))
        p.addCurve(to: CGPoint(x: 6, y: 0.998), control1: CGPoint(x: 4.75, y: 1.116), control2: CGPoint(x: 5.364, y: 0.998))
        p.addCurve(to: CGPoint(x: 7.841, y: 1.35), control1: CGPoint(x: 6.636, y: 0.998), control2: CGPoint(x: 7.25, y: 1.116))
        p.addCurve(to: CGPoint(x: 9.536, y: 2.464), control1: CGPoint(x: 8.483, y: 1.604), control2: CGPoint(x: 9.048, y: 1.975))
        p.addCurve(to: CGPoint(x: 10.649, y: 4.159), control1: CGPoint(x: 10.024, y: 2.952), control2: CGPoint(x: 10.395, y: 3.517))
        p.addCurve(to: CGPoint(x: 10.916, y: 5.084), control1: CGPoint(x: 10.769, y: 4.462), control2: CGPoint(x: 10.858, y: 4.77))
        p.addCurve(to: CGPoint(x: 11.84, y: 5.351), control1: CGPoint(x: 11.23, y: 5.142), control2: CGPoint(x: 11.538, y: 5.231))
        p.addCurve(to: CGPoint(x: 13.536, y: 6.464), control1: CGPoint(x: 12.482, y: 5.605), control2: CGPoint(x: 13.047, y: 5.976))
        p.addCurve(to: CGPoint(x: 14.649, y: 8.16), control1: CGPoint(x: 14.024, y: 6.953), control2: CGPoint(x: 14.395, y: 7.518))
        p.addCurve(to: CGPoint(x: 15, y: 10), control1: CGPoint(x: 14.883, y: 8.751), control2: CGPoint(x: 15, y: 9.364))
        p.addCurve(to: CGPoint(x: 14.649, y: 11.84), control1: CGPoint(x: 15, y: 10.636), control2: CGPoint(x: 14.883, y: 11.249))
        p.addCurve(to: CGPoint(x: 13.536, y: 13.536), control1: CGPoint(x: 14.395, y: 12.482), control2: CGPoint(x: 14.024, y: 13.047))
        p.addCurve(to: CGPoint(x: 11.84, y: 14.649), control1: CGPoint(x: 13.047, y: 14.024), control2: CGPoint(x: 12.482, y: 14.395))
        p.addCurve(to: CGPoint(x: 10, y: 15), control1: CGPoint(x: 11.249, y: 14.883), control2: CGPoint(x: 10.636, y: 15))
        p.addCurve(to: CGPoint(x: 8.16, y: 14.649), control1: CGPoint(x: 9.364, y: 15), control2: CGPoint(x: 8.751, y: 14.883))
        p.addCurve(to: CGPoint(x: 6.464, y: 13.536), control1: CGPoint(x: 7.518, y: 14.395), control2: CGPoint(x: 6.953, y: 14.024))
        p.addCurve(to: CGPoint(x: 5.351, y: 11.84), control1: CGPoint(x: 5.976, y: 13.047), control2: CGPoint(x: 5.605, y: 12.482))
        p.addCurve(to: CGPoint(x: 5.084, y: 10.918), control1: CGPoint(x: 5.232, y: 11.539), control2: CGPoint(x: 5.143, y: 11.231))
        p.addCurve(to: CGPoint(x: 4.159, y: 10.65), control1: CGPoint(x: 4.77, y: 10.859), control2: CGPoint(x: 4.462, y: 10.77))
        p.addCurve(to: CGPoint(x: 2.464, y: 9.536), control1: CGPoint(x: 3.517, y: 10.396), control2: CGPoint(x: 2.952, y: 10.025))
        p.addCurve(to: CGPoint(x: 1.351, y: 7.841), control1: CGPoint(x: 1.976, y: 9.048), control2: CGPoint(x: 1.605, y: 8.483))
        p.addCurve(to: CGPoint(x: 1, y: 6), control1: CGPoint(x: 1.117, y: 7.25), control2: CGPoint(x: 1, y: 6.636))
        p.addLine(to: CGPoint(x: 1, y: 6))
        p.addLine(to: CGPoint(x: 1, y: 6))
        p.closeSubpath()
        p.move(to: CGPoint(x: 2, y: 6))
        p.addCurve(to: CGPoint(x: 2.28, y: 7.473), control1: CGPoint(x: 2, y: 6.509), control2: CGPoint(x: 2.093, y: 7))
        p.addCurve(to: CGPoint(x: 3.171, y: 8.829), control1: CGPoint(x: 2.484, y: 7.987), control2: CGPoint(x: 2.781, y: 8.439))
        p.addCurve(to: CGPoint(x: 4.527, y: 9.721), control1: CGPoint(x: 3.562, y: 9.22), control2: CGPoint(x: 4.014, y: 9.517))
        p.addCurve(to: CGPoint(x: 5.002, y: 9.875), control1: CGPoint(x: 4.683, y: 9.782), control2: CGPoint(x: 4.842, y: 9.834))
        p.addCurve(to: CGPoint(x: 5.351, y: 8.16), control1: CGPoint(x: 5.016, y: 9.284), control2: CGPoint(x: 5.132, y: 8.712))
        p.addCurve(to: CGPoint(x: 6.464, y: 6.464), control1: CGPoint(x: 5.605, y: 7.518), control2: CGPoint(x: 5.976, y: 6.953))
        p.addCurve(to: CGPoint(x: 8.16, y: 5.351), control1: CGPoint(x: 6.953, y: 5.976), control2: CGPoint(x: 7.518, y: 5.605))
        p.addCurve(to: CGPoint(x: 9.874, y: 5.002), control1: CGPoint(x: 8.712, y: 5.132), control2: CGPoint(x: 9.283, y: 5.016))
        p.addCurve(to: CGPoint(x: 9.72, y: 4.527), control1: CGPoint(x: 9.833, y: 4.841), control2: CGPoint(x: 9.781, y: 4.683))
        p.addCurve(to: CGPoint(x: 8.829, y: 3.171), control1: CGPoint(x: 9.516, y: 4.013), control2: CGPoint(x: 9.219, y: 3.561))
        p.addCurve(to: CGPoint(x: 7.473, y: 2.279), control1: CGPoint(x: 8.438, y: 2.78), control2: CGPoint(x: 7.986, y: 2.483))
        p.addCurve(to: CGPoint(x: 6, y: 1.998), control1: CGPoint(x: 7, y: 2.092), control2: CGPoint(x: 6.509, y: 1.998))
        p.addCurve(to: CGPoint(x: 4.527, y: 2.279), control1: CGPoint(x: 5.491, y: 1.998), control2: CGPoint(x: 5, y: 2.092))
        p.addCurve(to: CGPoint(x: 3.171, y: 3.171), control1: CGPoint(x: 4.014, y: 2.483), control2: CGPoint(x: 3.562, y: 2.78))
        p.addCurve(to: CGPoint(x: 2.28, y: 4.527), control1: CGPoint(x: 2.781, y: 3.561), control2: CGPoint(x: 2.484, y: 4.013))
        p.addCurve(to: CGPoint(x: 2, y: 6), control1: CGPoint(x: 2.093, y: 5), control2: CGPoint(x: 2, y: 5.491))
        p.addLine(to: CGPoint(x: 2, y: 6))
        p.addLine(to: CGPoint(x: 2, y: 6))
        p.closeSubpath()
        p.move(to: CGPoint(x: 6, y: 10.002))
        p.addCurve(to: CGPoint(x: 7.473, y: 9.721), control1: CGPoint(x: 6.509, y: 10.002), control2: CGPoint(x: 7, y: 9.908))
        p.addCurve(to: CGPoint(x: 8.829, y: 8.829), control1: CGPoint(x: 7.986, y: 9.517), control2: CGPoint(x: 8.438, y: 9.22))
        p.addCurve(to: CGPoint(x: 9.72, y: 7.473), control1: CGPoint(x: 9.219, y: 8.439), control2: CGPoint(x: 9.516, y: 7.987))
        p.addCurve(to: CGPoint(x: 10, y: 6), control1: CGPoint(x: 9.907, y: 7), control2: CGPoint(x: 10, y: 6.509))
        p.addCurve(to: CGPoint(x: 8.528, y: 6.281), control1: CGPoint(x: 9.491, y: 6), control2: CGPoint(x: 9.001, y: 6.094))
        p.addCurve(to: CGPoint(x: 7.172, y: 7.172), control1: CGPoint(x: 8.014, y: 6.484), control2: CGPoint(x: 7.562, y: 6.781))
        p.addCurve(to: CGPoint(x: 6.281, y: 8.528), control1: CGPoint(x: 6.781, y: 7.562), control2: CGPoint(x: 6.484, y: 8.014))
        p.addCurve(to: CGPoint(x: 6, y: 10), control1: CGPoint(x: 6.094, y: 9.001), control2: CGPoint(x: 6, y: 9.491))
        p.addLine(to: CGPoint(x: 6, y: 10.001))
        p.addLine(to: CGPoint(x: 6, y: 10.002))
        p.closeSubpath()
        p.move(to: CGPoint(x: 7.172, y: 12.828))
        p.addCurve(to: CGPoint(x: 8.528, y: 13.719), control1: CGPoint(x: 7.562, y: 13.219), control2: CGPoint(x: 8.014, y: 13.516))
        p.addCurve(to: CGPoint(x: 10, y: 14), control1: CGPoint(x: 9.001, y: 13.906), control2: CGPoint(x: 9.491, y: 14))
        p.addCurve(to: CGPoint(x: 11.472, y: 13.719), control1: CGPoint(x: 10.509, y: 14), control2: CGPoint(x: 10.999, y: 13.906))
        p.addCurve(to: CGPoint(x: 12.828, y: 12.828), control1: CGPoint(x: 11.986, y: 13.516), control2: CGPoint(x: 12.438, y: 13.219))
        p.addCurve(to: CGPoint(x: 13.719, y: 11.472), control1: CGPoint(x: 13.219, y: 12.438), control2: CGPoint(x: 13.516, y: 11.986))
        p.addCurve(to: CGPoint(x: 14, y: 10), control1: CGPoint(x: 13.906, y: 10.999), control2: CGPoint(x: 14, y: 10.509))
        p.addCurve(to: CGPoint(x: 13.719, y: 8.528), control1: CGPoint(x: 14, y: 9.491), control2: CGPoint(x: 13.906, y: 9.001))
        p.addCurve(to: CGPoint(x: 12.828, y: 7.172), control1: CGPoint(x: 13.516, y: 8.014), control2: CGPoint(x: 13.219, y: 7.562))
        p.addCurve(to: CGPoint(x: 11.472, y: 6.281), control1: CGPoint(x: 12.438, y: 6.781), control2: CGPoint(x: 11.986, y: 6.484))
        p.addCurve(to: CGPoint(x: 10.999, y: 6.126), control1: CGPoint(x: 11.316, y: 6.219), control2: CGPoint(x: 11.158, y: 6.168))
        p.addCurve(to: CGPoint(x: 10.649, y: 7.841), control1: CGPoint(x: 10.984, y: 6.717), control2: CGPoint(x: 10.868, y: 7.289))
        p.addCurve(to: CGPoint(x: 9.536, y: 9.536), control1: CGPoint(x: 10.395, y: 8.483), control2: CGPoint(x: 10.024, y: 9.048))
        p.addCurve(to: CGPoint(x: 7.841, y: 10.65), control1: CGPoint(x: 9.048, y: 10.025), control2: CGPoint(x: 8.483, y: 10.396))
        p.addCurve(to: CGPoint(x: 6.127, y: 11), control1: CGPoint(x: 7.289, y: 10.869), control2: CGPoint(x: 6.717, y: 10.985))
        p.addCurve(to: CGPoint(x: 6.281, y: 11.472), control1: CGPoint(x: 6.168, y: 11.159), control2: CGPoint(x: 6.219, y: 11.317))
        p.addCurve(to: CGPoint(x: 7.172, y: 12.828), control1: CGPoint(x: 6.484, y: 11.986), control2: CGPoint(x: 6.781, y: 12.438))
        p.closeSubpath()
        return p.applying(CGAffineTransform(scaleX: rect.width / 16, y: rect.height / 16))
    }
}

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

### Compose

```kotlin
// Gentleface "blend" (line-round), MIT. https://gentleface.com/icons/blend
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 BlendIcon: ImageVector by lazy {
    ImageVector.Builder(
        name = "blend", defaultWidth = 16.dp, defaultHeight = 16.dp,
        viewportWidth = 16f, viewportHeight = 16f,
    ).addPath(
        pathData = addPathNodes("M1 6C1 5.364 1.117 4.75 1.351 4.159C1.605 3.517 1.976 2.952 2.464 2.464C2.952 1.975 3.517 1.604 4.159 1.35C4.75 1.116 5.364 0.998 6 0.998C6.636 0.998 7.25 1.116 7.841 1.35C8.483 1.604 9.048 1.975 9.536 2.464C10.024 2.952 10.395 3.517 10.649 4.159C10.769 4.462 10.858 4.77 10.916 5.084C11.23 5.142 11.538 5.231 11.84 5.351C12.482 5.605 13.047 5.976 13.536 6.464C14.024 6.953 14.395 7.518 14.649 8.16C14.883 8.751 15 9.364 15 10C15 10.636 14.883 11.249 14.649 11.84C14.395 12.482 14.024 13.047 13.536 13.536C13.047 14.024 12.482 14.395 11.84 14.649C11.249 14.883 10.636 15 10 15C9.364 15 8.751 14.883 8.16 14.649C7.518 14.395 6.953 14.024 6.464 13.536C5.976 13.047 5.605 12.482 5.351 11.84C5.232 11.539 5.143 11.231 5.084 10.918C4.77 10.859 4.462 10.77 4.159 10.65C3.517 10.396 2.952 10.025 2.464 9.536C1.976 9.048 1.605 8.483 1.351 7.841C1.117 7.25 1 6.636 1 6L1 6L1 6ZM2 6C2 6.509 2.093 7 2.28 7.473C2.484 7.987 2.781 8.439 3.171 8.829C3.562 9.22 4.014 9.517 4.527 9.721C4.683 9.782 4.842 9.834 5.002 9.875C5.016 9.284 5.132 8.712 5.351 8.16C5.605 7.518 5.976 6.953 6.464 6.464C6.953 5.976 7.518 5.605 8.16 5.351C8.712 5.132 9.283 5.016 9.874 5.002C9.833 4.841 9.781 4.683 9.72 4.527C9.516 4.013 9.219 3.561 8.829 3.171C8.438 2.78 7.986 2.483 7.473 2.279C7 2.092 6.509 1.998 6 1.998C5.491 1.998 5 2.092 4.527 2.279C4.014 2.483 3.562 2.78 3.171 3.171C2.781 3.561 2.484 4.013 2.28 4.527C2.093 5 2 5.491 2 6L2 6L2 6ZM6 10.002C6.509 10.002 7 9.908 7.473 9.721C7.986 9.517 8.438 9.22 8.829 8.829C9.219 8.439 9.516 7.987 9.72 7.473C9.907 7 10 6.509 10 6C9.491 6 9.001 6.094 8.528 6.281C8.014 6.484 7.562 6.781 7.172 7.172C6.781 7.562 6.484 8.014 6.281 8.528C6.094 9.001 6 9.491 6 10L6 10.001L6 10.002ZM7.172 12.828C7.562 13.219 8.014 13.516 8.528 13.719C9.001 13.906 9.491 14 10 14C10.509 14 10.999 13.906 11.472 13.719C11.986 13.516 12.438 13.219 12.828 12.828C13.219 12.438 13.516 11.986 13.719 11.472C13.906 10.999 14 10.509 14 10C14 9.491 13.906 9.001 13.719 8.528C13.516 8.014 13.219 7.562 12.828 7.172C12.438 6.781 11.986 6.484 11.472 6.281C11.316 6.219 11.158 6.168 10.999 6.126C10.984 6.717 10.868 7.289 10.649 7.841C10.395 8.483 10.024 9.048 9.536 9.536C9.048 10.025 8.483 10.396 7.841 10.65C7.289 10.869 6.717 10.985 6.127 11C6.168 11.159 6.219 11.317 6.281 11.472C6.484 11.986 6.781 12.438 7.172 12.828Z"),
        fill = SolidColor(Color.Black),
    ).build()
}

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

### Android XML

```xml
<!-- res/drawable/ic_blend.xml · Gentleface "blend" (line-round), MIT. https://gentleface.com/icons/blend -->
<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 6C1 5.364 1.117 4.75 1.351 4.159C1.605 3.517 1.976 2.952 2.464 2.464C2.952 1.975 3.517 1.604 4.159 1.35C4.75 1.116 5.364 0.998 6 0.998C6.636 0.998 7.25 1.116 7.841 1.35C8.483 1.604 9.048 1.975 9.536 2.464C10.024 2.952 10.395 3.517 10.649 4.159C10.769 4.462 10.858 4.77 10.916 5.084C11.23 5.142 11.538 5.231 11.84 5.351C12.482 5.605 13.047 5.976 13.536 6.464C14.024 6.953 14.395 7.518 14.649 8.16C14.883 8.751 15 9.364 15 10C15 10.636 14.883 11.249 14.649 11.84C14.395 12.482 14.024 13.047 13.536 13.536C13.047 14.024 12.482 14.395 11.84 14.649C11.249 14.883 10.636 15 10 15C9.364 15 8.751 14.883 8.16 14.649C7.518 14.395 6.953 14.024 6.464 13.536C5.976 13.047 5.605 12.482 5.351 11.84C5.232 11.539 5.143 11.231 5.084 10.918C4.77 10.859 4.462 10.77 4.159 10.65C3.517 10.396 2.952 10.025 2.464 9.536C1.976 9.048 1.605 8.483 1.351 7.841C1.117 7.25 1 6.636 1 6L1 6L1 6ZM2 6C2 6.509 2.093 7 2.28 7.473C2.484 7.987 2.781 8.439 3.171 8.829C3.562 9.22 4.014 9.517 4.527 9.721C4.683 9.782 4.842 9.834 5.002 9.875C5.016 9.284 5.132 8.712 5.351 8.16C5.605 7.518 5.976 6.953 6.464 6.464C6.953 5.976 7.518 5.605 8.16 5.351C8.712 5.132 9.283 5.016 9.874 5.002C9.833 4.841 9.781 4.683 9.72 4.527C9.516 4.013 9.219 3.561 8.829 3.171C8.438 2.78 7.986 2.483 7.473 2.279C7 2.092 6.509 1.998 6 1.998C5.491 1.998 5 2.092 4.527 2.279C4.014 2.483 3.562 2.78 3.171 3.171C2.781 3.561 2.484 4.013 2.28 4.527C2.093 5 2 5.491 2 6L2 6L2 6ZM6 10.002C6.509 10.002 7 9.908 7.473 9.721C7.986 9.517 8.438 9.22 8.829 8.829C9.219 8.439 9.516 7.987 9.72 7.473C9.907 7 10 6.509 10 6C9.491 6 9.001 6.094 8.528 6.281C8.014 6.484 7.562 6.781 7.172 7.172C6.781 7.562 6.484 8.014 6.281 8.528C6.094 9.001 6 9.491 6 10L6 10.001L6 10.002ZM7.172 12.828C7.562 13.219 8.014 13.516 8.528 13.719C9.001 13.906 9.491 14 10 14C10.509 14 10.999 13.906 11.472 13.719C11.986 13.516 12.438 13.219 12.828 12.828C13.219 12.438 13.516 11.986 13.719 11.472C13.906 10.999 14 10.509 14 10C14 9.491 13.906 9.001 13.719 8.528C13.516 8.014 13.219 7.562 12.828 7.172C12.438 6.781 11.986 6.484 11.472 6.281C11.316 6.219 11.158 6.168 10.999 6.126C10.984 6.717 10.868 7.289 10.649 7.841C10.395 8.483 10.024 9.048 9.536 9.536C9.048 10.025 8.483 10.396 7.841 10.65C7.289 10.869 6.717 10.985 6.127 11C6.168 11.159 6.219 11.317 6.281 11.472C6.484 11.986 6.781 12.438 7.172 12.828Z"/>
</vector>
```

### Flutter

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

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

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

class _BlendIconPainter extends CustomPainter {
  _BlendIconPainter(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, 6)
      ..cubicTo(1, 5.364, 1.117, 4.75, 1.351, 4.159)
      ..cubicTo(1.605, 3.517, 1.976, 2.952, 2.464, 2.464)
      ..cubicTo(2.952, 1.975, 3.517, 1.604, 4.159, 1.35)
      ..cubicTo(4.75, 1.116, 5.364, 0.998, 6, 0.998)
      ..cubicTo(6.636, 0.998, 7.25, 1.116, 7.841, 1.35)
      ..cubicTo(8.483, 1.604, 9.048, 1.975, 9.536, 2.464)
      ..cubicTo(10.024, 2.952, 10.395, 3.517, 10.649, 4.159)
      ..cubicTo(10.769, 4.462, 10.858, 4.77, 10.916, 5.084)
      ..cubicTo(11.23, 5.142, 11.538, 5.231, 11.84, 5.351)
      ..cubicTo(12.482, 5.605, 13.047, 5.976, 13.536, 6.464)
      ..cubicTo(14.024, 6.953, 14.395, 7.518, 14.649, 8.16)
      ..cubicTo(14.883, 8.751, 15, 9.364, 15, 10)
      ..cubicTo(15, 10.636, 14.883, 11.249, 14.649, 11.84)
      ..cubicTo(14.395, 12.482, 14.024, 13.047, 13.536, 13.536)
      ..cubicTo(13.047, 14.024, 12.482, 14.395, 11.84, 14.649)
      ..cubicTo(11.249, 14.883, 10.636, 15, 10, 15)
      ..cubicTo(9.364, 15, 8.751, 14.883, 8.16, 14.649)
      ..cubicTo(7.518, 14.395, 6.953, 14.024, 6.464, 13.536)
      ..cubicTo(5.976, 13.047, 5.605, 12.482, 5.351, 11.84)
      ..cubicTo(5.232, 11.539, 5.143, 11.231, 5.084, 10.918)
      ..cubicTo(4.77, 10.859, 4.462, 10.77, 4.159, 10.65)
      ..cubicTo(3.517, 10.396, 2.952, 10.025, 2.464, 9.536)
      ..cubicTo(1.976, 9.048, 1.605, 8.483, 1.351, 7.841)
      ..cubicTo(1.117, 7.25, 1, 6.636, 1, 6)
      ..lineTo(1, 6)
      ..lineTo(1, 6)
      ..close()
      ..moveTo(2, 6)
      ..cubicTo(2, 6.509, 2.093, 7, 2.28, 7.473)
      ..cubicTo(2.484, 7.987, 2.781, 8.439, 3.171, 8.829)
      ..cubicTo(3.562, 9.22, 4.014, 9.517, 4.527, 9.721)
      ..cubicTo(4.683, 9.782, 4.842, 9.834, 5.002, 9.875)
      ..cubicTo(5.016, 9.284, 5.132, 8.712, 5.351, 8.16)
      ..cubicTo(5.605, 7.518, 5.976, 6.953, 6.464, 6.464)
      ..cubicTo(6.953, 5.976, 7.518, 5.605, 8.16, 5.351)
      ..cubicTo(8.712, 5.132, 9.283, 5.016, 9.874, 5.002)
      ..cubicTo(9.833, 4.841, 9.781, 4.683, 9.72, 4.527)
      ..cubicTo(9.516, 4.013, 9.219, 3.561, 8.829, 3.171)
      ..cubicTo(8.438, 2.78, 7.986, 2.483, 7.473, 2.279)
      ..cubicTo(7, 2.092, 6.509, 1.998, 6, 1.998)
      ..cubicTo(5.491, 1.998, 5, 2.092, 4.527, 2.279)
      ..cubicTo(4.014, 2.483, 3.562, 2.78, 3.171, 3.171)
      ..cubicTo(2.781, 3.561, 2.484, 4.013, 2.28, 4.527)
      ..cubicTo(2.093, 5, 2, 5.491, 2, 6)
      ..lineTo(2, 6)
      ..lineTo(2, 6)
      ..close()
      ..moveTo(6, 10.002)
      ..cubicTo(6.509, 10.002, 7, 9.908, 7.473, 9.721)
      ..cubicTo(7.986, 9.517, 8.438, 9.22, 8.829, 8.829)
      ..cubicTo(9.219, 8.439, 9.516, 7.987, 9.72, 7.473)
      ..cubicTo(9.907, 7, 10, 6.509, 10, 6)
      ..cubicTo(9.491, 6, 9.001, 6.094, 8.528, 6.281)
      ..cubicTo(8.014, 6.484, 7.562, 6.781, 7.172, 7.172)
      ..cubicTo(6.781, 7.562, 6.484, 8.014, 6.281, 8.528)
      ..cubicTo(6.094, 9.001, 6, 9.491, 6, 10)
      ..lineTo(6, 10.001)
      ..lineTo(6, 10.002)
      ..close()
      ..moveTo(7.172, 12.828)
      ..cubicTo(7.562, 13.219, 8.014, 13.516, 8.528, 13.719)
      ..cubicTo(9.001, 13.906, 9.491, 14, 10, 14)
      ..cubicTo(10.509, 14, 10.999, 13.906, 11.472, 13.719)
      ..cubicTo(11.986, 13.516, 12.438, 13.219, 12.828, 12.828)
      ..cubicTo(13.219, 12.438, 13.516, 11.986, 13.719, 11.472)
      ..cubicTo(13.906, 10.999, 14, 10.509, 14, 10)
      ..cubicTo(14, 9.491, 13.906, 9.001, 13.719, 8.528)
      ..cubicTo(13.516, 8.014, 13.219, 7.562, 12.828, 7.172)
      ..cubicTo(12.438, 6.781, 11.986, 6.484, 11.472, 6.281)
      ..cubicTo(11.316, 6.219, 11.158, 6.168, 10.999, 6.126)
      ..cubicTo(10.984, 6.717, 10.868, 7.289, 10.649, 7.841)
      ..cubicTo(10.395, 8.483, 10.024, 9.048, 9.536, 9.536)
      ..cubicTo(9.048, 10.025, 8.483, 10.396, 7.841, 10.65)
      ..cubicTo(7.289, 10.869, 6.717, 10.985, 6.127, 11)
      ..cubicTo(6.168, 11.159, 6.219, 11.317, 6.281, 11.472)
      ..cubicTo(6.484, 11.986, 6.781, 12.438, 7.172, 12.828)
      ..close();
    canvas.drawPath(p, Paint()..color = color);
  }

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