Color Icon
Free SVG icon from the Arcticons collection. Download or copy for use in any project.
The Color 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/338475.svg" alt="Color icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/338475.svg" alt="Color icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/338475.svg" alt="Color icon" :width="24" :height="24" />
CSS background
.icon-color {
background-image: url('https://proicons.com/icon/338475.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="a" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><defs><style>.j{fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;}</style></defs><path id="e" class="j" d="M24,8.89591699c-9.44799995,7.53899956-7.73400116,22.97599983,0,27.74399948,7.73400116-4.76799965,9.44799805-20.20499992,0-27.74399948h0"/><path id="f" class="j" d="M29.44000053,35.35891825c6.03100014-3.0320015,10.88500023-11.03800011,8.52900124-18.99799919h0c-8.43999863.54400063-14.31200027,8.2329998-14.82500076,15.09799957"/><path id="g" class="j" d="M18.55999947,35.35891825c-6.02999973-3.0320015-10.88399935-11.03800201-8.52799988-18.9980011,8.44000053.54400063,14.31200027,8.2329998,14.82499886,15.09799957"/><path id="h" class="j" d="M25.88699913,37.93991571c5,2.57999802,13.41800117.91999817,16.61300087-5.46300125-3.22000122-2.59399986-7.36000061-3.04999924-10.95299911-2.13199997"/><path id="i" class="j" d="M22.11300087,37.93991571c-5,2.57999802-13.41800022.91999817-16.61300087-5.46300125,3.22000027-2.59399986,7.36000061-3.04999924,10.95299911-2.13199997"/></svg>
More from Arcticons
View all
Color in other icon packs
Copied!