Add icons to this collection by clicking the heart icon.
Bucket icon - also known as bucket, work, tool, container, pail, and construction and tools. Created in a clean gradient style, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.
<svg
xmlns="http://www.w3.org/2000/svg"
width="512"
height="512"
viewBox="0 0 512 512"
>
<linearGradient id="a">
<stop offset="0" stop-color="#8abbd5" />
<stop offset=".43" stop-color="#6cabca" />
<stop offset="1" stop-color="#0681af" />
</linearGradient>
<radialGradient
id="d"
cx="261.201"
cy="86.727"
r="63.16"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#e0f6df" />
<stop offset=".514" stop-color="#ddf7c5" />
<stop offset=".56" stop-color="#daf7c0" />
<stop offset=".976" stop-color="#c4f19b" />
</linearGradient>
<radialGradient
id="e"
cx="104.247"
cy="463.183"
r="181.517"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<radialGradient
id="f"
cx="60.341"
cy="153.678"
r="93.323"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="c">
<stop offset="0" stop-color="#7be700" />
<stop offset=".512" stop-color="#72d800" />
<stop offset=".808" stop-color="#26b847" />
<stop offset=".976" stop-color="#00a96a" />
</linearGradient>
<radialGradient
id="g"
cx="351.545"
cy="353.097"
r="253.867"
gradientTransform="matrix(1 0 0 .849 0 53.508)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<radialGradient
id="h"
cx="260.576"
cy="216.945"
r="35.932"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#c4f19b" />
<stop offset=".518" stop-color="#a4ed62" />
<stop offset=".785" stop-color="#85e026" />
<stop offset=".976" stop-color="#72d800" />
</radialGradient>
<radialGradient
id="i"
cx="431.158"
cy="1461.893"
r="211.111"
gradientTransform="matrix(.931 0 0 .114 -148.108 320.012)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#d1f4b0" />
<stop offset=".512" stop-color="#e9f9d9" />
<stop offset=".519" stop-color="#e9f9d9" />
<stop offset=".976" stop-color="#fff" />
</radialGradient>
<radialGradient
id="j"
cx="339.514"
cy="229.398"
r="261.474"
gradientTransform="matrix(.995 .097 -.056 .58 14.483 63.679)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<radialGradient
id="k"
cx="358.189"
cy="22.568"
r="138.789"
gradientTransform="matrix(0 1 -.592 0 371.548 -335.621)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<radialGradient
id="l"
cx="282.944"
cy="48.074"
r="222.653"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e6f6ff" />
<stop offset=".376" stop-color="#c0dae9" />
<stop offset=".43" stop-color="#bad6e5" />
<stop offset="1" stop-color="#8abbd5" />
</radialGradient>
<path
fill="url(#d)"
d="M281.6 12.8c-21.208 0-38.4 17.192-38.4 38.4v115.2l-22.8-12.8-8.236-102.754C212.164 29.638 237.592 0 258.8 0z"
/>
<path fill="url(#e)" d="M89.6 486.4 64 192l102.4-25.6v320z" />
<path fill="url(#f)" d="M38.4 192h76.8l12.8-25.6-12.8-12.8H38.4z" />
<path fill="url(#g)" d="M448 192H140.8l25.6 294.4h256z" />
<path fill="url(#h)" d="M246 192h25.6v38.4H246z" />
<path
fill="url(#i)"
d="M256 512c113.107 0 204.798-11.461 204.798-25.6H51.202c0 14.139 91.691 25.6 204.798 25.6z"
/>
<path
fill="url(#j)"
d="M473.6 153.6H115.2V192h156.4v38.4h76.8V192h125.2z"
/>
<path
fill="url(#k)"
d="M281.6 0c28.277 0 51.2 22.923 51.2 51.2v166.4H310s-6.588-10.457-6.588-17.527L300.56 39.677S287.077 0 258.8 0z"
/>
<path
fill="url(#l)"
d="M207.6 51.2v102.4h12.8V51.2c0-21.208 17.192-38.4 38.4-38.4s38.4 17.192 38.4 38.4v166.4H310V51.2C310 22.923 287.077 0 258.8 0c-28.277 0-51.2 22.923-51.2 51.2z"
/>
</svg>
More icons in the same style and category