Add icons to this collection by clicking the heart icon.
Pick Color icon - also known as interface, colour, edition, graphics editor, pick color, and edit tools. Created in a clean flat gradient 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="512"
height="512"
viewBox="0 0 33.867 33.867"
>
<linearGradient id="a">
<stop offset="0" stop-color="#f6f600" />
<stop offset="1" stop-color="#f69134" />
</linearGradient>
<linearGradient id="b">
<stop offset="0" stop-color="#0056ff" />
<stop offset="1" stop-color="#0ab0f2" />
</linearGradient>
<linearGradient id="c">
<stop offset="0" stop-color="#ff5e3f" />
<stop offset="1" stop-color="#ffbe3f" />
</linearGradient>
<linearGradient
id="d"
x1="12.772"
x2="51.939"
y1="119.829"
y2="146.304"
gradientTransform="matrix(-.197 -.197 .197 -.197 7.133 40.126)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="f"
x1="70.915"
x2="53.701"
y1="12.271"
y2="10.777"
gradientTransform="rotate(45 43.852 -37.152)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="e"
x1="239.684"
x2="239.684"
y1="148.149"
y2="27.899"
gradientTransform="scale(.264) rotate(45 165.832 -140.444)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f5f8ff" />
<stop offset="1" stop-color="#a0c9ff" />
</linearGradient>
<linearGradient
id="g"
x1="9"
x2="31.215"
y1="124"
y2="69.866"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="h"
x1="1.058"
x2="8.653"
y1="4.856"
y2="4.856"
gradientTransform="rotate(-90 4.856 4.856)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="i"
x1="1.058"
x2="8.653"
y1="4.856"
y2="4.856"
gradientTransform="rotate(-90 9.135 9.135)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#0dbd4f" />
<stop offset="1" stop-color="#7ce678" />
</linearGradient>
<g paint-order="markers fill stroke">
<path
fill="url(#d)"
d="m19.864 5.628 8.366 8.366 3.729-3.728a2.78 2.78 0 0 0 0-3.942L27.534 1.9a2.78 2.78 0 0 0-3.942 0z"
/>
<path
fill="url(#e)"
d="M18.22 7.271 6.994 18.496c-2.745 2.745-.97 5.456-5.095 9.58a2.751 2.751 0 0 0 0 3.9 2.751 2.751 0 0 0 3.9 0c4.125-4.125 6.835-2.35 9.58-5.095l11.225-11.225z"
/>
<path
fill="url(#f)"
d="m20.124 5.14 8.594 8.594a2.05 2.05 0 0 1 0 2.907 2.05 2.05 0 0 1-2.907 0l-8.594-8.594a2.05 2.05 0 0 1 0-2.907 2.05 2.05 0 0 1 2.907 0z"
/>
<path
fill="#6e98f5"
d="m24.031 17.12.196-.197-.394-.394-.196.196zm-.986-.987.196-.196-.394-.394-.196.196zm-.985-.985.196-.196-.394-.394-.196.196zm-.985-.985.196-.196-.394-.394-.196.196zm-.986-.986.196-.196-.394-.395-.196.197zm-.985-.985.196-.196-.394-.394-.196.196zm-.985-.985.196-.196-.394-.394-.196.196zm-.986-.986.196-.196-.394-.395-.196.197z"
/>
<g stroke-linecap="round" stroke-linejoin="round" stroke-opacity=".604">
<path
fill="url(#g)"
d="M52.178 81.814A27.61 27.61 0 0 0 40 84.5c-6.789 3.216-14.244 2.721-21.027.768-1.59 6.014-3.637 12.691-11.795 20.85a10.398 10.398 0 0 0 0 14.737 10.398 10.398 0 0 0 14.738 0c15.59-15.59 25.834-8.883 36.209-19.257l13.59-13.59c-4.58-2.828-11.587-6.128-19.537-6.194z"
transform="scale(.265)"
/>
<path
fill="url(#h)"
d="M4.856 1.058a3.797 3.797 0 0 1 3.797 3.798 3.797 3.797 0 0 1-3.797 3.797 3.797 3.797 0 0 1-3.798-3.797 3.797 3.797 0 0 1 3.798-3.798z"
/>
<path
fill="url(#i)"
d="M4.856 9.618a3.797 3.797 0 0 1 3.797 3.797 3.797 3.797 0 0 1-3.797 3.797 3.797 3.797 0 0 1-3.798-3.797 3.797 3.797 0 0 1 3.798-3.797z"
/>
</g>
<path
fill="#024292"
d="m28.662 12.442.196-.196-.394-.395-.197.197zm-.987-.986.197-.197-.394-.394-.197.197zm-.984-.985.196-.197-.394-.394-.197.197zm-.985-.985.196-.196-.394-.395-.197.197zm-.987-.986.197-.197-.394-.394-.197.197zm-.984-.985.196-.197-.394-.394-.197.197zm-.985-.985.196-.197-.394-.394-.197.197zm-.987-.986.197-.197-.394-.394-.197.197z"
/>
</g>
</svg>
More icons in the same style and category