View Grid List Icon SVG
View Grid List
View grid list SVG Icon Code | Customize color
You can get svg icon view grid list in blue, white, red color and transparent color from below list. You can also customize color using color picker.
CustomizeView grid list
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"/><rect x="13" y="13" width="8" height="8" fill="none" stroke="#333" stroke-width="1" stroke-linejoin="round"/><rect x="13" y="27" width="8" height="8" fill="none" stroke="#333" stroke-width="1" stroke-linejoin="round"/><path d="M27 28L35 28" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M27 35H35" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M27 13L35 13" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M27 20L35 20" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/></svg> View grid list
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"></rect><rect x="13" y="13" width="8" height="8" fill="none" stroke="#333" stroke-width="1" stroke-linejoin="round"></rect><rect x="13" y="27" width="8" height="8" fill="none" stroke="#333" stroke-width="1" stroke-linejoin="round"></rect><path d="M27 28L35 28" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="white"></path><path d="M27 35H35" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="white"></path><path d="M27 13L35 13" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="white"></path><path d="M27 20L35 20" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="white"></path></svg> View grid list
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"></rect><rect x="13" y="13" width="8" height="8" fill="none" stroke="#333" stroke-width="1" stroke-linejoin="round"></rect><rect x="13" y="27" width="8" height="8" fill="none" stroke="#333" stroke-width="1" stroke-linejoin="round"></rect><path d="M27 28L35 28" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="red"></path><path d="M27 35H35" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="red"></path><path d="M27 13L35 13" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="red"></path><path d="M27 20L35 20" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="red"></path></svg> View grid list
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"></rect><rect x="13" y="13" width="8" height="8" fill="none" stroke="#333" stroke-width="1" stroke-linejoin="round"></rect><rect x="13" y="27" width="8" height="8" fill="none" stroke="#333" stroke-width="1" stroke-linejoin="round"></rect><path d="M27 28L35 28" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="blue"></path><path d="M27 35H35" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="blue"></path><path d="M27 13L35 13" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="blue"></path><path d="M27 20L35 20" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="blue"></path></svg> View grid list
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"></rect><rect x="13" y="13" width="8" height="8" fill="none" stroke="#333" stroke-width="1" stroke-linejoin="round"></rect><rect x="13" y="27" width="8" height="8" fill="none" stroke="#333" stroke-width="1" stroke-linejoin="round"></rect><path d="M27 28L35 28" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="#f3da35"></path><path d="M27 35H35" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="#f3da35"></path><path d="M27 13L35 13" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="#f3da35"></path><path d="M27 20L35 20" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="#f3da35"></path></svg> Advance Editor
You can edit view grid list as below. Change size color and background color of icon using below tool.
Advertisements
Advertisements