Layout Two Icon SVG
Layout Two
Layout two SVG Icon Code | Customize color
You can get svg icon layout two in blue, white, red color and transparent color from below list. You can also customize color using color picker.
CustomizeLayout two
DownloadSvg Code
<?xml version="1.0" encoding="UTF-8"?><svg width="45" height="45" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="6" y="6" width="36" height="36" rx="3" fill="none" stroke="#333" stroke-width="1" stroke-linejoin="round"/><path d="M6 24H42" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M6 21V27" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M42 21V27" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/></svg> Layout two
DownloadSvg Code
<?xml version="1.0" encoding="UTF-8"?><svg style='color: white' width="45" height="45" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="6" y="6" width="36" height="36" rx="3" fill="none" stroke="#333" stroke-width="1" stroke-linejoin="round"/><path d="M6 24H42" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M6 21V27" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M42 21V27" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/></svg> Layout two
DownloadSvg Code
<?xml version="1.0" encoding="UTF-8"?><svg style='color: red' width="45" height="45" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="6" y="6" width="36" height="36" rx="3" fill="none" stroke="#333" stroke-width="1" stroke-linejoin="round"/><path d="M6 24H42" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M6 21V27" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M42 21V27" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/></svg> Layout two
DownloadSvg Code
<?xml version="1.0" encoding="UTF-8"?><svg style='color: blue' width="45" height="45" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="6" y="6" width="36" height="36" rx="3" fill="none" stroke="#333" stroke-width="1" stroke-linejoin="round"/><path d="M6 24H42" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M6 21V27" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M42 21V27" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/></svg> Layout two
DownloadSvg Code
<?xml version="1.0" encoding="UTF-8"?><svg style='color: #f3da35' width="45" height="45" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="6" y="6" width="36" height="36" rx="3" fill="none" stroke="#333" stroke-width="1" stroke-linejoin="round"/><path d="M6 24H42" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M6 21V27" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M42 21V27" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/></svg> Advance Editor
You can edit layout two as below. Change size color and background color of icon using below tool.
Advertisements
Advertisements