# bucket icon Bucket. Gentleface icon, drawn on the 16 px pixel grid. Free, MIT licensed. Page: https://gentleface.com/icons/bucket - Category: Home & household - Use it for: bucket, pail, storage bucket, cleaning bucket, object storage - Tags: bucket, pail, cleaning, mop-bucket, water, container, storage-bucket - Component name: BucketIcon - Added: 2026-10-15 ## Alternatives - `paint-bucket`: the fill tool in a drawing app - `database`: a database or data store - `cloud`: cloud storage in general ## 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/bucket.svg · PNG https://gentleface.com/png/line-round/16/bucket.png · https://gentleface.com/png/line-round/32/bucket.png · https://gentleface.com/png/line-round/48/bucket.png - line-soft: https://gentleface.com/svg/line-soft/16/bucket.svg · PNG https://gentleface.com/png/line-soft/16/bucket.png · https://gentleface.com/png/line-soft/32/bucket.png · https://gentleface.com/png/line-soft/48/bucket.png - line-sharp: https://gentleface.com/svg/line-sharp/16/bucket.svg · PNG https://gentleface.com/png/line-sharp/16/bucket.png · https://gentleface.com/png/line-sharp/32/bucket.png · https://gentleface.com/png/line-sharp/48/bucket.png - solid-round: https://gentleface.com/svg/solid-round/16/bucket.svg · PNG https://gentleface.com/png/solid-round/16/bucket.png · https://gentleface.com/png/solid-round/32/bucket.png · https://gentleface.com/png/solid-round/48/bucket.png - solid-soft: https://gentleface.com/svg/solid-soft/16/bucket.svg · PNG https://gentleface.com/png/solid-soft/16/bucket.png · https://gentleface.com/png/solid-soft/32/bucket.png · https://gentleface.com/png/solid-soft/48/bucket.png - solid-sharp: https://gentleface.com/svg/solid-sharp/16/bucket.svg · PNG https://gentleface.com/png/solid-sharp/16/bucket.png · https://gentleface.com/png/solid-sharp/32/bucket.png · https://gentleface.com/png/solid-sharp/48/bucket.png The SVG of every style: https://gentleface.com/icons/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 ``` ### React ```tsx // Gentleface "bucket" (line-round), MIT. https://gentleface.com/icons/bucket import type { SVGProps } from 'react'; export function BucketIcon(props: SVGProps) { return ( ); } ``` ### Vue ```vue ``` ### Svelte ```svelte ``` ### HTML img ```html

``` ### CSS ```css /* Gentleface "bucket" (line-round), MIT. https://gentleface.com/icons/bucket. Takes the text color. */ .icon-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='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'/%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='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'/%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='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'/%3E%3C/svg%3E ``` ### Sprite ```html ``` ### SwiftUI ```swift // Gentleface "bucket" (line-round), MIT. https://gentleface.com/icons/bucket import SwiftUI struct BucketIcon: Shape { func path(in rect: CGRect) -> Path { var p = Path() p.move(to: CGPoint(x: 14, y: 6.5)) p.addLine(to: CGPoint(x: 14, y: 7.5)) p.addCurve(to: CGPoint(x: 13.856, y: 7.856), control1: CGPoint(x: 14, y: 7.641), control2: CGPoint(x: 13.952, y: 7.759)) p.addCurve(to: CGPoint(x: 13.5, y: 8), control1: CGPoint(x: 13.759, y: 7.952), control2: CGPoint(x: 13.641, y: 8)) p.addCurve(to: CGPoint(x: 13.144, y: 7.856), control1: CGPoint(x: 13.359, y: 8), control2: CGPoint(x: 13.241, y: 7.952)) p.addCurve(to: CGPoint(x: 13, y: 7.5), control1: CGPoint(x: 13.048, y: 7.759), control2: CGPoint(x: 13, y: 7.641)) p.addLine(to: CGPoint(x: 13, y: 7)) p.addLine(to: CGPoint(x: 12.89, y: 7)) p.addLine(to: CGPoint(x: 11.269, y: 13.485)) p.addCurve(to: CGPoint(x: 10.56, y: 14.576), control1: CGPoint(x: 11.158, y: 13.93), control2: CGPoint(x: 10.921, y: 14.294)) p.addCurve(to: CGPoint(x: 9.329, y: 15), control1: CGPoint(x: 10.198, y: 14.859), control2: CGPoint(x: 9.788, y: 15)) p.addLine(to: CGPoint(x: 5.671, y: 15)) p.addCurve(to: CGPoint(x: 4.44, y: 14.576), control1: CGPoint(x: 5.212, y: 15), control2: CGPoint(x: 4.802, y: 14.859)) p.addCurve(to: CGPoint(x: 3.731, y: 13.485), control1: CGPoint(x: 4.079, y: 14.294), control2: CGPoint(x: 3.842, y: 13.93)) p.addLine(to: CGPoint(x: 2.11, y: 7)) p.addLine(to: CGPoint(x: 2, y: 7)) p.addLine(to: CGPoint(x: 2, y: 7.5)) p.addCurve(to: CGPoint(x: 1.856, y: 7.856), control1: CGPoint(x: 2, y: 7.641), control2: CGPoint(x: 1.952, y: 7.759)) p.addCurve(to: CGPoint(x: 1.5, y: 8), control1: CGPoint(x: 1.759, y: 7.952), control2: CGPoint(x: 1.641, y: 8)) p.addCurve(to: CGPoint(x: 1.144, y: 7.856), control1: CGPoint(x: 1.359, y: 8), control2: CGPoint(x: 1.241, y: 7.952)) p.addCurve(to: CGPoint(x: 1, y: 7.5), control1: CGPoint(x: 1.048, y: 7.759), control2: CGPoint(x: 1, y: 7.641)) p.addLine(to: CGPoint(x: 1, y: 6.5)) p.addCurve(to: CGPoint(x: 1.038, y: 6.308), control1: CGPoint(x: 1, y: 6.433), control2: CGPoint(x: 1.013, y: 6.369)) p.addCurve(to: CGPoint(x: 2.067, y: 4.586), control1: CGPoint(x: 1.298, y: 5.684), control2: CGPoint(x: 1.641, y: 5.11)) p.addCurve(to: CGPoint(x: 3.617, y: 3.176), control1: CGPoint(x: 2.513, y: 4.038), control2: CGPoint(x: 3.029, y: 3.568)) p.addCurve(to: CGPoint(x: 5.515, y: 2.287), control1: CGPoint(x: 4.205, y: 2.784), control2: CGPoint(x: 4.838, y: 2.488)) p.addCurve(to: CGPoint(x: 7.5, y: 2), control1: CGPoint(x: 6.163, y: 2.096), control2: CGPoint(x: 6.824, y: 2)) p.addCurve(to: CGPoint(x: 9.485, y: 2.287), control1: CGPoint(x: 8.176, y: 2), control2: CGPoint(x: 8.837, y: 2.096)) p.addCurve(to: CGPoint(x: 11.383, y: 3.176), control1: CGPoint(x: 10.162, y: 2.488), control2: CGPoint(x: 10.795, y: 2.784)) p.addCurve(to: CGPoint(x: 12.933, y: 4.586), control1: CGPoint(x: 11.971, y: 3.568), control2: CGPoint(x: 12.487, y: 4.038)) p.addCurve(to: CGPoint(x: 13.961, y: 6.307), control1: CGPoint(x: 13.359, y: 5.11), control2: CGPoint(x: 13.702, y: 5.684)) p.addLine(to: CGPoint(x: 13.962, y: 6.308)) p.addLine(to: CGPoint(x: 13.962, y: 6.308)) p.addCurve(to: CGPoint(x: 14, y: 6.5), control1: CGPoint(x: 13.987, y: 6.369), control2: CGPoint(x: 14, y: 6.433)) p.closeSubpath() p.move(to: CGPoint(x: 10.828, y: 4.008)) p.addCurve(to: CGPoint(x: 9.201, y: 3.246), control1: CGPoint(x: 10.324, y: 3.672), control2: CGPoint(x: 9.782, y: 3.418)) p.addCurve(to: CGPoint(x: 7.5, y: 3), control1: CGPoint(x: 8.646, y: 3.082), control2: CGPoint(x: 8.079, y: 3)) p.addCurve(to: CGPoint(x: 5.799, y: 3.246), control1: CGPoint(x: 6.921, y: 3), control2: CGPoint(x: 6.354, y: 3.082)) p.addCurve(to: CGPoint(x: 4.172, y: 4.008), control1: CGPoint(x: 5.218, y: 3.418), control2: CGPoint(x: 4.676, y: 3.672)) p.addCurve(to: CGPoint(x: 2.843, y: 5.217), control1: CGPoint(x: 3.668, y: 4.344), control2: CGPoint(x: 3.225, y: 4.747)) p.addCurve(to: CGPoint(x: 2.303, y: 6), control1: CGPoint(x: 2.642, y: 5.465), control2: CGPoint(x: 2.462, y: 5.726)) p.addLine(to: CGPoint(x: 12.697, y: 6)) p.addCurve(to: CGPoint(x: 12.157, y: 5.217), control1: CGPoint(x: 12.538, y: 5.726), control2: CGPoint(x: 12.358, y: 5.465)) p.addCurve(to: CGPoint(x: 10.828, y: 4.008), control1: CGPoint(x: 11.775, y: 4.747), control2: CGPoint(x: 11.332, y: 4.344)) p.closeSubpath() p.move(to: CGPoint(x: 4.701, y: 13.243)) p.addCurve(to: CGPoint(x: 5.056, y: 13.788), control1: CGPoint(x: 4.757, y: 13.465), control2: CGPoint(x: 4.875, y: 13.647)) p.addCurve(to: CGPoint(x: 5.671, y: 14), control1: CGPoint(x: 5.237, y: 13.929), control2: CGPoint(x: 5.442, y: 14)) p.addLine(to: CGPoint(x: 9.329, y: 14)) p.addCurve(to: CGPoint(x: 9.944, y: 13.788), control1: CGPoint(x: 9.558, y: 14), control2: CGPoint(x: 9.763, y: 13.929)) p.addCurve(to: CGPoint(x: 10.299, y: 13.243), control1: CGPoint(x: 10.125, y: 13.647), control2: CGPoint(x: 10.243, y: 13.465)) p.addLine(to: CGPoint(x: 11.86, y: 7)) p.addLine(to: CGPoint(x: 3.14, y: 7)) p.addLine(to: CGPoint(x: 4.701, y: 13.243)) p.closeSubpath() return p.applying(CGAffineTransform(scaleX: rect.width / 16, y: rect.height / 16)) } } // BucketIcon().frame(width: 16, height: 16) fills with the foreground style. Keep it on whole points to stay crisp. ``` ### Compose ```kotlin // Gentleface "bucket" (line-round), MIT. https://gentleface.com/icons/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 BucketIcon: ImageVector by lazy { ImageVector.Builder( name = "bucket", defaultWidth = 16.dp, defaultHeight = 16.dp, viewportWidth = 16f, viewportHeight = 16f, ).addPath( pathData = addPathNodes("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"), fill = SolidColor(Color.Black), ).build() } // Icon(BucketIcon, contentDescription = null) tints it with LocalContentColor. ``` ### Android XML ```xml ``` ### Flutter ```dart // Gentleface "bucket" (line-round), MIT. https://gentleface.com/icons/bucket import 'package:flutter/widgets.dart'; class BucketIcon extends StatelessWidget { const BucketIcon({super.key, this.size = 16, this.color}); final double size; final Color? color; @override Widget build(BuildContext context) => CustomPaint( size: Size.square(size), painter: _BucketIconPainter(color ?? IconTheme.of(context).color ?? const Color(0xFF000000)), ); } class _BucketIconPainter extends CustomPainter { _BucketIconPainter(this.color); final Color color; @override void paint(Canvas canvas, Size size) { canvas.scale(size.width / 16, size.height / 16); final p = Path() ..moveTo(14, 6.5) ..lineTo(14, 7.5) ..cubicTo(14, 7.641, 13.952, 7.759, 13.856, 7.856) ..cubicTo(13.759, 7.952, 13.641, 8, 13.5, 8) ..cubicTo(13.359, 8, 13.241, 7.952, 13.144, 7.856) ..cubicTo(13.048, 7.759, 13, 7.641, 13, 7.5) ..lineTo(13, 7) ..lineTo(12.89, 7) ..lineTo(11.269, 13.485) ..cubicTo(11.158, 13.93, 10.921, 14.294, 10.56, 14.576) ..cubicTo(10.198, 14.859, 9.788, 15, 9.329, 15) ..lineTo(5.671, 15) ..cubicTo(5.212, 15, 4.802, 14.859, 4.44, 14.576) ..cubicTo(4.079, 14.294, 3.842, 13.93, 3.731, 13.485) ..lineTo(2.11, 7) ..lineTo(2, 7) ..lineTo(2, 7.5) ..cubicTo(2, 7.641, 1.952, 7.759, 1.856, 7.856) ..cubicTo(1.759, 7.952, 1.641, 8, 1.5, 8) ..cubicTo(1.359, 8, 1.241, 7.952, 1.144, 7.856) ..cubicTo(1.048, 7.759, 1, 7.641, 1, 7.5) ..lineTo(1, 6.5) ..cubicTo(1, 6.433, 1.013, 6.369, 1.038, 6.308) ..cubicTo(1.298, 5.684, 1.641, 5.11, 2.067, 4.586) ..cubicTo(2.513, 4.038, 3.029, 3.568, 3.617, 3.176) ..cubicTo(4.205, 2.784, 4.838, 2.488, 5.515, 2.287) ..cubicTo(6.163, 2.096, 6.824, 2, 7.5, 2) ..cubicTo(8.176, 2, 8.837, 2.096, 9.485, 2.287) ..cubicTo(10.162, 2.488, 10.795, 2.784, 11.383, 3.176) ..cubicTo(11.971, 3.568, 12.487, 4.038, 12.933, 4.586) ..cubicTo(13.359, 5.11, 13.702, 5.684, 13.961, 6.307) ..lineTo(13.962, 6.308) ..lineTo(13.962, 6.308) ..cubicTo(13.987, 6.369, 14, 6.433, 14, 6.5) ..close() ..moveTo(10.828, 4.008) ..cubicTo(10.324, 3.672, 9.782, 3.418, 9.201, 3.246) ..cubicTo(8.646, 3.082, 8.079, 3, 7.5, 3) ..cubicTo(6.921, 3, 6.354, 3.082, 5.799, 3.246) ..cubicTo(5.218, 3.418, 4.676, 3.672, 4.172, 4.008) ..cubicTo(3.668, 4.344, 3.225, 4.747, 2.843, 5.217) ..cubicTo(2.642, 5.465, 2.462, 5.726, 2.303, 6) ..lineTo(12.697, 6) ..cubicTo(12.538, 5.726, 12.358, 5.465, 12.157, 5.217) ..cubicTo(11.775, 4.747, 11.332, 4.344, 10.828, 4.008) ..close() ..moveTo(4.701, 13.243) ..cubicTo(4.757, 13.465, 4.875, 13.647, 5.056, 13.788) ..cubicTo(5.237, 13.929, 5.442, 14, 5.671, 14) ..lineTo(9.329, 14) ..cubicTo(9.558, 14, 9.763, 13.929, 9.944, 13.788) ..cubicTo(10.125, 13.647, 10.243, 13.465, 10.299, 13.243) ..lineTo(11.86, 7) ..lineTo(3.14, 7) ..lineTo(4.701, 13.243) ..close(); canvas.drawPath(p, Paint()..color = color); } @override bool shouldRepaint(_BucketIconPainter old) => old.color != color; } ```