Layout Board Split Icon SVG
Layout Board Split
Layout board split SVG Icon Code | Customize color
You can get svg icon layout board split in blue, white, red color and transparent color from below list. You can also customize color using color picker.
CustomizeSvg Code
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-layout-board-split" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"> <path stroke="none" d="M0 0h24v24H0z" fill="none"/> <rect x="4" y="4" width="16" height="16" rx="2" /> <path d="M4 12h8" /> <path d="M12 15h8" /> <path d="M12 9h8" /> <path d="M12 4v16" /> </svg> Svg Code
<svg style="color: white" xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-layout-board-split" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"> <path stroke="none" d="M0 0h24v24H0z" fill="white"></path> <rect x="4" y="4" width="16" height="16" rx="2"></rect> <path d="M4 12h8" fill="white"></path> <path d="M12 15h8" fill="white"></path> <path d="M12 9h8" fill="white"></path> <path d="M12 4v16" fill="white"></path> </svg> Svg Code
<svg style="color: red" xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-layout-board-split" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"> <path stroke="none" d="M0 0h24v24H0z" fill="red"></path> <rect x="4" y="4" width="16" height="16" rx="2"></rect> <path d="M4 12h8" fill="red"></path> <path d="M12 15h8" fill="red"></path> <path d="M12 9h8" fill="red"></path> <path d="M12 4v16" fill="red"></path> </svg> Svg Code
<svg style="color: blue" xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-layout-board-split" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"> <path stroke="none" d="M0 0h24v24H0z" fill="blue"></path> <rect x="4" y="4" width="16" height="16" rx="2"></rect> <path d="M4 12h8" fill="blue"></path> <path d="M12 15h8" fill="blue"></path> <path d="M12 9h8" fill="blue"></path> <path d="M12 4v16" fill="blue"></path> </svg> Svg Code
<svg style="color: #f3da35" xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-layout-board-split" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"> <path stroke="none" d="M0 0h24v24H0z" fill="#f3da35"></path> <rect x="4" y="4" width="16" height="16" rx="2"></rect> <path d="M4 12h8" fill="#f3da35"></path> <path d="M12 15h8" fill="#f3da35"></path> <path d="M12 9h8" fill="#f3da35"></path> <path d="M12 4v16" fill="#f3da35"></path> </svg> Advance Editor
You can edit layout board split as below. Change size color and background color of icon using below tool.
Advertisements
Advertisements