Color Picker Icon
Free SVG icon from the Arcticons 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/323920.svg" alt="Color Picker icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/323920.svg" alt="Color Picker icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/323920.svg" alt="Color Picker icon" :width="24" :height="24" />
CSS background
.icon-color-picker {
background-image: url('https://proicons.com/icon/323920.svg');
background-size: contain;
background-repeat: no-repeat;
width: 24px;
height: 24px;
display: inline-block;
}
SVG markup
<?xml version="1.0" encoding="UTF-8"?><svg id="b" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><defs><style>.c{fill:none;stroke:#000;stroke-linecap:round;stroke-linejoin:round;}</style></defs><path class="c" d="M37.2599,16.7751l3.9909-3.9909c1.6656-1.6656,1.6656-4.366,0-6.0317s-4.3661-1.6657-6.0317,0l-3.9909,3.9909-3.0258-3.0258-2.9622,2.9622,12.0767,12.0767,2.9622-2.9622-3.0192-3.0192Z"/><path class="c" d="M11.0021,30.9695c-1.1925,1.1925-1.5157,2.9116-1.0007,4.4053l-3.9586,3.9586c-.7236.7236-.7237,1.8969,0,2.6205s1.8969.7236,2.6205,0l3.955-3.955c1.4961.5201,3.2204.1975,4.4156-.9977l15.0422-15.0422-6.0317-6.0317-15.0422,15.0422Z"/></svg>
More from Arcticons
View all
Color Picker in other icon packs
Copied!