Layout One Icon SVG
Layout One
Layout one SVG Icon Code | Customize color
You can get svg icon layout one in blue, white, red color and transparent color from below list. You can also customize color using color picker.
CustomizeLayout one
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 16H42" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M6 13V19" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M42 14V20" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M32 16V42" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M29 42H35" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/></svg> Layout one
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 16H42" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M6 13V19" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M42 14V20" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M32 16V42" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M29 42H35" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/></svg> Layout one
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 16H42" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M6 13V19" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M42 14V20" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M32 16V42" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M29 42H35" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/></svg> Layout one
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 16H42" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M6 13V19" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M42 14V20" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M32 16V42" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M29 42H35" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/></svg> Layout one
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 16H42" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M6 13V19" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M42 14V20" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M32 16V42" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M29 42H35" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/></svg> Advance Editor
You can edit layout one as below. Change size color and background color of icon using below tool.
Advertisements
Advertisements