Add icons to this collection by clicking the heart icon.
Grid icon - also known as interface, square, graphic design, grids, graphic tool, ui, and grid. Created in a clean blue style with a white and silver finish, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.
<svg
xmlns="http://www.w3.org/2000/svg"
width="100"
height="100"
viewBox="0 0 512 512"
>
<g transform="translate(1 1)">
<path
d="M58.733 7.533H485.4c9.426 0 17.067 7.641 17.067 17.067v460.8c0 9.426-7.641 17.067-17.067 17.067H58.733c-9.426 0-17.067-7.641-17.067-17.067V24.6c.001-9.426 7.642-17.067 17.067-17.067z"
fill="#a4c2f7"
/>
<path
d="M24.6 7.533h426.667c9.426 0 17.067 7.641 17.067 17.067v460.8c0 9.426-7.641 17.067-17.067 17.067H24.6c-9.426 0-17.067-7.641-17.067-17.067V24.6c0-9.426 7.641-17.067 17.067-17.067z"
fill="#fff"
/>
<path
d="M50.2 7.533h409.6c9.426 0 17.067 7.641 17.067 17.067v460.8c0 9.426-7.641 17.067-17.067 17.067H50.2c-9.426 0-17.067-7.641-17.067-17.067V24.6c0-9.426 7.641-17.067 17.067-17.067z"
fill="#e3e7f2"
/>
<path
d="M161.133 169.667h187.733c9.426 0 17.067 7.641 17.067 17.067v85.333c0 9.426-7.641 17.067-17.067 17.067H161.133c-9.426 0-17.067-7.641-17.067-17.067v-85.333c.001-9.426 7.642-17.067 17.067-17.067z"
fill="#a4c2f7"
/>
<linearGradient
id="a"
x1="-49.627"
x2="-48.874"
y1="650.955"
y2="649.718"
gradientTransform="matrix(196.2667 0 0 -119.4667 9908.4 77922.938)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#d4e1f4" />
<stop offset=".172" stop-color="#d4e1f4" />
<stop offset=".2" stop-color="#d4e1f4" />
<stop offset=".2" stop-color="#dae4f4" />
<stop offset=".201" stop-color="#ebebf4" />
<stop offset=".201" stop-color="#f6f1f4" />
<stop offset=".202" stop-color="#fdf4f4" />
<stop offset=".205" stop-color="#fff5f4" />
<stop offset=".252" stop-color="#fff5f4" />
<stop offset=".26" stop-color="#fff5f4" />
<stop offset=".26" stop-color="#d4e1f4" />
<stop offset=".397" stop-color="#d4e1f4" />
<stop offset=".42" stop-color="#d4e1f4" />
<stop offset=".42" stop-color="#dae4f4" />
<stop offset=".421" stop-color="#ebebf4" />
<stop offset=".421" stop-color="#f6f1f4" />
<stop offset=".422" stop-color="#fdf4f4" />
<stop offset=".425" stop-color="#fff5f4" />
<stop offset=".489" stop-color="#fff5f4" />
<stop offset=".5" stop-color="#fff5f4" />
<stop offset=".5" stop-color="#f9f2f4" />
<stop offset=".5" stop-color="#e8ebf4" />
<stop offset=".5" stop-color="#dde5f4" />
<stop offset=".5" stop-color="#d6e2f4" />
<stop offset=".501" stop-color="#d4e1f4" />
<stop offset=".706" stop-color="#d4e1f4" />
<stop offset=".74" stop-color="#d4e1f4" />
<stop offset=".741" stop-color="#fff5f4" />
<stop offset=".835" stop-color="#fff5f4" />
<stop offset=".85" stop-color="#fff5f4" />
<stop offset=".851" stop-color="#d4e1f4" />
</linearGradient>
<path
d="M161.133 169.667h162.133c9.426 0 17.067 7.641 17.067 17.067v85.333c0 9.426-7.641 17.067-17.067 17.067H161.133c-9.426 0-17.067-7.641-17.067-17.067v-85.333c.001-9.426 7.642-17.067 17.067-17.067z"
fill="url(#a)"
/>
</g>
<path
d="M486.4 0H25.6C11.468.015.015 11.468 0 25.6v51.2a8.533 8.533 0 0 0 17.066 0V25.6a8.544 8.544 0 0 1 8.533-8.533h460.8a8.544 8.544 0 0 1 8.533 8.533v460.8a8.544 8.544 0 0 1-8.533 8.533H25.6a8.544 8.544 0 0 1-8.533-8.533V145.067a8.534 8.534 0 0 0-17.067 0V486.4c.015 14.132 11.468 25.585 25.6 25.6h460.8c14.132-.015 25.585-11.468 25.6-25.6V25.6C511.985 11.468 500.532.015 486.4 0z"
fill="#428dff"
/>
<circle cx="8.533" cy="110.933" r="8.533" fill="#428dff" />
<path
d="M162.133 162.133c-14.132.015-25.585 11.468-25.6 25.6v85.333c.015 14.132 11.468 25.585 25.6 25.6h187.733c14.132-.015 25.585-11.468 25.6-25.6v-85.333c-.015-14.132-11.468-25.585-25.6-25.6H162.133zm196.267 25.6v85.333a8.544 8.544 0 0 1-8.533 8.533H162.133a8.544 8.544 0 0 1-8.533-8.533v-85.333a8.544 8.544 0 0 1 8.533-8.533h187.733a8.544 8.544 0 0 1 8.534 8.533zM51.2 59.733h409.6a8.533 8.533 0 0 0 0-17.066H51.2a8.533 8.533 0 0 0 0 17.066zM51.2 119.467h409.6a8.533 8.533 0 0 0 0-17.066H51.2a8.533 8.533 0 0 0 0 17.066zM51.2 358.4h409.6a8.533 8.533 0 0 0 0-17.066H51.2a8.533 8.533 0 0 0 0 17.066zM51.2 418.133h409.6a8.533 8.533 0 0 0 0-17.066H51.2a8.533 8.533 0 0 0 0 17.066zM51.2 477.867h409.6a8.533 8.533 0 0 0 0-17.066H51.2a8.533 8.533 0 0 0 0 17.066z"
fill="#428dff"
/>
</svg>
More icons in the same style and category