Hon Icon
Free SVG icon from the Arcticons collection. Download or copy for use in any project.
The Hon 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/341663.svg" alt="Hon icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/341663.svg" alt="Hon icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/341663.svg" alt="Hon icon" :width="24" :height="24" />
CSS background
.icon-hon {
background-image: url('https://proicons.com/icon/341663.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>.i{fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;}</style></defs><rect id="c" class="i" x="5.5" y="5.5" width="37" height="37" rx="4" ry="4"/><line id="d" class="i" x1="11.4767" y1="21.7573" x2="11.4767" y2="31.006"/><path id="e" class="i" d="M11.528,27.1909c0-1.277,1.0352-2.3122,2.3122-2.3122h0c1.277,0,2.3122,1.0352,2.3122,2.3122v3.8151"/><path id="f" class="i" d="M36.5233,31.0474v-3.9439c0-1.3201-1.0701-2.3902-2.3902-2.3902h0c-1.3201,0-2.3902,1.0701-2.3902,2.3902"/><line id="g" class="i" x1="31.7428" y1="31.0474" x2="31.7428" y2="24.7133"/><path id="h" class="i" d="M18.6028,22.263c0-2.9518,2.3929-5.3448,5.3448-5.3448s5.3448,2.3929,5.3448,5.3448v3.4741c0,2.9518-2.3929,5.3448-5.3448,5.3448s-5.3448-2.3929-5.3448-5.3448v-3.4741Z"/></svg>
Copied!