Layout Grid Small Icon SVG
Layout Grid Small
Layout grid small SVG Icon Code | Customize color
You can get svg icon layout grid small in blue, white, red color and transparent color from below list. You can also customize color using color picker.
CustomizeSvg Code
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M7 7H9V9H7V7Z" fill="currentColor" /> <path d="M11 7H13V9H11V7Z" fill="currentColor" /> <path d="M17 7H15V9H17V7Z" fill="currentColor" /> <path d="M7 11H9V13H7V11Z" fill="currentColor" /> <path d="M13 11H11V13H13V11Z" fill="currentColor" /> <path d="M15 11H17V13H15V11Z" fill="currentColor" /> <path d="M9 15H7V17H9V15Z" fill="currentColor" /> <path d="M11 15H13V17H11V15Z" fill="currentColor" /> <path d="M17 15H15V17H17V15Z" fill="currentColor" /> </svg> Svg 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 7H9V9H7V7Z" fill="currentColor" /> <path d="M11 7H13V9H11V7Z" fill="currentColor" /> <path d="M17 7H15V9H17V7Z" fill="currentColor" /> <path d="M7 11H9V13H7V11Z" fill="currentColor" /> <path d="M13 11H11V13H13V11Z" fill="currentColor" /> <path d="M15 11H17V13H15V11Z" fill="currentColor" /> <path d="M9 15H7V17H9V15Z" fill="currentColor" /> <path d="M11 15H13V17H11V15Z" fill="currentColor" /> <path d="M17 15H15V17H17V15Z" fill="currentColor" /> </svg> Svg 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 7H9V9H7V7Z" fill="currentColor" /> <path d="M11 7H13V9H11V7Z" fill="currentColor" /> <path d="M17 7H15V9H17V7Z" fill="currentColor" /> <path d="M7 11H9V13H7V11Z" fill="currentColor" /> <path d="M13 11H11V13H13V11Z" fill="currentColor" /> <path d="M15 11H17V13H15V11Z" fill="currentColor" /> <path d="M9 15H7V17H9V15Z" fill="currentColor" /> <path d="M11 15H13V17H11V15Z" fill="currentColor" /> <path d="M17 15H15V17H17V15Z" fill="currentColor" /> </svg> Svg 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 7H9V9H7V7Z" fill="currentColor" /> <path d="M11 7H13V9H11V7Z" fill="currentColor" /> <path d="M17 7H15V9H17V7Z" fill="currentColor" /> <path d="M7 11H9V13H7V11Z" fill="currentColor" /> <path d="M13 11H11V13H13V11Z" fill="currentColor" /> <path d="M15 11H17V13H15V11Z" fill="currentColor" /> <path d="M9 15H7V17H9V15Z" fill="currentColor" /> <path d="M11 15H13V17H11V15Z" fill="currentColor" /> <path d="M17 15H15V17H17V15Z" fill="currentColor" /> </svg> Svg 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 7H9V9H7V7Z" fill="currentColor" /> <path d="M11 7H13V9H11V7Z" fill="currentColor" /> <path d="M17 7H15V9H17V7Z" fill="currentColor" /> <path d="M7 11H9V13H7V11Z" fill="currentColor" /> <path d="M13 11H11V13H13V11Z" fill="currentColor" /> <path d="M15 11H17V13H15V11Z" fill="currentColor" /> <path d="M9 15H7V17H9V15Z" fill="currentColor" /> <path d="M11 15H13V17H11V15Z" fill="currentColor" /> <path d="M17 15H15V17H17V15Z" fill="currentColor" /> </svg> Advance Editor
You can edit layout grid small as below. Change size color and background color of icon using below tool.
Advertisements
Advertisements