Add icons to this collection by clicking the heart icon.
Color Picker icon - also known as color palette, graphic design, dropper, color picker, art and design, edit tools, and color sample. Created in a clean lineal color style with a white, silver, black, and pink 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="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0v151.666c0 5.522 4.477 10 10 10h477c5.523 0 10-4.478 10-10V0c0-5.523-4.477-10-10-10H10C4.477-10 0-5.523 0 0"
transform="translate(7.502 84.607)"
fill="#f2fbff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-25c-5.52 0-10 4.47-10 10v151.66c0 5.52 4.48 10 10 10H0c-5.52 0-10-4.48-10-10V10C-10 4.47-5.52 0 0 0"
transform="translate(42.498 74.612)"
fill="#d8ecfe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-38.216-30.98-69.196-69.196-69.196-38.216 0-69.196 30.98-69.196 69.196 0 38.216 30.98 69.196 69.196 69.196C-30.98 69.196 0 38.216 0 0"
transform="translate(325.198 200.151)"
fill="#e490d0"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-4.06-.74-8.24-1.13-12.51-1.13-38.21 0-69.19 30.98-69.19 69.2s30.98 69.2 69.19 69.2c4.27 0 8.45-.39 12.51-1.13-32.25-5.88-56.7-34.12-56.7-68.07C-56.7 34.12-32.25 5.88 0 0"
transform="translate(268.508 132.082)"
fill="#df73c1"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-29.943-24.274-54.217-54.217-54.217-29.943 0-54.217 24.274-54.217 54.217 0 29.943 24.274 54.217 54.217 54.217C-24.274 54.217 0 29.943 0 0"
transform="translate(156.806 160.44)"
fill="#c1e9af"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-4.01-.95-8.2-1.45-12.5-1.45-29.94 0-54.22 24.27-54.22 54.22 0 29.94 24.28 54.21 54.22 54.21 4.3 0 8.49-.5 12.5-1.45-23.92-5.64-41.72-27.12-41.72-52.76C-41.72 27.12-23.92 5.64 0 0"
transform="translate(115.088 107.672)"
fill="#ade194"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-91.05-74.43a15.86 15.86 0 0 0-9.11-3.54l-10.74-.59c-3.34-.19-6.53-1.42-9.12-3.54l-3.05-2.5a15.755 15.755 0 0 0-9.98-3.56c-4.57 0-9.11 1.98-12.23 5.79-5.52 6.75-4.52 16.7 2.23 22.21l3.06 2.5c2.58 2.11 4.43 5 5.28 8.23l2.72 10.4a15.69 15.69 0 0 0 5.28 8.23l91.05 74.43z"
transform="translate(396.307 413.544)"
fill="#f2fbff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-91.05-74.43a15.69 15.69 0 0 1-5.28-8.23l-2.72-10.4a15.85 15.85 0 0 0-5.28-8.23l-3.06-2.5a15.743 15.743 0 0 1-5.8-12.2c-3.45.69-6.69 2.54-9.09 5.47-5.52 6.75-4.52 16.7 2.23 22.21l3.06 2.5c2.58 2.11 4.43 5 5.28 8.23l2.72 10.4a15.69 15.69 0 0 0 5.28 8.23l91.05 74.43z"
transform="translate(373.308 441.692)"
fill="#d8ecfe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-50.43-41.22a15.86 15.86 0 0 0-9.11-3.54l-10.74-.59c-3.34-.19-6.53-1.42-9.12-3.54l-3.05-2.5a15.755 15.755 0 0 0-9.98-3.56c-4.57 0-9.11 1.98-12.23 5.79-5.52 6.75-4.52 16.7 2.23 22.21l3.06 2.5c2.58 2.11 4.43 5 5.28 8.23l2.72 10.4a15.69 15.69 0 0 0 5.28 8.23l18.49 15.11z"
transform="translate(355.687 380.334)"
fill="#e490d0"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 23.98-6.22-29.81-24.37a15.69 15.69 0 0 1-5.28-8.23l-2.72-10.4a15.85 15.85 0 0 0-5.28-8.23l-3.06-2.5a15.743 15.743 0 0 1-5.8-12.2c-3.45.69-6.69 2.54-9.09 5.47-5.52 6.75-4.52 16.7 2.23 22.21l3.06 2.5c2.58 2.11 4.43 5 5.28 8.23l2.72 10.4a15.69 15.69 0 0 0 5.28 8.23z"
transform="translate(288.088 397.852)"
fill="#df73c1"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-29.943-24.274-54.217-54.217-54.217-29.943 0-54.217 24.274-54.217 54.217 0 29.943 24.274 54.217 54.217 54.217C-24.274 54.217 0 29.943 0 0"
transform="translate(463.632 160.44)"
fill="#ffe07d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-38.385 46.96L-.716 77.751c5.131 4.194 12.691 3.435 16.886-1.697l23.196-28.378c4.194-5.131 3.435-12.691-1.697-16.885Z"
transform="translate(408.967 421.11)"
fill="#b6c4cf"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-4.01-.95-8.2-1.45-12.5-1.45-29.95 0-54.22 24.27-54.22 54.22 0 29.94 24.27 54.21 54.22 54.21 4.3 0 8.49-.5 12.5-1.45-23.92-5.64-41.72-27.12-41.72-52.76C-41.72 27.12-23.92 5.64 0 0"
transform="translate(421.918 107.672)"
fill="#ffd064"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-4.22 4.94-11.64 5.62-16.7 1.48l-37.67-30.79-12.66 15.49 37.67 30.79c5.13 4.19 12.69 3.43 16.89-1.7z"
transform="translate(437.608 481.892)"
fill="#9facba"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-48.474-83.96c-1.54-2.667.385-6 3.464-6h96.948c3.08 0 5.004 3.333 3.464 6L6.928 0C5.389 2.667 1.54 2.667 0 0"
transform="translate(252.538 100.39)"
fill="#bde4ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-22c-3.08 0-5 3.33-3.46 6l48.47 83.96c1.54 2.66 5.39 2.66 6.93 0l7.54-13.05L-3.46 6C-5 3.33-3.08 0 0 0"
transform="translate(229.528 10.432)"
fill="#99dbff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-53.947 65.999a4 4 0 0 0 .566 5.628l19.284 15.763a4 4 0 0 0 5.629-.565l53.947-65.999a4 4 0 0 0-.566-5.628L5.629-.566A4.001 4.001 0 0 0 0 0"
transform="translate(397.544 395.893)"
fill="#b6c4cf"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-1.39 1.71-3.91 1.96-5.62.57L-24.91-15.2a3.993 3.993 0 0 1-.58-5.6L-38.13-5.34a4 4 0 0 0 .56 5.63l19.29 15.76a4 4 0 0 0 5.63-.56z"
transform="translate(381.728 467.232)"
fill="#9facba"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-11.18c0-5.53 4.48-10 10-10h220.15"
transform="translate(7.5 95.79)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v105.48c0 5.53 4.48 10 10 10h186.91"
transform="translate(7.5 130.79)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h18.86c5.52 0 10-4.47 10-10v-151.66c0-5.53-4.48-10-10-10h-220.15"
transform="translate(475.64 246.27)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-133.05"
transform="translate(440.64 246.27)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-38.216-30.98-69.196-69.196-69.196-38.216 0-69.196 30.98-69.196 69.196 0 38.216 30.98 69.196 69.196 69.196C-30.98 69.196 0 38.216 0 0Z"
transform="translate(325.196 200.151)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-29.943-24.274-54.217-54.217-54.217-29.943 0-54.217 24.274-54.217 54.217 0 29.943 24.274 54.217 54.217 54.217C-24.274 54.217 0 29.943 0 0Z"
transform="translate(156.804 160.44)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-29.943-24.274-54.217-54.217-54.217-29.943 0-54.217 24.274-54.217 54.217 0 29.943 24.274 54.217 54.217 54.217C-24.274 54.217 0 29.943 0 0Z"
transform="translate(463.63 160.44)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-48.474-83.96c-1.54-2.667.385-6 3.464-6h96.948c3.08 0 5.004 3.333 3.464 6L6.928 0C5.389 2.667 1.54 2.667 0 0Z"
transform="translate(252.536 100.39)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-53.947 65.999a4 4 0 0 0 .566 5.628l19.284 15.763a4 4 0 0 0 5.629-.565l53.947-65.999a4 4 0 0 0-.566-5.628L5.629-.566A4.001 4.001 0 0 0 0 0Z"
transform="translate(397.542 395.893)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 31.4 25.66c5.13 4.19 12.69 3.44 16.88-1.7l23.2-28.37c4.19-5.14 3.44-12.7-1.7-16.89L38.39-46.96"
transform="translate(376.85 473.2)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-83.14-67.97a15.824 15.824 0 0 1-5.28-8.22l-2.72-10.41c-.84-3.23-2.69-6.11-5.28-8.23l-3.05-2.49c-6.75-5.52-7.75-15.46-2.23-22.21 3.12-3.82 7.65-5.8 12.22-5.8 3.51 0 7.05 1.17 9.98 3.57l3.06 2.49c2.59 2.12 5.78 3.36 9.11 3.54l10.74.6c3.34.18 6.53 1.42 9.11 3.54l83.15 67.95"
transform="translate(352.73 450.71)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-67.61 17.52"
transform="translate(355.69 380.338)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category