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/310631.svg" alt="Color Picker icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/310631.svg" alt="Color Picker icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/310631.svg" alt="Color Picker icon" :width="24" :height="24" />
CSS background
.icon-color-picker {
background-image: url('https://proicons.com/icon/310631.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="M16.5266 11.4597L8.53301 19.4235C8.23438 19.72 7.84484 19.9072 7.42715 19.9548C7.00945 20.0025 6.58791 19.9078 6.23042 19.6862L4.99488 20.915C4.89117 21.021 4.76739 21.1053 4.63077 21.1628C4.49416 21.2204 4.34746 21.25 4.19927 21.25C4.05109 21.25 3.90439 21.2204 3.76777 21.1628C3.63116 21.1053 3.50737 21.021 3.40366 20.915L3.08542 20.5679C2.97957 20.464 2.89548 20.3399 2.83807 20.203C2.78067 20.0661 2.7511 19.9191 2.7511 19.7706C2.7511 19.6221 2.78067 19.4751 2.83807 19.3381C2.89548 19.2012 2.97957 19.0772 3.08542 18.9733L4.30223 17.7538C4.07867 17.3946 3.98289 16.9702 4.03047 16.5496C4.07805 16.129 4.26619 15.7368 4.56432 15.4369L12.5111 7.4731L16.5266 11.4597Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M18.7917 11.7974C18.5273 12.0586 18.1709 12.205 17.7995 12.205C17.4282 12.205 17.0718 12.0586 16.8074 11.7974L12.1273 7.15417C11.8666 6.88915 11.7205 6.53199 11.7205 6.15987C11.7205 5.78775 11.8666 5.43058 12.1273 5.16557C12.257 5.03397 12.4115 4.92949 12.5818 4.85818C12.7522 4.78687 12.9349 4.75015 13.1195 4.75015C13.3041 4.75015 13.4868 4.78687 13.6571 4.85818C13.8274 4.92949 13.9819 5.03397 14.1117 5.16557L14.6826 5.72838L16.5266 3.50527C17.0589 3.00819 17.7629 2.73758 18.4904 2.75044C19.2179 2.7633 19.912 3.05864 20.4265 3.57422C20.9409 4.08981 21.2356 4.78539 21.2485 5.51442C21.2613 6.24346 20.9913 6.94903 20.4953 7.48248L18.2301 9.23658L18.7917 9.80878C18.923 9.93878 19.0273 10.0936 19.0984 10.2643C19.1696 10.435 19.2062 10.6181 19.2062 10.8031C19.2062 10.9881 19.1696 11.1712 19.0984 11.3419C19.0273 11.5126 18.923 11.6674 18.7917 11.7974Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg>
More from Mage Icons
View all
Color Picker in other icon packs
Copied!