paint bucket icon

paint-bucket-thin from Phosphor by Phosphor Icons · Thin · MIT Free for personal and commercial use.

Name: paint-bucket-thin
Set: Phosphor
Style: Thin
Viewbox: 256×256
License: MIT

5 other variants in Phosphor

paint-bucket paint-bucket-bold paint-bucket-duotone paint-bucket-fill paint-bucket-light

The same icon in other sets

paint-bucketBootstrap Icons paint-bucket-16-filledFluent UI System Icons paint-bucketHuge Icons paint-bucketLucide paint-bucketPixelarticons

Related icons in Phosphor

paint-brush paint-brush-broad paint-brush-household paint-roller

Use the paint bucket icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M235.33 165.78a4 4 0 0 0-6.66 0C228 166.8 212 191 212 208a20 20 0 0 0 40 0c0-17-16-41.2-16.67-42.22M232 220a12 12 0 0 1-12-12c0-10.25 7.49-24.64 12-32.37c4.51 7.73 12 22.1 12 32.37a12 12 0 0 1-12 12m3.89-87.6a4 4 0 0 0-1.06-3.74L119.34 13.17a4 4 0 0 0-5.65 0L70.25 56.6L42.82 29.17a4 4 0 0 0-5.65 5.66L64.6 62.26L17.86 109a20 20 0 0 0 0 28.29l84.85 84.85a20 20 0 0 0 28.29 0L210.16 143l23.1-7.7a4 4 0 0 0 2.63-2.9m-29.15 3.29a4.06 4.06 0 0 0-1.57 1l-79.83 79.82a12 12 0 0 1-17 0l-84.83-84.88a12 12 0 0 1 0-17l46.74-46.71l34.2 34.2A24 24 0 0 0 141 133a24 24 0 0 0-30.86-36.51l-34.2-34.2l40.61-40.6l108.04 108.05Zm-94.05-31a16 16 0 1 1 0 22.64a16 16 0 0 1 0-22.64"/></svg>

React

import type { SVGProps } from "react";

export function PhPaintBucketThin(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M235.33 165.78a4 4 0 0 0-6.66 0C228 166.8 212 191 212 208a20 20 0 0 0 40 0c0-17-16-41.2-16.67-42.22M232 220a12 12 0 0 1-12-12c0-10.25 7.49-24.64 12-32.37c4.51 7.73 12 22.1 12 32.37a12 12 0 0 1-12 12m3.89-87.6a4 4 0 0 0-1.06-3.74L119.34 13.17a4 4 0 0 0-5.65 0L70.25 56.6L42.82 29.17a4 4 0 0 0-5.65 5.66L64.6 62.26L17.86 109a20 20 0 0 0 0 28.29l84.85 84.85a20 20 0 0 0 28.29 0L210.16 143l23.1-7.7a4 4 0 0 0 2.63-2.9m-29.15 3.29a4.06 4.06 0 0 0-1.57 1l-79.83 79.82a12 12 0 0 1-17 0l-84.83-84.88a12 12 0 0 1 0-17l46.74-46.71l34.2 34.2A24 24 0 0 0 141 133a24 24 0 0 0-30.86-36.51l-34.2-34.2l40.61-40.6l108.04 108.05Zm-94.05-31a16 16 0 1 1 0 22.64a16 16 0 0 1 0-22.64"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M235.33 165.78a4 4 0 0 0-6.66 0C228 166.8 212 191 212 208a20 20 0 0 0 40 0c0-17-16-41.2-16.67-42.22M232 220a12 12 0 0 1-12-12c0-10.25 7.49-24.64 12-32.37c4.51 7.73 12 22.1 12 32.37a12 12 0 0 1-12 12m3.89-87.6a4 4 0 0 0-1.06-3.74L119.34 13.17a4 4 0 0 0-5.65 0L70.25 56.6L42.82 29.17a4 4 0 0 0-5.65 5.66L64.6 62.26L17.86 109a20 20 0 0 0 0 28.29l84.85 84.85a20 20 0 0 0 28.29 0L210.16 143l23.1-7.7a4 4 0 0 0 2.63-2.9m-29.15 3.29a4.06 4.06 0 0 0-1.57 1l-79.83 79.82a12 12 0 0 1-17 0l-84.83-84.88a12 12 0 0 1 0-17l46.74-46.71l34.2 34.2A24 24 0 0 0 141 133a24 24 0 0 0-30.86-36.51l-34.2-34.2l40.61-40.6l108.04 108.05Zm-94.05-31a16 16 0 1 1 0 22.64a16 16 0 0 1 0-22.64"/></svg>
</template>

CSS

.icon-paint-bucket-thin {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M235.33%20165.78a4%204%200%200%200-6.66%200C228%20166.8%20212%20191%20212%20208a20%2020%200%200%200%2040%200c0-17-16-41.2-16.67-42.22M232%20220a12%2012%200%200%201-12-12c0-10.25%207.49-24.64%2012-32.37c4.51%207.73%2012%2022.1%2012%2032.37a12%2012%200%200%201-12%2012m3.89-87.6a4%204%200%200%200-1.06-3.74L119.34%2013.17a4%204%200%200%200-5.65%200L70.25%2056.6L42.82%2029.17a4%204%200%200%200-5.65%205.66L64.6%2062.26L17.86%20109a20%2020%200%200%200%200%2028.29l84.85%2084.85a20%2020%200%200%200%2028.29%200L210.16%20143l23.1-7.7a4%204%200%200%200%202.63-2.9m-29.15%203.29a4.06%204.06%200%200%200-1.57%201l-79.83%2079.82a12%2012%200%200%201-17%200l-84.83-84.88a12%2012%200%200%201%200-17l46.74-46.71l34.2%2034.2A24%2024%200%200%200%20141%20133a24%2024%200%200%200-30.86-36.51l-34.2-34.2l40.61-40.6l108.04%20108.05Zm-94.05-31a16%2016%200%201%201%200%2022.64a16%2016%200%200%201%200-22.64%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M235.33%20165.78a4%204%200%200%200-6.66%200C228%20166.8%20212%20191%20212%20208a20%2020%200%200%200%2040%200c0-17-16-41.2-16.67-42.22M232%20220a12%2012%200%200%201-12-12c0-10.25%207.49-24.64%2012-32.37c4.51%207.73%2012%2022.1%2012%2032.37a12%2012%200%200%201-12%2012m3.89-87.6a4%204%200%200%200-1.06-3.74L119.34%2013.17a4%204%200%200%200-5.65%200L70.25%2056.6L42.82%2029.17a4%204%200%200%200-5.65%205.66L64.6%2062.26L17.86%20109a20%2020%200%200%200%200%2028.29l84.85%2084.85a20%2020%200%200%200%2028.29%200L210.16%20143l23.1-7.7a4%204%200%200%200%202.63-2.9m-29.15%203.29a4.06%204.06%200%200%200-1.57%201l-79.83%2079.82a12%2012%200%200%201-17%200l-84.83-84.88a12%2012%200%200%201%200-17l46.74-46.71l34.2%2034.2A24%2024%200%200%200%20141%20133a24%2024%200%200%200-30.86-36.51l-34.2-34.2l40.61-40.6l108.04%20108.05Zm-94.05-31a16%2016%200%201%201%200%2022.64a16%2016%200%200%201%200-22.64%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/paint-bucket-thin.svg?color=%231a73e8&size=48