Color Picker Icon
Free SVG icon from the Mage Icons collection. Download or copy for use in any project.
The Color Picker icon is available as a free SVG and is ready to drop into any web or app project.
img tag
<img src="https://proicons.com/icon/310060.svg" alt="Color Picker icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/310060.svg" alt="Color Picker icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/310060.svg" alt="Color Picker icon" :width="24" :height="24" />
CSS background
.icon-color-picker {
background-image: url('https://proicons.com/icon/310060.svg');
background-size: contain;
background-repeat: no-repeat;
width: 24px;
height: 24px;
display: inline-block;
}
SVG markup
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M17.0419 10.8935L13.0419 6.88752C12.9819 6.83191 12.9147 6.78474 12.842 6.74731L17.212 11.1038C17.1697 11.0232 17.1119 10.9517 17.0419 10.8935Z" fill="black"/> <path d="M20.962 3.00175C20.3016 2.36267 19.4202 2.00385 18.5019 2.00026C17.5541 1.98886 16.6393 2.34815 15.952 3.00175L14.6319 4.59412C14.4329 4.40568 14.2029 4.2532 13.952 4.14345C13.4205 3.92311 12.8234 3.92311 12.2919 4.14345C12.0306 4.25391 11.793 4.41371 11.592 4.61415C11.2244 4.99173 11.0057 5.48976 10.9763 6.01626C10.9468 6.54276 11.1087 7.06213 11.4319 7.47841L4.03192 14.8994C3.68772 15.2458 3.44652 15.6812 3.33527 16.1569C3.22401 16.6327 3.24707 17.1301 3.40192 17.5934L2.55194 18.4447C2.37627 18.6192 2.23688 18.8268 2.14191 19.0556C2.05245 19.2821 2.005 19.5231 2.00189 19.7667C2.00391 20.0169 2.05136 20.2646 2.14191 20.4978C2.23686 20.7128 2.36889 20.9094 2.53192 21.0786L2.86188 21.4392C3.03845 21.6148 3.24516 21.7573 3.47198 21.8598C3.70443 21.9518 3.95202 21.9994 4.20197 22C4.44854 21.9981 4.69262 21.9506 4.92194 21.8598C5.14598 21.762 5.34952 21.6227 5.52191 21.4492L6.39191 20.5879C6.75203 20.7094 7.13506 20.7471 7.5119 20.6981C8.09682 20.6317 8.64266 20.3708 9.06195 19.957L16.5119 12.5159C16.8834 12.7967 17.3365 12.948 17.8019 12.9465C18.3702 12.9469 18.916 12.7239 19.322 12.3256C19.7177 11.9261 19.9396 11.3861 19.9396 10.8234C19.9396 10.2606 19.7177 9.72068 19.322 9.32115L20.9219 8.07929L21.0119 7.99917C21.6585 7.32153 22.0126 6.41618 21.9976 5.47902C21.9826 4.54187 21.5998 3.6483 20.9319 2.99173L20.962 3.00175ZM19.962 6.88752L17.7519 8.61008C17.6692 8.67554 17.6007 8.75731 17.5508 8.85034C17.501 8.94336 17.4708 9.04567 17.462 9.15089C17.4563 9.25687 17.4719 9.36291 17.508 9.4627C17.5441 9.56249 17.5998 9.654 17.6719 9.73176L18.2419 10.3026C18.3012 10.3672 18.3486 10.4418 18.3819 10.5229C18.4187 10.6011 18.4359 10.687 18.4319 10.7733C18.4347 10.8595 18.4176 10.9452 18.3819 11.0237C18.3506 11.1029 18.3029 11.1746 18.2419 11.234C18.1148 11.3501 17.949 11.4145 17.7769 11.4145C17.6049 11.4145 17.4391 11.3501 17.312 11.234L17.202 11.1338L12.832 6.77736L12.6519 6.6071C12.5292 6.48329 12.4603 6.31589 12.4603 6.14142C12.4603 5.96694 12.5292 5.79954 12.6519 5.67573C12.7133 5.6146 12.7842 5.56386 12.8619 5.52549C12.9445 5.51047 13.0292 5.51047 13.1119 5.52549C13.1946 5.51129 13.2791 5.51129 13.3619 5.52549C13.4381 5.56627 13.5087 5.61678 13.572 5.67573L14.1519 6.24657C14.2251 6.31923 14.313 6.37556 14.4095 6.41181C14.506 6.44806 14.6091 6.46342 14.712 6.45689C14.8155 6.45057 14.9167 6.42337 15.0095 6.3769C15.1023 6.33044 15.1847 6.26566 15.2519 6.18648L17.0319 4.03328C17.2208 3.846 17.4461 3.69957 17.6938 3.6031C17.9415 3.50662 18.2064 3.46216 18.472 3.47245C18.866 3.47975 19.2497 3.60008 19.5775 3.81918C19.9052 4.03827 20.1633 4.34692 20.3212 4.70853C20.4791 5.07014 20.5301 5.46952 20.4682 5.85929C20.4063 6.24906 20.2341 6.61287 19.972 6.90755L19.962 6.88752Z" fill="black"/> </svg>
Color Picker in other icon packs
Copied!