Add icons to this collection by clicking the heart icon.
Color Picker icon - also known as art, paint, color, colour, Picker, tool, graphic design, eyedropper, color picker, art and design, and edit tools. Created in a clean lineal color 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="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 0-74.229 74.224 60.103 60.099c20.497 20.495 53.727 20.495 74.224 0 20.499-20.497 20.499-53.732 0-74.229z"
transform="translate(391.815 354.807)"
fill="#a5a9c0"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a52.247 52.247 0 0 1-27.148 14.421C-8.27-6.172-8.797-38.175-28.746-58.122l-53.779-53.775 22.424-22.423L0-74.224C20.498-53.728 20.498-20.496 0 0"
transform="translate(451.916 489.127)"
fill="#8186a5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-118.667-118.666-79.561-79.555c-11.012-11.011-26.373-15.039-40.562-12.084-5.391 1.122-10.721-1.813-12.575-6.993a22.37 22.37 0 0 0-5.26-8.296c-9.099-9.088-24.029-8.787-32.737.901-7.846 8.747-7.535 22.394.682 30.79a22.301 22.301 0 0 0 8.377 5.411c5.21 1.884 8.226 7.174 7.094 12.604-2.956 14.188 1.072 29.548 12.084 40.559L-62.897 62.883Z"
transform="translate(363.692 338.022)"
fill="#ecedf5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-21.259-21.257v-.001c24.01-24.004 24.012-62.927.005-86.934l-75.197-75.197-79.561-79.555c-11.012-11.011-26.373-15.039-40.562-12.083-5.391 1.122-10.721-1.814-12.575-6.994a22.977 22.977 0 0 0-.41-1.055 22.06 22.06 0 0 1 3.094-4.5c8.708-9.688 23.638-9.989 32.736-.901a22.36 22.36 0 0 1 5.261 8.296c1.854 5.18 7.184 8.116 12.575 6.994 14.189-2.956 29.55 1.072 40.562 12.083l79.561 79.555L62.897-62.883z"
transform="translate(300.795 400.905)"
fill="#c8cbda"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-13.217-10.715-23.931-23.933-23.931-13.217 0-23.933 10.714-23.933 23.931s23.933 40.858 23.933 40.858S0 13.217 0 0"
transform="translate(92.577 31.431)"
fill="#ff95c2"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0s-5.983-6.91-11.966-15.473C-5.983-24.035 0-34.25 0-40.858c0-8.856-4.815-16.583-11.966-20.722A23.817 23.817 0 0 1 0-64.789c13.218 0 23.933 10.714 23.933 23.931S0 0 0 0"
transform="translate(68.644 72.29)"
fill="#ff80b3"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-99.236 99.229c-8.128 8.127-8.128 21.305 0 29.433 8.127 8.126 21.303 8.126 29.43 0l99.236-99.23c8.128-8.127 8.128-21.305 0-29.432C21.303-8.126 8.127-8.126 0 0"
transform="translate(378.18 316.166)"
fill="#5e648b"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-99.236 99.229c-8.128 8.127-21.305 8.127-29.432 0-.052-.051-.094-.107-.144-.159a20.865 20.865 0 0 0 2.879-2.383l99.236-99.229c8.076-8.076 8.118-21.133.144-29.271C-18.441-37.441-7.228-36.658 0-29.43 8.127-21.303 8.127-8.127 0 0"
transform="translate(407.611 345.597)"
fill="#3a4270"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-79.561-79.555c-11.012-11.011-26.373-15.039-40.562-12.084-5.391 1.122-10.721-1.813-12.575-6.993a22.37 22.37 0 0 0-5.26-8.296c-9.099-9.088-24.029-8.787-32.737.901-7.846 8.747-7.535 22.394.682 30.79a22.301 22.301 0 0 0 8.377 5.411c5.21 1.884 8.226 7.174 7.094 12.604-2.956 14.188 1.072 29.548 12.084 40.559L-125.494.301H-.121L0 0"
transform="translate(245.025 219.356)"
fill="#ff95c2"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-2.141-2.141-79.56-79.555c-11.012-11.011-26.373-15.039-40.562-12.083-5.391 1.122-10.721-1.814-12.575-6.994a22.977 22.977 0 0 0-.41-1.055c.333-.635.704-1.255 1.098-1.863.131-.201.257-.405.397-.602.149-.214.305-.424.462-.634.362-.476.732-.948 1.137-1.401 8.708-9.688 23.638-9.989 32.736-.901a22.36 22.36 0 0 1 5.261 8.296c1.854 5.18 7.184 8.116 12.575 6.994 14.189-2.956 29.55 1.072 40.562 12.083L38.541-.301 38.42 0Z"
transform="translate(206.457 219.657)"
fill="#ff80b3"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 51.634-51.63c8.127-8.127 8.127-21.304 0-29.431-8.128-8.127-21.305-8.127-29.432 0l-99.237 99.23c-8.127 8.127-8.127 21.303 0 29.43 8.128 8.127 21.305 8.127 29.432 0l25.366-25.364"
transform="translate(355.978 397.228)"
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 56.808 56.804c20.498 20.496 53.731 20.496 74.229 0v0c20.498-20.496 20.498-53.728 0-74.224L74.229-74.224"
transform="translate(320.878 432.324)"
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-37.512-37.51c-11.016-11.015-15.045-26.372-12.086-40.563 1.131-5.424-1.882-10.715-7.092-12.605a22.377 22.377 0 0 1-8.381-5.409c-8.212-8.398-8.524-22.046-.677-30.785 8.707-9.697 23.639-9.999 32.732-.905a22.342 22.342 0 0 1 5.264 8.298c1.852 5.18 7.184 8.116 12.57 6.993 14.192-2.959 29.549 1.069 40.566 12.085l194.544 194.53-62.896 62.892L24.155 24.153"
transform="translate(140.081 240.207)"
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-13.217-10.715-23.931-23.933-23.931-13.217 0-23.933 10.714-23.933 23.931s23.933 40.858 23.933 40.858S0 13.217 0 0Z"
transform="translate(92.577 31.431)"
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 0h125.372"
transform="translate(119.529 219.655)"
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