Lines Free Icon
Free SVG icon from the Arcticons collection. Download or copy for use in any project.
The Lines Free 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/343102.svg" alt="Lines Free icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/343102.svg" alt="Lines Free icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/343102.svg" alt="Lines Free icon" :width="24" :height="24" />
CSS background
.icon-lines-free {
background-image: url('https://proicons.com/icon/343102.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" version="1.1" viewBox="0 0 48 48">
<defs>
<style>
.cls-1 {
fill: none;
stroke:#fff;
stroke-linecap: round;
stroke-linejoin: round;
}
</style>
</defs>
<path class="cls-1" d="M38.5,5.5H9.5c-2.2,0-4,1.8-4,4v29c0,2.2,1.8,4,4,4h29c2.2,0,4-1.8,4-4V9.5c0-2.2-1.8-4-4-4Z"/>
<g>
<polyline class="cls-1" points="8.5 19.4 8.5 28.6 13.1 28.6"/>
<line class="cls-1" x1="15.6" y1="19.4" x2="15.6" y2="28.6"/>
<g>
<line class="cls-1" x1="26.8" y1="28.6" x2="31.3" y2="28.6"/>
<line class="cls-1" x1="26.8" y1="19.4" x2="31.3" y2="19.4"/>
<line class="cls-1" x1="26.8" y1="24" x2="29.7" y2="24"/>
<line class="cls-1" x1="26.8" y1="19.4" x2="26.8" y2="28.6"/>
</g>
<polyline class="cls-1" points="18.2 28.6 18.2 19.4 24.2 28.6 24.2 19.4"/>
<path class="cls-1" d="M33.6,27.6c.6.7,1.3,1,2.2,1h1.3c1.3,0,2.3-1,2.3-2.3h0c0-1.3-1-2.3-2.3-2.3h-1.5c-1.3,0-2.3-1-2.3-2.3h0c0-1.3,1-2.3,2.3-2.3h1.3c1,0,1.7.3,2.2,1"/>
</g>
<g>
<g>
<path class="cls-1" d="M29,34.5c0-.9.7-1.6,1.6-1.6h0"/>
<line class="cls-1" x1="29" y1="33" x2="29" y2="37.2"/>
</g>
<path class="cls-1" d="M34.6,36.4c-.3.5-.8.8-1.4.8h0c-.9,0-1.6-.7-1.6-1.6v-1c0-.9.7-1.6,1.6-1.6h0c.9,0,1.6.7,1.6,1.6v.5h-3.2"/>
<path class="cls-1" d="M39.3,36.4c-.3.5-.8.8-1.4.8h0c-.9,0-1.6-.7-1.6-1.6v-1c0-.9.7-1.6,1.6-1.6h0c.9,0,1.6.7,1.6,1.6v.5h-3.2"/>
<g>
<path class="cls-1" d="M26.2,37.2v-5.3c0-.6.5-1.1,1.1-1.1h0c.5,0,.9.2,1.1.5"/>
<line class="cls-1" x1="25.3" y1="33" x2="27.5" y2="33"/>
</g>
</g>
</svg>
Copied!