Add icons to this collection by clicking the heart icon.
Fill Color icon - also known as painting, color, bucket, paint bucket, design tool, edit tools, edit tool, and fill color. Created in a clean flat style with a white, silver, gray, red, maroon, olive, teal, and orange finish, 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 64 64"
>
<g fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2">
<path
fill="#70171b"
d="M35.909 16.293a1 1 0 0 0-1.414 0L17.787 33l20.507 20.506a1 1 0 0 0 1.414 0l16-16a1 1 0 0 0 0-1.414l-19.8-19.8z"
/>
<path
fill="#e86168"
d="M35.909 16.293a1.001 1.001 0 0 0-1.414 0L17.787 33l1.8 1.799L37 17.385z"
/>
<path
fill="#e86168"
d="M34.101 18.1a1 1 0 0 0-1.414 0l-13.4 13.4L34.97 47.182a3 3 0 0 0 4.242 0l7.743-7.742a6 6 0 0 0 0-8.486L34.1 18.101z"
/>
<path
fill="#e02d36"
d="m35.193 19.192-6.355 6.355L27.213 24l-7.712 7.713 15.468 15.47a3 3 0 0 0 4.243 0l7.743-7.743a6 6 0 0 0 0-8.486L35.193 19.192z"
/>
<path fill="#70171b" d="M40.001 21v12h-2V21z" />
<path
fill="#2d6270"
d="M12.844 49.244a.989.989 0 0 0-1.688 0C9.983 51.036 8 54.31 8 56c0 2.207 1.792 4 4 4s4-1.793 4-4c0-1.69-1.982-4.965-3.156-6.757z"
/>
<path
fill="#5ac3e0"
d="M11.921 48.773a.99.99 0 0 0-.765.47C9.983 51.035 8.001 54.31 8.001 56c0 1.431.753 2.688 1.885 3.395.2.045.405.07.615.07 1.932 0 3.5-2.012 3.5-4.489 0-1.517-1.111-4.173-2.08-6.203z"
/>
<path
fill="#cdedf6"
d="M11.248 52.801c-.758-.227-1.689.642-2.077 1.938-.389 1.297-.09 2.534.669 2.761z"
/>
<circle cx="39.001" cy="33.5" r="4" fill="#70171b" />
<path
fill="#70171b"
d="m27 39.213-7-7L29.213 23l1.86 1.312A2 2 0 0 1 30 28h-1a2 2 0 0 0-2 2z"
/>
<path
fill="#e0cd4c"
d="M47 20V9c0-2.76-2.24-5-5-5-2.759 0-5 2.24-5 5v21.5a1 1 0 0 0 2 0V9c0-1.656 1.345-3 3-3 1.656 0 3 1.344 3 3v11a1 1 0 0 0 2 0z"
/>
<circle cx="38.001" cy="33" r="4" fill="#a99a39" />
<path
fill="#e0cd4c"
d="M34.524 34.977a4.001 4.001 0 0 1 5.454-5.454 4.001 4.001 0 0 1-5.454 5.454z"
/>
<circle cx="38.001" cy="33" r="2" fill="#706726" />
<path
fill="#9e8f29"
d="M37.178 34.823a2 2 0 0 1 2.646-2.646 2 2 0 0 1-2.646 2.646z"
/>
<path
fill="#2d6270"
d="M15 38.001v5c0 1.655-1.344 3-3 3-1.655 0-3-1.345-3-3v-16c0-2.76 2.24-5 5-5h15a2 2 0 0 1 0 4h-2a2 2 0 0 0-2 2v11c0 1.655-1.344 3-3 3-1.655 0-3-1.345-3-3v-1a2 2 0 0 0-4 0z"
/>
<path
fill="#5ac3e0"
d="M15 35.001a2 2 0 0 0-2 2v6c0 1.655-4 1.655-4 0v-16c0-2.76 2.24-5 5-5h14c1.104 0 1.104 3 0 3h-3a2 2 0 0 0-2 2v11c0 1.655-4 1.655-4 0v-1a2 2 0 0 0-2-2z"
/>
<g fill="#cdedf6">
<path
d="M17.001 24h-2c-2.208 0-4 1.793-4 4v2a1 1 0 0 0 2 0v-2a2 2 0 0 1 2-2h2a1 1 0 0 0 0-2z"
/>
<circle cx="12" cy="34" r="1" />
<circle cx="21" cy="25" r="1" />
</g>
</g>
</svg>
More icons in the same style and category