gentleface

Gentleface › Home & household › bucket

bucket icon

Bucket: bucket, pail, storage bucket, cleaning bucket. Drawn on the 16 px grid. Free SVG, PNG and code, MIT licensed.

SVGPNG 16PNG 32PNG 48

SVGPNG 16PNG 32PNG 48

SVGPNG 16PNG 32PNG 48

SVGPNG 16PNG 32PNG 48

SVGPNG 16PNG 32PNG 48

SVGPNG 16PNG 32PNG 48

Code line-round

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="M14 6.5L14 7.5C14 7.641 13.952 7.759 13.856 7.856C13.759 7.952 13.641 8 13.5 8C13.359 8 13.241 7.952 13.144 7.856C13.048 7.759 13 7.641 13 7.5L13 7L12.89 7L11.269 13.485C11.158 13.93 10.921 14.294 10.56 14.576C10.198 14.859 9.788 15 9.329 15L5.671 15C5.212 15 4.802 14.859 4.44 14.576C4.079 14.294 3.842 13.93 3.731 13.485L2.11 7L2 7L2 7.5C2 7.641 1.952 7.759 1.856 7.856C1.759 7.952 1.641 8 1.5 8C1.359 8 1.241 7.952 1.144 7.856C1.048 7.759 1 7.641 1 7.5L1 6.5C1 6.433 1.013 6.369 1.038 6.308C1.298 5.684 1.641 5.11 2.067 4.586C2.513 4.038 3.029 3.568 3.617 3.176C4.205 2.784 4.838 2.488 5.515 2.287C6.163 2.096 6.824 2 7.5 2C8.176 2 8.837 2.096 9.485 2.287C10.162 2.488 10.795 2.784 11.383 3.176C11.971 3.568 12.487 4.038 12.933 4.586C13.359 5.11 13.702 5.684 13.961 6.307L13.962 6.308L13.962 6.308C13.987 6.369 14 6.433 14 6.5ZM10.828 4.008C10.324 3.672 9.782 3.418 9.201 3.246C8.646 3.082 8.079 3 7.5 3C6.921 3 6.354 3.082 5.799 3.246C5.218 3.418 4.676 3.672 4.172 4.008C3.668 4.344 3.225 4.747 2.843 5.217C2.642 5.465 2.462 5.726 2.303 6L12.697 6C12.538 5.726 12.358 5.465 12.157 5.217C11.775 4.747 11.332 4.344 10.828 4.008ZM4.701 13.243C4.757 13.465 4.875 13.647 5.056 13.788C5.237 13.929 5.442 14 5.671 14L9.329 14C9.558 14 9.763 13.929 9.944 13.788C10.125 13.647 10.243 13.465 10.299 13.243L11.86 7L3.14 7L4.701 13.243Z"/></svg>
React
// Gentleface "bucket" (line-round), MIT. https://gentleface.com/icons/bucket
import type { SVGProps } from 'react';

export function BucketIcon(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="M14 6.5L14 7.5C14 7.641 13.952 7.759 13.856 7.856C13.759 7.952 13.641 8 13.5 8C13.359 8 13.241 7.952 13.144 7.856C13.048 7.759 13 7.641 13 7.5L13 7L12.89 7L11.269 13.485C11.158 13.93 10.921 14.294 10.56 14.576C10.198 14.859 9.788 15 9.329 15L5.671 15C5.212 15 4.802 14.859 4.44 14.576C4.079 14.294 3.842 13.93 3.731 13.485L2.11 7L2 7L2 7.5C2 7.641 1.952 7.759 1.856 7.856C1.759 7.952 1.641 8 1.5 8C1.359 8 1.241 7.952 1.144 7.856C1.048 7.759 1 7.641 1 7.5L1 6.5C1 6.433 1.013 6.369 1.038 6.308C1.298 5.684 1.641 5.11 2.067 4.586C2.513 4.038 3.029 3.568 3.617 3.176C4.205 2.784 4.838 2.488 5.515 2.287C6.163 2.096 6.824 2 7.5 2C8.176 2 8.837 2.096 9.485 2.287C10.162 2.488 10.795 2.784 11.383 3.176C11.971 3.568 12.487 4.038 12.933 4.586C13.359 5.11 13.702 5.684 13.961 6.307L13.962 6.308L13.962 6.308C13.987 6.369 14 6.433 14 6.5ZM10.828 4.008C10.324 3.672 9.782 3.418 9.201 3.246C8.646 3.082 8.079 3 7.5 3C6.921 3 6.354 3.082 5.799 3.246C5.218 3.418 4.676 3.672 4.172 4.008C3.668 4.344 3.225 4.747 2.843 5.217C2.642 5.465 2.462 5.726 2.303 6L12.697 6C12.538 5.726 12.358 5.465 12.157 5.217C11.775 4.747 11.332 4.344 10.828 4.008ZM4.701 13.243C4.757 13.465 4.875 13.647 5.056 13.788C5.237 13.929 5.442 14 5.671 14L9.329 14C9.558 14 9.763 13.929 9.944 13.788C10.125 13.647 10.243 13.465 10.299 13.243L11.86 7L3.14 7L4.701 13.243Z" />
    </svg>
  );
}
Vue
Vue: see /icons/bucket.md
Svelte
Svelte: see /icons/bucket.md
HTML img
HTML img: see /icons/bucket.md
CSS
CSS: see /icons/bucket.md
Data URL
Data URL: see /icons/bucket.md
Sprite
Sprite: see /icons/bucket.md
SwiftUI
SwiftUI: see /icons/bucket.md
Compose
Compose: see /icons/bucket.md
Android XML
Android XML: see /icons/bucket.md
Flutter
Flutter: see /icons/bucket.md

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. 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. More in how to use.

Meaning

Use it for
bucket, pail, storage bucket, cleaning bucket, object storage
Alternatives
Tags
bucket, pail, cleaning, mop-bucket, water, container, storage-bucket
Category
Home & household
Component name
BucketIcon
History
  • added

More home & household icons

armchair bath bed bed-person blender broom chair desk door door-lock door-open door-plus door-unlock fan faucet fire-extinguisher · all home & household icons

For agents

Metadata: /icons/bucket.json · Markdown: /icons/bucket.md · SVG: https://gentleface.com/svg/{style}/16/bucket.svg · PNG: https://gentleface.com/png/{style}/{16|32|48}/bucket.png

Feedback