Add icons to this collection by clicking the heart icon.
Grids icon - also known as computer, interface, planning, grids, ui, grid, and electronics. Created in a clean outline color style, 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="512"
height="512"
viewBox="0 0 512 512"
>
<g>
<rect width="448" height="352" x="32" y="48" fill="#7fa3f8" rx="32" />
<path
fill="#686868"
d="M32 320v48a32 32 0 0 0 32 32h384a32 32 0 0 0 32-32v-48z"
/>
<path
fill="#939393"
d="M80 384h395.562A31.673 31.673 0 0 0 480 368v-48H48v32a32 32 0 0 0 32 32z"
/>
<path
fill="#acc9fb"
d="M480 304V80a32 32 0 0 0-32-32H64a31.67 31.67 0 0 0-16 4.438V272a32 32 0 0 0 32 32z"
/>
<path
fill="#939393"
d="M334.311 460.622A135.547 135.547 0 0 1 320 400H192a135.547 135.547 0 0 1-14.311 60.622L176 464h160z"
/>
<path
fill="#b5b5b5"
d="M320 400H208a135.547 135.547 0 0 1-14.311 60.622L192 464h144l-1.689-3.378A135.547 135.547 0 0 1 320 400z"
/>
<path
fill="#686868"
d="M144 496v-8a24 24 0 0 1 24-24h176a24 24 0 0 1 24 24v8z"
/>
<path
fill="#939393"
d="M344 464H192a24 24 0 0 0-24 24v8h200v-8a24 24 0 0 0-24-24z"
/>
<rect width="288" height="240" x="112" y="16" fill="#c0dafc" rx="24" />
<path
fill="#7fa3f8"
d="M160 16h48v48h-48zM160 112h48v48h-48zM160 208h48v48h-48zM112 160h48v48h-48zM112 64h48v48h-48zM256 16h48v48h-48zM256 112h48v48h-48zM256 208h48v48h-48zM208 160h48v48h-48zM208 64h48v48h-48z"
/>
<path
fill="#acc9fb"
d="M240 64a16 16 0 0 0-16 16v16a16 16 0 0 0 16 16h16V64zM288 112a16 16 0 0 0-16 16v16a16 16 0 0 0 16 16h16v-48z"
/>
<path
fill="#7fa3f8"
d="M376 16h-24v48h48V40a24 24 0 0 0-24-24zM352 112h48v48h-48zM352 256h24a24 24 0 0 0 24-24v-24h-48zM304 160h48v48h-48zM304 64h48v48h-48z"
/>
<path
fill="#acc9fb"
d="M384 112a16 16 0 0 0-16 16v16a16 16 0 0 0 16 16h16v-48zM336 64a16 16 0 0 0-16 16v16a16 16 0 0 0 16 16h16V64zM288 16a16 16 0 0 0-16 16v16a16 16 0 0 0 16 16h16V16zM192 16a16 16 0 0 0-16 16v16a16 16 0 0 0 16 16h16V16z"
/>
<g fill="#d9e9fd">
<path
d="M192 64a16 16 0 0 0-16 16v16a16 16 0 0 0 16 16h16V64zM144 112a16 16 0 0 0-16 16v16a16 16 0 0 0 16 16h16v-48zM192 160a16 16 0 0 0-16 16v16a16 16 0 0 0 16 16h16v-48zM240 16a16 16 0 0 0-16 16v16a16 16 0 0 0 16 16h16V16zM240 112a16 16 0 0 0-16 16v16a16 16 0 0 0 16 16h16v-48zM240 208a16 16 0 0 0-16 16v16a16 16 0 0 0 16 16h16v-48zM288 160a16 16 0 0 0-16 16v16a16 16 0 0 0 16 16h16v-48zM288 64a16 16 0 0 0-16 16v16a16 16 0 0 0 16 16h16V64zM336 16a16 16 0 0 0-16 16v16a16 16 0 0 0 16 16h16V16zM336 112a16 16 0 0 0-16 16v16a16 16 0 0 0 16 16h16v-48zM336 208a16 16 0 0 0-16 16v16a16 16 0 0 0 16 16h16v-48zM384 160a16 16 0 0 0-16 16v16a16 16 0 0 0 16 16h16v-48zM384 64a16 16 0 0 0-16 16v16a16 16 0 0 0 16 16h16V64zM144 208a16 16 0 0 0-16 16v16a16 16 0 0 0 16 16h16v-48zM144 16a16 16 0 0 0-16 16v16a16 16 0 0 0 16 16h16V16z"
/>
</g>
<path
fill="#acc9fb"
d="M144 64a16 16 0 0 0-16 16v16a16 16 0 0 0 16 16h16V64zM192 112a16 16 0 0 0-16 16v16a16 16 0 0 0 16 16h16v-48zM192 208a16 16 0 0 0-16 16v16a16 16 0 0 0 16 16h16v-48zM144 160a16 16 0 0 0-16 16v16a16 16 0 0 0 16 16h16v-48zM240 160a16 16 0 0 0-16 16v16a16 16 0 0 0 16 16h16v-48zM288 208a16 16 0 0 0-16 16v16a16 16 0 0 0 16 16h16v-48zM384 208a16 16 0 0 0-16 16v16a15.983 15.983 0 0 0 12.4 15.557A23.976 23.976 0 0 0 400 232v-24zM380.4 16.443A15.983 15.983 0 0 0 368 32v16a16 16 0 0 0 16 16h16V40a23.976 23.976 0 0 0-19.6-23.557zM336 160a16 16 0 0 0-16 16v16a16 16 0 0 0 16 16h16v-48z"
/>
<path
d="M448 40h-40a32.034 32.034 0 0 0-32-32H136a32.034 32.034 0 0 0-32 32H64a40.047 40.047 0 0 0-40 40v288a40.047 40.047 0 0 0 40 40h119.531a128.024 128.024 0 0 1-12.551 48H168a32.034 32.034 0 0 0-32 32v8a8 8 0 0 0 8 8h160a8 8 0 0 0 0-16H152a16.019 16.019 0 0 1 16-16h176a16.019 16.019 0 0 1 16 16h-24a8 8 0 0 0 0 16h32a8 8 0 0 0 8-8v-8a32.034 32.034 0 0 0-32-32h-2.979a127.987 127.987 0 0 1-12.552-48H384a8 8 0 0 0 0-16H64a24.027 24.027 0 0 1-24-24v-40h432v40a24.027 24.027 0 0 1-24 24h-32a8 8 0 0 0 0 16h32a40.047 40.047 0 0 0 40-40V80a40.047 40.047 0 0 0-40-40zM323.4 456H188.6a144.578 144.578 0 0 0 11.164-48h112.47a144.549 144.549 0 0 0 11.166 48zM312 248v-32h32v32zm-48 0v-32h32v32zm-48 0v-32h32v32zm-48 0v-32h32v32zm-32 0a16.019 16.019 0 0 1-16-16v-16h32v32zm24-56a8 8 0 0 0-8 8h-32v-32h32a8 8 0 0 0 16 0h32v32h-32a8 8 0 0 0-8-8zm184-40h-32v-32h32zm16-32h32v32h-32zm-64 32h-32v-32h32zm-32-48V72h32v32zm-16 0h-32V72h32zm0 16v32h-32v-32zm-48 32h-32v-32h32zm-48 0h-32v-32h32zm64 16h32v32h-32zm48 0h32v32h-32zm48 0h32v32h-32zm48 0h32v32h-32zm32-64h-32V72h32zm-48 0h-32V72h32zm-32-48V24h32v32zm-16 0h-32V24h32zm-48 0h-32V24h32zm-48 0h-32V24h32zm0 16v32h-32V72zm-48 32h-32V72h32zm208 112h32v16a16.019 16.019 0 0 1-16 16h-16zm32-176v16h-32V24h16a16.019 16.019 0 0 1 16 16zm-272 0a16.019 16.019 0 0 1 16-16h16v32h-32zM40 312V80a24.027 24.027 0 0 1 24-24h40v176a32.034 32.034 0 0 0 32 32h240a32.034 32.034 0 0 0 32-32V56h40a24.027 24.027 0 0 1 24 24v232z"
/>
<path d="M232 352a8 8 0 0 0 0 16h48a8 8 0 0 0 0-16z" />
</g>
</svg>
More icons in the same style and category