Display Grid Icon SVG
Display Grid
Display grid SVG Icon Code | Customize color
You can get svg icon display grid in blue, white, red color and transparent color from below list. You can also customize color using color picker.
CustomizeDisplay grid
DownloadSvg Code
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M7 7V11H11V7H7Z" fill="currentColor" /> <path d="M13 7H17V11H13V7Z" fill="currentColor" /> <path d="M13 13V17H17V13H13Z" fill="currentColor" /> <path d="M7 13H11V17H7V13Z" fill="currentColor" /> <path fill-rule="evenodd" clip-rule="evenodd" d="M3 3H21V21H3V3ZM5 5V19H19V5H5Z" fill="currentColor" /> </svg> Display grid
DownloadSvg Code
<svg style="color: white" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M7 7V11H11V7H7Z" fill="white"></path> <path d="M13 7H17V11H13V7Z" fill="white"></path> <path d="M13 13V17H17V13H13Z" fill="white"></path> <path d="M7 13H11V17H7V13Z" fill="white"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M3 3H21V21H3V3ZM5 5V19H19V5H5Z" fill="white"></path> </svg> Display grid
DownloadSvg Code
<svg style="color: red" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M7 7V11H11V7H7Z" fill="red"></path> <path d="M13 7H17V11H13V7Z" fill="red"></path> <path d="M13 13V17H17V13H13Z" fill="red"></path> <path d="M7 13H11V17H7V13Z" fill="red"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M3 3H21V21H3V3ZM5 5V19H19V5H5Z" fill="red"></path> </svg> Display grid
DownloadSvg Code
<svg style="color: blue" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M7 7V11H11V7H7Z" fill="blue"></path> <path d="M13 7H17V11H13V7Z" fill="blue"></path> <path d="M13 13V17H17V13H13Z" fill="blue"></path> <path d="M7 13H11V17H7V13Z" fill="blue"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M3 3H21V21H3V3ZM5 5V19H19V5H5Z" fill="blue"></path> </svg> Display grid
DownloadSvg Code
<svg style="color: #f3da35" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M7 7V11H11V7H7Z" fill="#f3da35"></path> <path d="M13 7H17V11H13V7Z" fill="#f3da35"></path> <path d="M13 13V17H17V13H13Z" fill="#f3da35"></path> <path d="M7 13H11V17H7V13Z" fill="#f3da35"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M3 3H21V21H3V3ZM5 5V19H19V5H5Z" fill="#f3da35"></path> </svg> Advance Editor
You can edit display grid as below. Change size color and background color of icon using below tool.
Advertisements
Advertisements