Add icons to this collection by clicking the heart icon.
Color Picker icon - also known as web, color palette, website, graphic design, color picker, seo and web, and edit tools. Created in a clean rounded shapes 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 110 110"
>
<g>
<circle cx="55" cy="55" r="50" fill="#e7efff" />
<circle cx="8" cy="4" r="3" fill="#ff4d69" />
<circle cx="106" cy="19" r="3" fill="#00c99f" />
<circle cx="103" cy="106" r="3" fill="#ffa100" />
<circle cx="4" cy="99" r="3" fill="#00c99f" />
<path
fill="#323fd4"
d="M20 15h70a4 4 0 0 1 4 4v6H16v-6a4 4 0 0 1 4-4z"
/>
<path fill="#4e6aff" d="M32 21h61a4 4 0 0 1 4 4v6H32V21z" />
<path
fill="#8fa2ff"
d="M17 21h15a6 6 0 0 1 6 6v4H13v-6a4 4 0 0 1 4-4z"
/>
<path
fill="#a5bced"
d="M97 31v51.12A50.05 50.05 0 0 1 78.75 99h-47.5A50.05 50.05 0 0 1 13 82.12V31z"
/>
<g fill="#fff">
<circle cx="92" cy="26" r="1" />
<circle cx="86" cy="26" r="1" />
<circle cx="80" cy="26" r="1" />
<circle cx="33" cy="26" r="1" />
</g>
<path fill="#8fa2ff" d="M41 41v23L21.09 52.5A23 23 0 0 1 41 41z" />
<path fill="#4e6aff" d="M41 64 21.09 75.5a22.94 22.94 0 0 1 0-23z" />
<path fill="#323fd4" d="M41 64v23a23 23 0 0 1-19.91-11.5z" />
<path fill="#8fa2ff" d="M60.91 75.5A23 23 0 0 1 41 87V64z" />
<path
fill="#4e6aff"
d="M60.91 75.5 41 64l19.91-11.5a22.92 22.92 0 0 1 0 23z"
/>
<path fill="#323fd4" d="M60.91 52.5 41 64V41a23 23 0 0 1 19.91 11.5z" />
<circle cx="41" cy="64" r="8" fill="#fff" />
<path
fill="#fff"
d="M71 49 60 60a4.24 4.24 0 0 0-.82 4.82l-1.77 1.77a1.41 1.41 0 0 0 2 2l1.77-1.77A4.24 4.24 0 0 0 66 66l11-11z"
/>
<rect
width="5.66"
height="16.97"
x="73.17"
y="41.51"
fill="#ff4d69"
rx="2"
transform="rotate(-45 75.989 50.02)"
/>
<path
fill="#ff4d69"
d="M91 40.66a5.66 5.66 0 0 1-1.66 4L82 52l-8-8 7.34-7.34a5.67 5.67 0 0 1 9.66 4z"
/>
<rect width="18" height="8" x="73" y="66" fill="#fff" rx="2" />
<rect width="4" height="4" x="75" y="68" fill="#4e6aff" rx="1" />
<path fill="#a5bced" d="M88 71h-6a1 1 0 0 1 0-2h6a1 1 0 0 1 0 2z" />
<path
fill="#fff"
d="M84 79H74a1 1 0 0 1 0-2h10a1 1 0 0 1 0 2zM80 83h-6a1 1 0 0 1 0-2h6a1 1 0 0 1 0 2z"
/>
</g>
</svg>
More icons in the same style and category