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