Layout Column Fill Icon SVG
Layout Column Fill
Layout column fill SVG Icon Code | Customize color You can get svg icon layout column fill in blue, white, red color and transparent color from below list. You can also customize color using color picker.
Layout column fill
Svg Code <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" > <g> <path fill="none" d="M0 0h24v24H0z" /> <path fill-rule="nonzero" d="M12 5v14h7V5h-7zM4 3h16a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1z" /> </g> </svg>
Layout column fill
Svg Code <svg style="color: white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" > <g> <path fill="white" d="M0 0h24v24H0z" ></path> <path fill-rule="nonzero" d="M12 5v14h7V5h-7zM4 3h16a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1z" fill="white" ></path> </g> </svg>
Layout column fill
Svg Code <svg style="color: red" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" > <g> <path fill="red" d="M0 0h24v24H0z" ></path> <path fill-rule="nonzero" d="M12 5v14h7V5h-7zM4 3h16a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1z" fill="red" ></path> </g> </svg>
Layout column fill
Svg Code <svg style="color: blue" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" > <g> <path fill="blue" d="M0 0h24v24H0z" ></path> <path fill-rule="nonzero" d="M12 5v14h7V5h-7zM4 3h16a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1z" fill="blue" ></path> </g> </svg>
Layout column fill
Svg Code <svg style="color: #f3da35" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" > <g> <path fill="#f3da35" d="M0 0h24v24H0z" ></path> <path fill-rule="nonzero" d="M12 5v14h7V5h-7zM4 3h16a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1z" fill="#f3da35" ></path> </g> </svg>
Advance Editor You can edit layout column fill as below. Change size color and background color of icon using below tool.
Fullscreen
tab 2 content
Tab 3 content
Customize