Color Bucket Icon

Free SVG icon from the IcoFont collection. Download or copy for use in any project.

Download SVG

Collection: IcoFont
Format: SVG, Font, PNG
License: CC BY 4.0 - Free for commercial use
Tags: color bucket

The Color Bucket icon is available as a free SVG and is ready to drop into any web or app project.

img tag

<img src="https://proicons.com/icon/305421.svg" alt="Color Bucket icon" width="24" height="24">

React JSX

<img src="https://proicons.com/icon/305421.svg" alt="Color Bucket icon" width={24} height={24} />

Vue template

<img
  src="https://proicons.com/icon/305421.svg"
  alt="Color Bucket icon"
  :width="24"
  :height="24"
/>

CSS background

.icon-color-bucket {
  background-image: url('https://proicons.com/icon/305421.svg');
  background-size: contain;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  display: inline-block;
}

SVG markup

<svg width="64" height="64" viewBox="0 0 1000 1000" xmlns="http://www.w3.org/2000/svg"><path d="M996 567l-81-108-56-74c-74 42-217 54-301 58l-2 1c-18 17-47 15-64-4-18-19-18-48 0-65 17-16 45-15 63 3 108-4 217-21 265-45l-58-75c69 2 97 19 107 33 10 13 7 27 7 30-27 56-235 74-335 76 0-1-1-2-1-2-9-10-23-10-32-2-8 8-9 22 0 31s23 10 32 2c1-1 2-3 3-5 68-2 278-12 340-71 7-6 11-12 15-19v-1c0-1 9-27-10-52-22-30-70-45-144-45l-70-92c-3-4-7-6-12-6-4-1-9 0-12 3L283 481c-3 3-4 8-4 12 0 5 2 9 5 12l397 356c7 6 17 6 23 0l291-272c6-6 7-16 1-22zM298 428c3-3 7-6 11-9 0-1-1-1-2-1-55-3-110-1-163 13-30 7-58 18-82 37-26 21-46 45-56 77-12 38-5 74 16 108 2 2 4 5 6 8s12 19 34 30c14 8 42 20 80 9 1-1 1-1 2-1h1c28-9 48-29 62-58 12-27 19-56 22-85 6-52 29-95 69-128z"/></svg>

Color Bucket in other icon packs

css.gg

Copied!

Color Bucket Icon

More from IcoFont

Color Bucket in other icon packs