Add icons to this collection by clicking the heart icon.
Color Picker icon - also known as format, pipette, editor, layout, drip, design, color picker, art and design, and edit tools. Created in a clean outline color style with a white, silver, gray, black, red, teal, purple, 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>
<circle cx="32" cy="32" r="30" fill="#2b2c2c" />
<path
fill="#ffc239"
d="m46.124 46.124 7.089 7.089A29.909 29.909 0 0 0 62 32H52z"
/>
<path
fill="#7fd65e"
d="m53.213 53.213-7.089-7.089L32 52v10a29.905 29.905 0 0 0 21.212-8.786z"
/>
<path
fill="#fd9903"
d="m53.213 10.787-3.249 3.249L43.2 20.4 52 32h10a29.906 29.906 0 0 0-8.787-21.213z"
/>
<path
fill="#c64635"
d="m43.2 20.8 6.768-6.766 3.249-3.249A29.906 29.906 0 0 0 32 2v10z"
/>
<path
fill="#662d91"
d="m10.787 10.787 7.088 7.088L32 12V2a29.909 29.909 0 0 0-21.213 8.786z"
/>
<path
fill="#914592"
d="m17.875 17.875-7.088-7.089A29.907 29.907 0 0 0 2 32h10z"
/>
<path
fill="#237af9"
d="m10.787 53.213 7.006-7.006L12 32H2a29.906 29.906 0 0 0 8.787 21.213z"
/>
<path
fill="#39aa5b"
d="m18.348 45.391-7.561 7.822A29.906 29.906 0 0 0 32 62V52z"
/>
<path
fill="#fff"
d="M43.421 15.579a20 20 0 0 0-26.984 28.984l3 3a20 20 0 0 0 28.984-26.984z"
/>
<path
fill="#f0f0f1"
d="M32 50a17.8 17.8 0 0 1-11.225-3.928l-2.846-2.846a18 18 0 0 1 13.155-29.2c.307-.019.616-.026.916-.026a17.9 17.9 0 0 1 10.137 3.122l4.742 4.743a18 18 0 0 1-13.138 28.053c-.579.055-1.165.082-1.74.082z"
/>
<path
fill="#2b2c2c"
d="m34.707 23.707 5.586 5.586A2.414 2.414 0 0 0 42 30a2.414 2.414 0 0 0 1.707-.707l.586-.586A2.414 2.414 0 0 0 45 27a2.414 2.414 0 0 0-.707-1.707l-5.586-5.586A2.414 2.414 0 0 0 37 19a2.414 2.414 0 0 0-1.707.707l-.586.586A2.414 2.414 0 0 0 34 22a2.414 2.414 0 0 0 .707 1.707z"
/>
<path
fill="#c2d3dc"
d="M35 24 17.707 41.293A2.414 2.414 0 0 0 17 43a2.414 2.414 0 0 1-.707 1.707l-1.672 1.672a2.12 2.12 0 0 0-.621 1.5A2.122 2.122 0 0 0 16.121 50a2.12 2.12 0 0 0 1.5-.621l1.672-1.672A2.414 2.414 0 0 1 21 47a2.414 2.414 0 0 0 1.707-.707L40 29z"
/>
<path
fill="#2b2c2c"
d="m39 20 5.964-5.964a3.535 3.535 0 0 1 2.5-1.036A3.536 3.536 0 0 1 51 16.536a3.535 3.535 0 0 1-1.036 2.5L44 25z"
/>
<path
fill="#deeaf0"
d="M17 43a2.4 2.4 0 0 1-.707 1.7l-1.672 1.672a2.086 2.086 0 0 0-.485 2.226 2.086 2.086 0 0 0 2.226-.485l1.672-1.672a2.4 2.4 0 0 1 1.7-.707 2.417 2.417 0 0 0 1.711-.707L35.48 31a2.3 2.3 0 0 0 0-3.254l-2.114-2.114-15.659 15.661A2.413 2.413 0 0 0 17 43z"
/>
<path
fill="#f2f7f9"
d="M25.392 37.783a1 1 0 0 1-.707-1.707l5.893-5.894a1 1 0 0 1 1.414 1.418L26.1 37.49a1 1 0 0 1-.708.293z"
/>
<path
fill="#434444"
d="M38.707 19.707a2.414 2.414 0 0 0-3.414 0l-.586.586a2.435 2.435 0 0 0-.364.484 2.379 2.379 0 0 0 .364.484l5.586 5.586a2.414 2.414 0 0 0 3.414 0l.586-.586a2.379 2.379 0 0 0 .364-.484 2.435 2.435 0 0 0-.364-.484zM50.61 14.952a3.52 3.52 0 0 0-5.646-.916l-4.382 4.382 1.923 1.924a2.114 2.114 0 0 0 2.99 0l4.469-4.47a3.492 3.492 0 0 0 .646-.92z"
/>
<path
fill="#fff"
d="M56.978 46.855a2 2 0 0 1-1.772-2.925A25.85 25.85 0 0 0 36.7 6.541a2 2 0 1 1 .676-3.941 29.851 29.851 0 0 1 21.377 43.18 2 2 0 0 1-1.775 1.075z"
opacity=".2"
/>
</g>
<path
d="M32 1a31 31 0 1 0 31 31A31.035 31.035 0 0 0 32 1zm1.834 49.913a18.978 18.978 0 0 1-12.176-2.977A3.393 3.393 0 0 0 23.414 47L40.04 30.374A3.4 3.4 0 0 0 44.414 30l.586-.585a3.4 3.4 0 0 0 .374-4.375l2.874-2.874a18.852 18.852 0 0 1 2.728 10.8 19.042 19.042 0 0 1-17.142 17.947zM15 47.879a1.129 1.129 0 0 1 .328-.793L17 45.414A3.389 3.389 0 0 0 18 43a1.406 1.406 0 0 1 .414-1L35 25.414 38.586 29 22 45.586A1.406 1.406 0 0 1 21 46a3.389 3.389 0 0 0-2.414 1l-1.672 1.672A1.121 1.121 0 0 1 15 47.879zm16.034-34.855a18.859 18.859 0 0 1 10.8 2.728l-2.878 2.878a3.507 3.507 0 0 0-4.37.37l-.586.585a3.4 3.4 0 0 0-.374 4.375L17 40.586a3.393 3.393 0 0 0-.936 1.756 19 19 0 0 1 14.97-29.318zM43.586 26a1.415 1.415 0 0 1 0 2l-.586.585a1.447 1.447 0 0 1-2 0L35.414 23a1.415 1.415 0 0 1 0-2l.586-.585a1.414 1.414 0 0 1 2 0zM44 23.586 40.414 20l5.258-5.257a2.536 2.536 0 0 1 3.586 3.586zm5.877-10.877a4.5 4.5 0 0 0-5.619.62l-.977.976A20.748 20.748 0 0 0 33 11.031V3.025a28.885 28.885 0 0 1 18.773 7.788zM31 11.026h-.064A20.927 20.927 0 0 0 17.9 16.483l-5.67-5.669A28.881 28.881 0 0 1 31 3.025zm-14.521 6.867A20.8 20.8 0 0 0 11.1 29.979c-.032.342-.031.681-.047 1.021H3.025a28.88 28.88 0 0 1 7.788-18.772zM11.048 33a20.837 20.837 0 0 0 4.078 11.46l-1.212 1.212A3.142 3.142 0 0 0 13 47.879a3.085 3.085 0 0 0 .333 1.374l-2.52 2.519A28.885 28.885 0 0 1 3.025 33zm3.7 17.667a3.085 3.085 0 0 0 1.373.333 3.142 3.142 0 0 0 2.207-.914l1.208-1.208A20.846 20.846 0 0 0 31 52.957v8.018a28.885 28.885 0 0 1-18.772-7.788zM33 52.953c.34-.016.679-.016 1.021-.048a20.8 20.8 0 0 0 12.086-5.384l5.665 5.666A28.885 28.885 0 0 1 33 60.975zM47.517 46.1a20.927 20.927 0 0 0 5.457-13.039v-.064h8a28.885 28.885 0 0 1-7.788 18.772zm5.45-15.1A20.743 20.743 0 0 0 49.7 20.719l.977-.976a4.5 4.5 0 0 0 .619-5.619l1.9-1.9A28.885 28.885 0 0 1 60.975 31z"
/>
</svg>
More icons in the same style and category