Coolors Icon
Free SVG icon from the Arcticons collection. Download or copy for use in any project.
The Coolors 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/324011.svg" alt="Coolors icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/324011.svg" alt="Coolors icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/324011.svg" alt="Coolors icon" :width="24" :height="24" />
CSS background
.icon-coolors {
background-image: url('https://proicons.com/icon/324011.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="m43.1583,36.0195c-3.8636,5.7198-10.4071,9.4805-17.8291,9.4805-11.8741,0-21.5-9.6259-21.5-21.5S13.4551,2.5,25.3292,2.5c7.4213,0,13.9644,3.7601,17.8281,9.4791l-.0024.004c.6414.9493,1.0158,2.0938,1.0158,3.3257,0,3.2851-2.6631,5.9481-5.9481,5.9481-1.9906,0-3.7529-.9779-4.8326-2.4794h0c-1.712-2.637-4.6828-4.3812-8.061-4.3812-5.304,0-9.6038,4.2998-9.6038,9.6038s4.2998,9.6038,9.6038,9.6038c3.2432,0,6.111-1.6076,7.8498-4.0695h0c1.0568-1.6519,2.9076-2.7468,5.014-2.7468,3.2851,0,5.9481,2.6631,5.9481,5.9481,0,1.2139-.3636,2.3428-.9879,3.2839h.005Z"/><line class="c" x1="27.8192" y1="45.36" x2="27.8192" y2="33.27"/><line class="c" x1="27.8192" y1="14.73" x2="27.8192" y2="2.64"/><line class="c" x1="19.7492" y1="16.19" x2="19.7492" y2="3.24"/><line class="c" x1="19.7492" y1="44.76" x2="19.7492" y2="31.81"/><line class="c" x1="11.7492" y1="40.66" x2="11.7492" y2="7.34"/><line class="c" x1="35.9092" y1="20.79" x2="35.9092" y2="5.29"/><line class="c" x1="35.9092" y1="42.71" x2="35.9092" y2="27.24"/></svg>
More from Arcticons
View all
Copied!