Layout Bottom Fill Icon SVG
Layout Bottom Fill
Layout bottom fill SVG Icon Code | Customize color You can get svg icon layout bottom fill in blue, white, red color and transparent color from below list. You can also customize color using color picker.
Layout bottom fill
Svg Code <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" > <g> <path fill="none" d="M0 0h24v24H0z" /> <path d="M22 16v4a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1v-4h20zM21 3a1 1 0 0 1 1 1v10H2V4a1 1 0 0 1 1-1h18z" /> </g> </svg>
Layout bottom 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 d="M22 16v4a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1v-4h20zM21 3a1 1 0 0 1 1 1v10H2V4a1 1 0 0 1 1-1h18z" fill="white" ></path> </g> </svg>
Layout bottom 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 d="M22 16v4a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1v-4h20zM21 3a1 1 0 0 1 1 1v10H2V4a1 1 0 0 1 1-1h18z" fill="red" ></path> </g> </svg>
Layout bottom 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 d="M22 16v4a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1v-4h20zM21 3a1 1 0 0 1 1 1v10H2V4a1 1 0 0 1 1-1h18z" fill="blue" ></path> </g> </svg>
Layout bottom 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 d="M22 16v4a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1v-4h20zM21 3a1 1 0 0 1 1 1v10H2V4a1 1 0 0 1 1-1h18z" fill="#f3da35" ></path> </g> </svg>
Advance Editor You can edit layout bottom fill as below. Change size color and background color of icon using below tool.
Fullscreen
tab 2 content
Tab 3 content
Customize