# paint-bucket icon

Paint bucket. Gentleface icon, drawn on the 16 px pixel grid. Free, MIT licensed. Page: https://gentleface.com/icons/paint-bucket

- Category: Design
- Use it for: fill, fill color, paint bucket, bucket fill
- Tags: paint, bucket, fill, color, colour, pour, flood-fill
- Component name: PaintBucketIcon
- Added: 2026-10-15

## Alternatives

- `gradient`: a gradient fill
- `line-color`: the stroke or outline color
- `highlighter`: the highlight color behind text

## Also fits

- gradient: a solid fill
- line color: the fill color
- paint: fill an area with one color
- color: the fill color
- bucket: the fill tool in a drawing app

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

The SVG of every style: https://gentleface.com/icons/paint-bucket.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="M3.146 1.854C3.047 1.754 2.997 1.636 2.997 1.5C2.997 1.364 3.047 1.246 3.146 1.146C3.244 1.049 3.362 1 3.5 1C3.638 1 3.756 1.049 3.854 1.146L6.535 3.828C6.711 4.004 6.711 4.289 6.535 4.465L6.465 4.535C6.431 4.569 6.393 4.597 6.35 4.618C6.359 4.62 6.367 4.623 6.375 4.625C6.416 4.623 6.458 4.621 6.5 4.621C6.776 4.621 7.041 4.676 7.294 4.786C7.528 4.887 7.734 5.027 7.914 5.207L10.793 8.086C10.973 8.266 11.113 8.472 11.214 8.706C11.324 8.959 11.379 9.224 11.379 9.5C11.379 9.776 11.324 10.041 11.214 10.294C11.113 10.528 10.973 10.734 10.793 10.914L7.914 13.793C7.734 13.973 7.528 14.113 7.294 14.214C7.041 14.324 6.776 14.379 6.5 14.379C6.224 14.379 5.959 14.324 5.706 14.214C5.472 14.113 5.266 13.973 5.086 13.793L2.207 10.914C2.027 10.734 1.887 10.528 1.786 10.294C1.676 10.041 1.621 9.776 1.621 9.5C1.621 9.224 1.676 8.959 1.786 8.706C1.887 8.472 2.027 8.266 2.207 8.086L5.086 5.207C5.266 5.027 5.472 4.887 5.706 4.786C5.796 4.747 5.888 4.714 5.982 4.689C6 4.676 6.02 4.664 6.04 4.654C5.96 4.635 5.886 4.594 5.828 4.535L3.146 1.854ZM10 9L7.737 6.737C7.58 6.58 7.399 6.457 7.195 6.369C6.973 6.273 6.742 6.225 6.5 6.225C6.258 6.225 6.027 6.273 5.805 6.369C5.601 6.457 5.42 6.58 5.263 6.737L3 9L10 9ZM13.205 11.321C13.392 11.158 13.677 11.178 13.84 11.365C13.976 11.523 14.113 11.693 14.25 11.875C14.469 12.167 14.641 12.438 14.766 12.688C14.922 13 15 13.271 15 13.5C15 13.914 14.854 14.268 14.561 14.561C14.268 14.854 13.914 15 13.5 15C13.086 15 12.732 14.854 12.439 14.561C12.146 14.268 12 13.914 12 13.5C12 13.271 12.078 13 12.234 12.688C12.359 12.438 12.531 12.167 12.75 11.875C12.887 11.693 13.024 11.523 13.16 11.365C13.174 11.349 13.189 11.335 13.205 11.321Z"/></svg>
```

### React

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

export function PaintBucketIcon(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="M3.146 1.854C3.047 1.754 2.997 1.636 2.997 1.5C2.997 1.364 3.047 1.246 3.146 1.146C3.244 1.049 3.362 1 3.5 1C3.638 1 3.756 1.049 3.854 1.146L6.535 3.828C6.711 4.004 6.711 4.289 6.535 4.465L6.465 4.535C6.431 4.569 6.393 4.597 6.35 4.618C6.359 4.62 6.367 4.623 6.375 4.625C6.416 4.623 6.458 4.621 6.5 4.621C6.776 4.621 7.041 4.676 7.294 4.786C7.528 4.887 7.734 5.027 7.914 5.207L10.793 8.086C10.973 8.266 11.113 8.472 11.214 8.706C11.324 8.959 11.379 9.224 11.379 9.5C11.379 9.776 11.324 10.041 11.214 10.294C11.113 10.528 10.973 10.734 10.793 10.914L7.914 13.793C7.734 13.973 7.528 14.113 7.294 14.214C7.041 14.324 6.776 14.379 6.5 14.379C6.224 14.379 5.959 14.324 5.706 14.214C5.472 14.113 5.266 13.973 5.086 13.793L2.207 10.914C2.027 10.734 1.887 10.528 1.786 10.294C1.676 10.041 1.621 9.776 1.621 9.5C1.621 9.224 1.676 8.959 1.786 8.706C1.887 8.472 2.027 8.266 2.207 8.086L5.086 5.207C5.266 5.027 5.472 4.887 5.706 4.786C5.796 4.747 5.888 4.714 5.982 4.689C6 4.676 6.02 4.664 6.04 4.654C5.96 4.635 5.886 4.594 5.828 4.535L3.146 1.854ZM10 9L7.737 6.737C7.58 6.58 7.399 6.457 7.195 6.369C6.973 6.273 6.742 6.225 6.5 6.225C6.258 6.225 6.027 6.273 5.805 6.369C5.601 6.457 5.42 6.58 5.263 6.737L3 9L10 9ZM13.205 11.321C13.392 11.158 13.677 11.178 13.84 11.365C13.976 11.523 14.113 11.693 14.25 11.875C14.469 12.167 14.641 12.438 14.766 12.688C14.922 13 15 13.271 15 13.5C15 13.914 14.854 14.268 14.561 14.561C14.268 14.854 13.914 15 13.5 15C13.086 15 12.732 14.854 12.439 14.561C12.146 14.268 12 13.914 12 13.5C12 13.271 12.078 13 12.234 12.688C12.359 12.438 12.531 12.167 12.75 11.875C12.887 11.693 13.024 11.523 13.16 11.365C13.174 11.349 13.189 11.335 13.205 11.321Z" />
    </svg>
  );
}
```

### Vue

```vue
<!-- Gentleface "paint-bucket" (line-round), MIT. https://gentleface.com/icons/paint-bucket -->
<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="M3.146 1.854C3.047 1.754 2.997 1.636 2.997 1.5C2.997 1.364 3.047 1.246 3.146 1.146C3.244 1.049 3.362 1 3.5 1C3.638 1 3.756 1.049 3.854 1.146L6.535 3.828C6.711 4.004 6.711 4.289 6.535 4.465L6.465 4.535C6.431 4.569 6.393 4.597 6.35 4.618C6.359 4.62 6.367 4.623 6.375 4.625C6.416 4.623 6.458 4.621 6.5 4.621C6.776 4.621 7.041 4.676 7.294 4.786C7.528 4.887 7.734 5.027 7.914 5.207L10.793 8.086C10.973 8.266 11.113 8.472 11.214 8.706C11.324 8.959 11.379 9.224 11.379 9.5C11.379 9.776 11.324 10.041 11.214 10.294C11.113 10.528 10.973 10.734 10.793 10.914L7.914 13.793C7.734 13.973 7.528 14.113 7.294 14.214C7.041 14.324 6.776 14.379 6.5 14.379C6.224 14.379 5.959 14.324 5.706 14.214C5.472 14.113 5.266 13.973 5.086 13.793L2.207 10.914C2.027 10.734 1.887 10.528 1.786 10.294C1.676 10.041 1.621 9.776 1.621 9.5C1.621 9.224 1.676 8.959 1.786 8.706C1.887 8.472 2.027 8.266 2.207 8.086L5.086 5.207C5.266 5.027 5.472 4.887 5.706 4.786C5.796 4.747 5.888 4.714 5.982 4.689C6 4.676 6.02 4.664 6.04 4.654C5.96 4.635 5.886 4.594 5.828 4.535L3.146 1.854ZM10 9L7.737 6.737C7.58 6.58 7.399 6.457 7.195 6.369C6.973 6.273 6.742 6.225 6.5 6.225C6.258 6.225 6.027 6.273 5.805 6.369C5.601 6.457 5.42 6.58 5.263 6.737L3 9L10 9ZM13.205 11.321C13.392 11.158 13.677 11.178 13.84 11.365C13.976 11.523 14.113 11.693 14.25 11.875C14.469 12.167 14.641 12.438 14.766 12.688C14.922 13 15 13.271 15 13.5C15 13.914 14.854 14.268 14.561 14.561C14.268 14.854 13.914 15 13.5 15C13.086 15 12.732 14.854 12.439 14.561C12.146 14.268 12 13.914 12 13.5C12 13.271 12.078 13 12.234 12.688C12.359 12.438 12.531 12.167 12.75 11.875C12.887 11.693 13.024 11.523 13.16 11.365C13.174 11.349 13.189 11.335 13.205 11.321Z" />
  </svg>
</template>
```

### Svelte

```svelte
<!-- Gentleface "paint-bucket" (line-round), MIT. https://gentleface.com/icons/paint-bucket -->
<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="M3.146 1.854C3.047 1.754 2.997 1.636 2.997 1.5C2.997 1.364 3.047 1.246 3.146 1.146C3.244 1.049 3.362 1 3.5 1C3.638 1 3.756 1.049 3.854 1.146L6.535 3.828C6.711 4.004 6.711 4.289 6.535 4.465L6.465 4.535C6.431 4.569 6.393 4.597 6.35 4.618C6.359 4.62 6.367 4.623 6.375 4.625C6.416 4.623 6.458 4.621 6.5 4.621C6.776 4.621 7.041 4.676 7.294 4.786C7.528 4.887 7.734 5.027 7.914 5.207L10.793 8.086C10.973 8.266 11.113 8.472 11.214 8.706C11.324 8.959 11.379 9.224 11.379 9.5C11.379 9.776 11.324 10.041 11.214 10.294C11.113 10.528 10.973 10.734 10.793 10.914L7.914 13.793C7.734 13.973 7.528 14.113 7.294 14.214C7.041 14.324 6.776 14.379 6.5 14.379C6.224 14.379 5.959 14.324 5.706 14.214C5.472 14.113 5.266 13.973 5.086 13.793L2.207 10.914C2.027 10.734 1.887 10.528 1.786 10.294C1.676 10.041 1.621 9.776 1.621 9.5C1.621 9.224 1.676 8.959 1.786 8.706C1.887 8.472 2.027 8.266 2.207 8.086L5.086 5.207C5.266 5.027 5.472 4.887 5.706 4.786C5.796 4.747 5.888 4.714 5.982 4.689C6 4.676 6.02 4.664 6.04 4.654C5.96 4.635 5.886 4.594 5.828 4.535L3.146 1.854ZM10 9L7.737 6.737C7.58 6.58 7.399 6.457 7.195 6.369C6.973 6.273 6.742 6.225 6.5 6.225C6.258 6.225 6.027 6.273 5.805 6.369C5.601 6.457 5.42 6.58 5.263 6.737L3 9L10 9ZM13.205 11.321C13.392 11.158 13.677 11.178 13.84 11.365C13.976 11.523 14.113 11.693 14.25 11.875C14.469 12.167 14.641 12.438 14.766 12.688C14.922 13 15 13.271 15 13.5C15 13.914 14.854 14.268 14.561 14.561C14.268 14.854 13.914 15 13.5 15C13.086 15 12.732 14.854 12.439 14.561C12.146 14.268 12 13.914 12 13.5C12 13.271 12.078 13 12.234 12.688C12.359 12.438 12.531 12.167 12.75 11.875C12.887 11.693 13.024 11.523 13.16 11.365C13.174 11.349 13.189 11.335 13.205 11.321Z" />
</svg>
```

### HTML img

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

### CSS

```css
/* Gentleface "paint-bucket" (line-round), MIT. https://gentleface.com/icons/paint-bucket. Takes the text color. */
.icon-paint-bucket {
  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='M3.146 1.854C3.047 1.754 2.997 1.636 2.997 1.5C2.997 1.364 3.047 1.246 3.146 1.146C3.244 1.049 3.362 1 3.5 1C3.638 1 3.756 1.049 3.854 1.146L6.535 3.828C6.711 4.004 6.711 4.289 6.535 4.465L6.465 4.535C6.431 4.569 6.393 4.597 6.35 4.618C6.359 4.62 6.367 4.623 6.375 4.625C6.416 4.623 6.458 4.621 6.5 4.621C6.776 4.621 7.041 4.676 7.294 4.786C7.528 4.887 7.734 5.027 7.914 5.207L10.793 8.086C10.973 8.266 11.113 8.472 11.214 8.706C11.324 8.959 11.379 9.224 11.379 9.5C11.379 9.776 11.324 10.041 11.214 10.294C11.113 10.528 10.973 10.734 10.793 10.914L7.914 13.793C7.734 13.973 7.528 14.113 7.294 14.214C7.041 14.324 6.776 14.379 6.5 14.379C6.224 14.379 5.959 14.324 5.706 14.214C5.472 14.113 5.266 13.973 5.086 13.793L2.207 10.914C2.027 10.734 1.887 10.528 1.786 10.294C1.676 10.041 1.621 9.776 1.621 9.5C1.621 9.224 1.676 8.959 1.786 8.706C1.887 8.472 2.027 8.266 2.207 8.086L5.086 5.207C5.266 5.027 5.472 4.887 5.706 4.786C5.796 4.747 5.888 4.714 5.982 4.689C6 4.676 6.02 4.664 6.04 4.654C5.96 4.635 5.886 4.594 5.828 4.535L3.146 1.854ZM10 9L7.737 6.737C7.58 6.58 7.399 6.457 7.195 6.369C6.973 6.273 6.742 6.225 6.5 6.225C6.258 6.225 6.027 6.273 5.805 6.369C5.601 6.457 5.42 6.58 5.263 6.737L3 9L10 9ZM13.205 11.321C13.392 11.158 13.677 11.178 13.84 11.365C13.976 11.523 14.113 11.693 14.25 11.875C14.469 12.167 14.641 12.438 14.766 12.688C14.922 13 15 13.271 15 13.5C15 13.914 14.854 14.268 14.561 14.561C14.268 14.854 13.914 15 13.5 15C13.086 15 12.732 14.854 12.439 14.561C12.146 14.268 12 13.914 12 13.5C12 13.271 12.078 13 12.234 12.688C12.359 12.438 12.531 12.167 12.75 11.875C12.887 11.693 13.024 11.523 13.16 11.365C13.174 11.349 13.189 11.335 13.205 11.321Z'/%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='M3.146 1.854C3.047 1.754 2.997 1.636 2.997 1.5C2.997 1.364 3.047 1.246 3.146 1.146C3.244 1.049 3.362 1 3.5 1C3.638 1 3.756 1.049 3.854 1.146L6.535 3.828C6.711 4.004 6.711 4.289 6.535 4.465L6.465 4.535C6.431 4.569 6.393 4.597 6.35 4.618C6.359 4.62 6.367 4.623 6.375 4.625C6.416 4.623 6.458 4.621 6.5 4.621C6.776 4.621 7.041 4.676 7.294 4.786C7.528 4.887 7.734 5.027 7.914 5.207L10.793 8.086C10.973 8.266 11.113 8.472 11.214 8.706C11.324 8.959 11.379 9.224 11.379 9.5C11.379 9.776 11.324 10.041 11.214 10.294C11.113 10.528 10.973 10.734 10.793 10.914L7.914 13.793C7.734 13.973 7.528 14.113 7.294 14.214C7.041 14.324 6.776 14.379 6.5 14.379C6.224 14.379 5.959 14.324 5.706 14.214C5.472 14.113 5.266 13.973 5.086 13.793L2.207 10.914C2.027 10.734 1.887 10.528 1.786 10.294C1.676 10.041 1.621 9.776 1.621 9.5C1.621 9.224 1.676 8.959 1.786 8.706C1.887 8.472 2.027 8.266 2.207 8.086L5.086 5.207C5.266 5.027 5.472 4.887 5.706 4.786C5.796 4.747 5.888 4.714 5.982 4.689C6 4.676 6.02 4.664 6.04 4.654C5.96 4.635 5.886 4.594 5.828 4.535L3.146 1.854ZM10 9L7.737 6.737C7.58 6.58 7.399 6.457 7.195 6.369C6.973 6.273 6.742 6.225 6.5 6.225C6.258 6.225 6.027 6.273 5.805 6.369C5.601 6.457 5.42 6.58 5.263 6.737L3 9L10 9ZM13.205 11.321C13.392 11.158 13.677 11.178 13.84 11.365C13.976 11.523 14.113 11.693 14.25 11.875C14.469 12.167 14.641 12.438 14.766 12.688C14.922 13 15 13.271 15 13.5C15 13.914 14.854 14.268 14.561 14.561C14.268 14.854 13.914 15 13.5 15C13.086 15 12.732 14.854 12.439 14.561C12.146 14.268 12 13.914 12 13.5C12 13.271 12.078 13 12.234 12.688C12.359 12.438 12.531 12.167 12.75 11.875C12.887 11.693 13.024 11.523 13.16 11.365C13.174 11.349 13.189 11.335 13.205 11.321Z'/%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='M3.146 1.854C3.047 1.754 2.997 1.636 2.997 1.5C2.997 1.364 3.047 1.246 3.146 1.146C3.244 1.049 3.362 1 3.5 1C3.638 1 3.756 1.049 3.854 1.146L6.535 3.828C6.711 4.004 6.711 4.289 6.535 4.465L6.465 4.535C6.431 4.569 6.393 4.597 6.35 4.618C6.359 4.62 6.367 4.623 6.375 4.625C6.416 4.623 6.458 4.621 6.5 4.621C6.776 4.621 7.041 4.676 7.294 4.786C7.528 4.887 7.734 5.027 7.914 5.207L10.793 8.086C10.973 8.266 11.113 8.472 11.214 8.706C11.324 8.959 11.379 9.224 11.379 9.5C11.379 9.776 11.324 10.041 11.214 10.294C11.113 10.528 10.973 10.734 10.793 10.914L7.914 13.793C7.734 13.973 7.528 14.113 7.294 14.214C7.041 14.324 6.776 14.379 6.5 14.379C6.224 14.379 5.959 14.324 5.706 14.214C5.472 14.113 5.266 13.973 5.086 13.793L2.207 10.914C2.027 10.734 1.887 10.528 1.786 10.294C1.676 10.041 1.621 9.776 1.621 9.5C1.621 9.224 1.676 8.959 1.786 8.706C1.887 8.472 2.027 8.266 2.207 8.086L5.086 5.207C5.266 5.027 5.472 4.887 5.706 4.786C5.796 4.747 5.888 4.714 5.982 4.689C6 4.676 6.02 4.664 6.04 4.654C5.96 4.635 5.886 4.594 5.828 4.535L3.146 1.854ZM10 9L7.737 6.737C7.58 6.58 7.399 6.457 7.195 6.369C6.973 6.273 6.742 6.225 6.5 6.225C6.258 6.225 6.027 6.273 5.805 6.369C5.601 6.457 5.42 6.58 5.263 6.737L3 9L10 9ZM13.205 11.321C13.392 11.158 13.677 11.178 13.84 11.365C13.976 11.523 14.113 11.693 14.25 11.875C14.469 12.167 14.641 12.438 14.766 12.688C14.922 13 15 13.271 15 13.5C15 13.914 14.854 14.268 14.561 14.561C14.268 14.854 13.914 15 13.5 15C13.086 15 12.732 14.854 12.439 14.561C12.146 14.268 12 13.914 12 13.5C12 13.271 12.078 13 12.234 12.688C12.359 12.438 12.531 12.167 12.75 11.875C12.887 11.693 13.024 11.523 13.16 11.365C13.174 11.349 13.189 11.335 13.205 11.321Z'/%3E%3C/svg%3E
```

### Sprite

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

### SwiftUI

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

struct PaintBucketIcon: Shape {
    func path(in rect: CGRect) -> Path {
        var p = Path()
        p.move(to: CGPoint(x: 3.146, y: 1.854))
        p.addCurve(to: CGPoint(x: 2.997, y: 1.5), control1: CGPoint(x: 3.047, y: 1.754), control2: CGPoint(x: 2.997, y: 1.636))
        p.addCurve(to: CGPoint(x: 3.146, y: 1.146), control1: CGPoint(x: 2.997, y: 1.364), control2: CGPoint(x: 3.047, y: 1.246))
        p.addCurve(to: CGPoint(x: 3.5, y: 1), control1: CGPoint(x: 3.244, y: 1.049), control2: CGPoint(x: 3.362, y: 1))
        p.addCurve(to: CGPoint(x: 3.854, y: 1.146), control1: CGPoint(x: 3.638, y: 1), control2: CGPoint(x: 3.756, y: 1.049))
        p.addLine(to: CGPoint(x: 6.535, y: 3.828))
        p.addCurve(to: CGPoint(x: 6.535, y: 4.465), control1: CGPoint(x: 6.711, y: 4.004), control2: CGPoint(x: 6.711, y: 4.289))
        p.addLine(to: CGPoint(x: 6.465, y: 4.535))
        p.addCurve(to: CGPoint(x: 6.35, y: 4.618), control1: CGPoint(x: 6.431, y: 4.569), control2: CGPoint(x: 6.393, y: 4.597))
        p.addCurve(to: CGPoint(x: 6.375, y: 4.625), control1: CGPoint(x: 6.359, y: 4.62), control2: CGPoint(x: 6.367, y: 4.623))
        p.addCurve(to: CGPoint(x: 6.5, y: 4.621), control1: CGPoint(x: 6.416, y: 4.623), control2: CGPoint(x: 6.458, y: 4.621))
        p.addCurve(to: CGPoint(x: 7.294, y: 4.786), control1: CGPoint(x: 6.776, y: 4.621), control2: CGPoint(x: 7.041, y: 4.676))
        p.addCurve(to: CGPoint(x: 7.914, y: 5.207), control1: CGPoint(x: 7.528, y: 4.887), control2: CGPoint(x: 7.734, y: 5.027))
        p.addLine(to: CGPoint(x: 10.793, y: 8.086))
        p.addCurve(to: CGPoint(x: 11.214, y: 8.706), control1: CGPoint(x: 10.973, y: 8.266), control2: CGPoint(x: 11.113, y: 8.472))
        p.addCurve(to: CGPoint(x: 11.379, y: 9.5), control1: CGPoint(x: 11.324, y: 8.959), control2: CGPoint(x: 11.379, y: 9.224))
        p.addCurve(to: CGPoint(x: 11.214, y: 10.294), control1: CGPoint(x: 11.379, y: 9.776), control2: CGPoint(x: 11.324, y: 10.041))
        p.addCurve(to: CGPoint(x: 10.793, y: 10.914), control1: CGPoint(x: 11.113, y: 10.528), control2: CGPoint(x: 10.973, y: 10.734))
        p.addLine(to: CGPoint(x: 7.914, y: 13.793))
        p.addCurve(to: CGPoint(x: 7.294, y: 14.214), control1: CGPoint(x: 7.734, y: 13.973), control2: CGPoint(x: 7.528, y: 14.113))
        p.addCurve(to: CGPoint(x: 6.5, y: 14.379), control1: CGPoint(x: 7.041, y: 14.324), control2: CGPoint(x: 6.776, y: 14.379))
        p.addCurve(to: CGPoint(x: 5.706, y: 14.214), control1: CGPoint(x: 6.224, y: 14.379), control2: CGPoint(x: 5.959, y: 14.324))
        p.addCurve(to: CGPoint(x: 5.086, y: 13.793), control1: CGPoint(x: 5.472, y: 14.113), control2: CGPoint(x: 5.266, y: 13.973))
        p.addLine(to: CGPoint(x: 2.207, y: 10.914))
        p.addCurve(to: CGPoint(x: 1.786, y: 10.294), control1: CGPoint(x: 2.027, y: 10.734), control2: CGPoint(x: 1.887, y: 10.528))
        p.addCurve(to: CGPoint(x: 1.621, y: 9.5), control1: CGPoint(x: 1.676, y: 10.041), control2: CGPoint(x: 1.621, y: 9.776))
        p.addCurve(to: CGPoint(x: 1.786, y: 8.706), control1: CGPoint(x: 1.621, y: 9.224), control2: CGPoint(x: 1.676, y: 8.959))
        p.addCurve(to: CGPoint(x: 2.207, y: 8.086), control1: CGPoint(x: 1.887, y: 8.472), control2: CGPoint(x: 2.027, y: 8.266))
        p.addLine(to: CGPoint(x: 5.086, y: 5.207))
        p.addCurve(to: CGPoint(x: 5.706, y: 4.786), control1: CGPoint(x: 5.266, y: 5.027), control2: CGPoint(x: 5.472, y: 4.887))
        p.addCurve(to: CGPoint(x: 5.982, y: 4.689), control1: CGPoint(x: 5.796, y: 4.747), control2: CGPoint(x: 5.888, y: 4.714))
        p.addCurve(to: CGPoint(x: 6.04, y: 4.654), control1: CGPoint(x: 6, y: 4.676), control2: CGPoint(x: 6.02, y: 4.664))
        p.addCurve(to: CGPoint(x: 5.828, y: 4.535), control1: CGPoint(x: 5.96, y: 4.635), control2: CGPoint(x: 5.886, y: 4.594))
        p.addLine(to: CGPoint(x: 3.146, y: 1.854))
        p.closeSubpath()
        p.move(to: CGPoint(x: 10, y: 9))
        p.addLine(to: CGPoint(x: 7.737, y: 6.737))
        p.addCurve(to: CGPoint(x: 7.195, y: 6.369), control1: CGPoint(x: 7.58, y: 6.58), control2: CGPoint(x: 7.399, y: 6.457))
        p.addCurve(to: CGPoint(x: 6.5, y: 6.225), control1: CGPoint(x: 6.973, y: 6.273), control2: CGPoint(x: 6.742, y: 6.225))
        p.addCurve(to: CGPoint(x: 5.805, y: 6.369), control1: CGPoint(x: 6.258, y: 6.225), control2: CGPoint(x: 6.027, y: 6.273))
        p.addCurve(to: CGPoint(x: 5.263, y: 6.737), control1: CGPoint(x: 5.601, y: 6.457), control2: CGPoint(x: 5.42, y: 6.58))
        p.addLine(to: CGPoint(x: 3, y: 9))
        p.addLine(to: CGPoint(x: 10, y: 9))
        p.closeSubpath()
        p.move(to: CGPoint(x: 13.205, y: 11.321))
        p.addCurve(to: CGPoint(x: 13.84, y: 11.365), control1: CGPoint(x: 13.392, y: 11.158), control2: CGPoint(x: 13.677, y: 11.178))
        p.addCurve(to: CGPoint(x: 14.25, y: 11.875), control1: CGPoint(x: 13.976, y: 11.523), control2: CGPoint(x: 14.113, y: 11.693))
        p.addCurve(to: CGPoint(x: 14.766, y: 12.688), control1: CGPoint(x: 14.469, y: 12.167), control2: CGPoint(x: 14.641, y: 12.438))
        p.addCurve(to: CGPoint(x: 15, y: 13.5), control1: CGPoint(x: 14.922, y: 13), control2: CGPoint(x: 15, y: 13.271))
        p.addCurve(to: CGPoint(x: 14.561, y: 14.561), control1: CGPoint(x: 15, y: 13.914), control2: CGPoint(x: 14.854, y: 14.268))
        p.addCurve(to: CGPoint(x: 13.5, y: 15), control1: CGPoint(x: 14.268, y: 14.854), control2: CGPoint(x: 13.914, y: 15))
        p.addCurve(to: CGPoint(x: 12.439, y: 14.561), control1: CGPoint(x: 13.086, y: 15), control2: CGPoint(x: 12.732, y: 14.854))
        p.addCurve(to: CGPoint(x: 12, y: 13.5), control1: CGPoint(x: 12.146, y: 14.268), control2: CGPoint(x: 12, y: 13.914))
        p.addCurve(to: CGPoint(x: 12.234, y: 12.688), control1: CGPoint(x: 12, y: 13.271), control2: CGPoint(x: 12.078, y: 13))
        p.addCurve(to: CGPoint(x: 12.75, y: 11.875), control1: CGPoint(x: 12.359, y: 12.438), control2: CGPoint(x: 12.531, y: 12.167))
        p.addCurve(to: CGPoint(x: 13.16, y: 11.365), control1: CGPoint(x: 12.887, y: 11.693), control2: CGPoint(x: 13.024, y: 11.523))
        p.addCurve(to: CGPoint(x: 13.205, y: 11.321), control1: CGPoint(x: 13.174, y: 11.349), control2: CGPoint(x: 13.189, y: 11.335))
        p.closeSubpath()
        return p.applying(CGAffineTransform(scaleX: rect.width / 16, y: rect.height / 16))
    }
}

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

### Compose

```kotlin
// Gentleface "paint-bucket" (line-round), MIT. https://gentleface.com/icons/paint-bucket
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 PaintBucketIcon: ImageVector by lazy {
    ImageVector.Builder(
        name = "paint-bucket", defaultWidth = 16.dp, defaultHeight = 16.dp,
        viewportWidth = 16f, viewportHeight = 16f,
    ).addPath(
        pathData = addPathNodes("M3.146 1.854C3.047 1.754 2.997 1.636 2.997 1.5C2.997 1.364 3.047 1.246 3.146 1.146C3.244 1.049 3.362 1 3.5 1C3.638 1 3.756 1.049 3.854 1.146L6.535 3.828C6.711 4.004 6.711 4.289 6.535 4.465L6.465 4.535C6.431 4.569 6.393 4.597 6.35 4.618C6.359 4.62 6.367 4.623 6.375 4.625C6.416 4.623 6.458 4.621 6.5 4.621C6.776 4.621 7.041 4.676 7.294 4.786C7.528 4.887 7.734 5.027 7.914 5.207L10.793 8.086C10.973 8.266 11.113 8.472 11.214 8.706C11.324 8.959 11.379 9.224 11.379 9.5C11.379 9.776 11.324 10.041 11.214 10.294C11.113 10.528 10.973 10.734 10.793 10.914L7.914 13.793C7.734 13.973 7.528 14.113 7.294 14.214C7.041 14.324 6.776 14.379 6.5 14.379C6.224 14.379 5.959 14.324 5.706 14.214C5.472 14.113 5.266 13.973 5.086 13.793L2.207 10.914C2.027 10.734 1.887 10.528 1.786 10.294C1.676 10.041 1.621 9.776 1.621 9.5C1.621 9.224 1.676 8.959 1.786 8.706C1.887 8.472 2.027 8.266 2.207 8.086L5.086 5.207C5.266 5.027 5.472 4.887 5.706 4.786C5.796 4.747 5.888 4.714 5.982 4.689C6 4.676 6.02 4.664 6.04 4.654C5.96 4.635 5.886 4.594 5.828 4.535L3.146 1.854ZM10 9L7.737 6.737C7.58 6.58 7.399 6.457 7.195 6.369C6.973 6.273 6.742 6.225 6.5 6.225C6.258 6.225 6.027 6.273 5.805 6.369C5.601 6.457 5.42 6.58 5.263 6.737L3 9L10 9ZM13.205 11.321C13.392 11.158 13.677 11.178 13.84 11.365C13.976 11.523 14.113 11.693 14.25 11.875C14.469 12.167 14.641 12.438 14.766 12.688C14.922 13 15 13.271 15 13.5C15 13.914 14.854 14.268 14.561 14.561C14.268 14.854 13.914 15 13.5 15C13.086 15 12.732 14.854 12.439 14.561C12.146 14.268 12 13.914 12 13.5C12 13.271 12.078 13 12.234 12.688C12.359 12.438 12.531 12.167 12.75 11.875C12.887 11.693 13.024 11.523 13.16 11.365C13.174 11.349 13.189 11.335 13.205 11.321Z"),
        fill = SolidColor(Color.Black),
    ).build()
}

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

### Android XML

```xml
<!-- res/drawable/ic_paint_bucket.xml · Gentleface "paint-bucket" (line-round), MIT. https://gentleface.com/icons/paint-bucket -->
<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="M3.146 1.854C3.047 1.754 2.997 1.636 2.997 1.5C2.997 1.364 3.047 1.246 3.146 1.146C3.244 1.049 3.362 1 3.5 1C3.638 1 3.756 1.049 3.854 1.146L6.535 3.828C6.711 4.004 6.711 4.289 6.535 4.465L6.465 4.535C6.431 4.569 6.393 4.597 6.35 4.618C6.359 4.62 6.367 4.623 6.375 4.625C6.416 4.623 6.458 4.621 6.5 4.621C6.776 4.621 7.041 4.676 7.294 4.786C7.528 4.887 7.734 5.027 7.914 5.207L10.793 8.086C10.973 8.266 11.113 8.472 11.214 8.706C11.324 8.959 11.379 9.224 11.379 9.5C11.379 9.776 11.324 10.041 11.214 10.294C11.113 10.528 10.973 10.734 10.793 10.914L7.914 13.793C7.734 13.973 7.528 14.113 7.294 14.214C7.041 14.324 6.776 14.379 6.5 14.379C6.224 14.379 5.959 14.324 5.706 14.214C5.472 14.113 5.266 13.973 5.086 13.793L2.207 10.914C2.027 10.734 1.887 10.528 1.786 10.294C1.676 10.041 1.621 9.776 1.621 9.5C1.621 9.224 1.676 8.959 1.786 8.706C1.887 8.472 2.027 8.266 2.207 8.086L5.086 5.207C5.266 5.027 5.472 4.887 5.706 4.786C5.796 4.747 5.888 4.714 5.982 4.689C6 4.676 6.02 4.664 6.04 4.654C5.96 4.635 5.886 4.594 5.828 4.535L3.146 1.854ZM10 9L7.737 6.737C7.58 6.58 7.399 6.457 7.195 6.369C6.973 6.273 6.742 6.225 6.5 6.225C6.258 6.225 6.027 6.273 5.805 6.369C5.601 6.457 5.42 6.58 5.263 6.737L3 9L10 9ZM13.205 11.321C13.392 11.158 13.677 11.178 13.84 11.365C13.976 11.523 14.113 11.693 14.25 11.875C14.469 12.167 14.641 12.438 14.766 12.688C14.922 13 15 13.271 15 13.5C15 13.914 14.854 14.268 14.561 14.561C14.268 14.854 13.914 15 13.5 15C13.086 15 12.732 14.854 12.439 14.561C12.146 14.268 12 13.914 12 13.5C12 13.271 12.078 13 12.234 12.688C12.359 12.438 12.531 12.167 12.75 11.875C12.887 11.693 13.024 11.523 13.16 11.365C13.174 11.349 13.189 11.335 13.205 11.321Z"/>
</vector>
```

### Flutter

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

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

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

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

  @override
  void paint(Canvas canvas, Size size) {
    canvas.scale(size.width / 16, size.height / 16);
    final p = Path()
      ..moveTo(3.146, 1.854)
      ..cubicTo(3.047, 1.754, 2.997, 1.636, 2.997, 1.5)
      ..cubicTo(2.997, 1.364, 3.047, 1.246, 3.146, 1.146)
      ..cubicTo(3.244, 1.049, 3.362, 1, 3.5, 1)
      ..cubicTo(3.638, 1, 3.756, 1.049, 3.854, 1.146)
      ..lineTo(6.535, 3.828)
      ..cubicTo(6.711, 4.004, 6.711, 4.289, 6.535, 4.465)
      ..lineTo(6.465, 4.535)
      ..cubicTo(6.431, 4.569, 6.393, 4.597, 6.35, 4.618)
      ..cubicTo(6.359, 4.62, 6.367, 4.623, 6.375, 4.625)
      ..cubicTo(6.416, 4.623, 6.458, 4.621, 6.5, 4.621)
      ..cubicTo(6.776, 4.621, 7.041, 4.676, 7.294, 4.786)
      ..cubicTo(7.528, 4.887, 7.734, 5.027, 7.914, 5.207)
      ..lineTo(10.793, 8.086)
      ..cubicTo(10.973, 8.266, 11.113, 8.472, 11.214, 8.706)
      ..cubicTo(11.324, 8.959, 11.379, 9.224, 11.379, 9.5)
      ..cubicTo(11.379, 9.776, 11.324, 10.041, 11.214, 10.294)
      ..cubicTo(11.113, 10.528, 10.973, 10.734, 10.793, 10.914)
      ..lineTo(7.914, 13.793)
      ..cubicTo(7.734, 13.973, 7.528, 14.113, 7.294, 14.214)
      ..cubicTo(7.041, 14.324, 6.776, 14.379, 6.5, 14.379)
      ..cubicTo(6.224, 14.379, 5.959, 14.324, 5.706, 14.214)
      ..cubicTo(5.472, 14.113, 5.266, 13.973, 5.086, 13.793)
      ..lineTo(2.207, 10.914)
      ..cubicTo(2.027, 10.734, 1.887, 10.528, 1.786, 10.294)
      ..cubicTo(1.676, 10.041, 1.621, 9.776, 1.621, 9.5)
      ..cubicTo(1.621, 9.224, 1.676, 8.959, 1.786, 8.706)
      ..cubicTo(1.887, 8.472, 2.027, 8.266, 2.207, 8.086)
      ..lineTo(5.086, 5.207)
      ..cubicTo(5.266, 5.027, 5.472, 4.887, 5.706, 4.786)
      ..cubicTo(5.796, 4.747, 5.888, 4.714, 5.982, 4.689)
      ..cubicTo(6, 4.676, 6.02, 4.664, 6.04, 4.654)
      ..cubicTo(5.96, 4.635, 5.886, 4.594, 5.828, 4.535)
      ..lineTo(3.146, 1.854)
      ..close()
      ..moveTo(10, 9)
      ..lineTo(7.737, 6.737)
      ..cubicTo(7.58, 6.58, 7.399, 6.457, 7.195, 6.369)
      ..cubicTo(6.973, 6.273, 6.742, 6.225, 6.5, 6.225)
      ..cubicTo(6.258, 6.225, 6.027, 6.273, 5.805, 6.369)
      ..cubicTo(5.601, 6.457, 5.42, 6.58, 5.263, 6.737)
      ..lineTo(3, 9)
      ..lineTo(10, 9)
      ..close()
      ..moveTo(13.205, 11.321)
      ..cubicTo(13.392, 11.158, 13.677, 11.178, 13.84, 11.365)
      ..cubicTo(13.976, 11.523, 14.113, 11.693, 14.25, 11.875)
      ..cubicTo(14.469, 12.167, 14.641, 12.438, 14.766, 12.688)
      ..cubicTo(14.922, 13, 15, 13.271, 15, 13.5)
      ..cubicTo(15, 13.914, 14.854, 14.268, 14.561, 14.561)
      ..cubicTo(14.268, 14.854, 13.914, 15, 13.5, 15)
      ..cubicTo(13.086, 15, 12.732, 14.854, 12.439, 14.561)
      ..cubicTo(12.146, 14.268, 12, 13.914, 12, 13.5)
      ..cubicTo(12, 13.271, 12.078, 13, 12.234, 12.688)
      ..cubicTo(12.359, 12.438, 12.531, 12.167, 12.75, 11.875)
      ..cubicTo(12.887, 11.693, 13.024, 11.523, 13.16, 11.365)
      ..cubicTo(13.174, 11.349, 13.189, 11.335, 13.205, 11.321)
      ..close();
    canvas.drawPath(p, Paint()..color = color);
  }

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