All4hue Icon
Free SVG icon from the Arcticons collection. Download or copy for use in any project.
The All4hue 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/321614.svg" alt="All4hue icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/321614.svg" alt="All4hue icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/321614.svg" alt="All4hue icon" :width="24" :height="24" />
CSS background
.icon-all4hue {
background-image: url('https://proicons.com/icon/321614.svg');
background-size: contain;
background-repeat: no-repeat;
width: 24px;
height: 24px;
display: inline-block;
}
SVG markup
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><defs><style>.a{fill:none;stroke:#000;stroke-linecap:round;stroke-linejoin:round;}</style></defs><rect class="a" x="32.57" y="24.48" width="10.93" height="16.52" rx="1.33"/><line class="a" x1="35.54" y1="27.74" x2="35.54" y2="37.74"/><line class="a" x1="35.54" y1="32.74" x2="38.78" y2="32.74"/><line class="a" x1="35.54" y1="27.74" x2="40.53" y2="27.74"/><line class="a" x1="35.54" y1="37.74" x2="40.53" y2="37.74"/><rect class="a" x="18.53" y="24.48" width="10.93" height="16.52" rx="1.33"/><path class="a" d="M20.75,27.75v6.62a3.25,3.25,0,1,0,6.5,0V27.75"/><rect class="a" x="4.5" y="24.48" width="10.93" height="16.52" rx="1.33"/><line class="a" x1="6.66" y1="32.74" x2="13.28" y2="32.74"/><line class="a" x1="13.28" y1="27.74" x2="13.28" y2="37.74"/><line class="a" x1="6.45" y1="27.43" x2="6.45" y2="38.05"/><line class="a" x1="23.79" y1="7" x2="23.79" y2="19.23"/><line class="a" x1="15.71" y1="19.23" x2="15.71" y2="11.13"/><path class="a" d="M15.71,16.17a3.05,3.05,0,0,1-3,3.06h0a3.05,3.05,0,0,1-3-3.06v-2a3,3,0,0,1,3-3h0a3,3,0,0,1,3,3"/><polyline class="a" points="37.99 19.23 37.99 7 31.48 15.25 39.5 15.25"/><line class="a" x1="19.62" y1="7" x2="19.62" y2="19.23"/></svg>
More from Arcticons
View all
Copied!