Color Picker Icon
Free SVG icon from the IcoFont 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/305422.svg" alt="Color Picker icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/305422.svg" alt="Color Picker icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/305422.svg" alt="Color Picker icon" :width="24" :height="24" />
CSS background
.icon-color-picker {
background-image: url('https://proicons.com/icon/305422.svg');
background-size: contain;
background-repeat: no-repeat;
width: 24px;
height: 24px;
display: inline-block;
}
SVG markup
<svg width="64" height="64" viewBox="0 0 1000 1000" xmlns="http://www.w3.org/2000/svg"><path d="M1000 142c-2 3-1 6-2 9-5 26-17 48-35 66l-45 45-88 88c0 1-1 1-2 2-3 4-3 4-7 1-8-7-17-14-26-21-22-17-45-35-68-53-1-1-1-2-3-2 1 2 3 3 4 5l126 126c9 9 14 19 16 32 5 28-14 55-41 62-21 5-38 0-53-15-13-12-26-25-38-37-1-1-2-2-2-3-1-1-2-1-3 0s-2 3-3 4C578 602 426 754 275 906c-14 13-30 24-48 31-12 4-25 6-38 7-12 1-24 3-35 5-6 0-12 1-17 2-7 1-12 3-17 8-9 10-20 20-29 30-5 4-10 8-16 10-1 0-1 0-2 1H63c-1 0-1-1-2-1-6-2-12-6-16-10-11-12-23-23-34-34-4-4-8-9-9-15-1-1-1-2-2-3v-9c1-1 1-2 2-3 1-6 5-10 9-15 10-10 21-20 31-31 4-4 6-8 7-14l6-45c1-7 1-14 2-20 4-29 16-53 36-73 14-14 28-27 41-41l415-415c5-5 5-5 0-10-12-12-24-24-36-37-19-19-22-49-6-71 19-28 60-32 84-8 13 13 26 26 39 38l2 3c1 1 2 1 3 0 0-1 1-2 2-3 49-48 97-97 145-145 18-18 40-30 64-35 71-15 133 29 150 90 1 6 3 11 3 16 0 1 0 2 1 3v30zM676 400c0-8-3-15-8-20l-48-48c-7-7-15-9-25-7-6 1-11 5-16 9-58 59-117 118-176 176-86 86-171 172-257 258l-3 3c-1 1-2 2-3 4-1 3-1 6 1 8 3 2 6 2 8 0 3 0 4-2 6-4l54-54c37-38 75-75 113-113 13-13 30-13 43 0 6 6 12 12 17 18 6 5 12 11 18 17 7 7 15 9 24 8 7-1 13-5 17-10 75-75 150-149 225-224 1-1 2-2 2-3 5-5 8-11 8-18z"/></svg>
Color Picker in other icon packs
Copied!