Add icons to this collection by clicking the heart icon.
Grid icon - also known as button, multimedia, ui, grid, edit tools, web interface, and user interface. Created in a clean flat style with a silver and teal 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="512"
height="512"
viewBox="0 0 512 512"
>
<path
fill="#3692bc"
d="M504.5 113.5a7.5 7.5 0 0 0 0-15h-31v-45h31a7.5 7.5 0 0 0 0-15h-31v-31a7.5 7.5 0 0 0-15 0v31h-45v-31a7.5 7.5 0 0 0-15 0v31h-105v-31a7.5 7.5 0 0 0-15 0v31h-45v-31a7.5 7.5 0 0 0-15 0v31h-45v-31a7.5 7.5 0 0 0-15 0v31h-105v-31a7.5 7.5 0 0 0-15 0v31h-31a7.5 7.5 0 0 0 0 15h31v45h-31a7.5 7.5 0 0 0 0 15h31v105h-31a7.5 7.5 0 0 0 0 15h31v45h-31a7.5 7.5 0 0 0 0 15h31v105h-31a7.5 7.5 0 0 0 0 15h31v45h-31a7.5 7.5 0 0 0 0 15h31v31a7.5 7.5 0 0 0 15 0v-31h105v31a7.5 7.5 0 0 0 15 0v-31h45v31a7.5 7.5 0 0 0 15 0v-31h45v31a7.5 7.5 0 0 0 15 0v-31h105v31a7.5 7.5 0 0 0 15 0v-31h45v31a7.5 7.5 0 0 0 15 0v-31h31a7.5 7.5 0 0 0 0-15h-31v-45h31a7.5 7.5 0 0 0 0-15h-31v-105h31a7.5 7.5 0 0 0 0-15h-31v-45h31a7.5 7.5 0 0 0 0-15h-31v-105zm-91-60h45v45h-45zm0 60h45v105h-45zm0 120h45v45h-45zm-120-180h105v45h-105zm0 60h105v105h-105zm0 120h105v45h-105zm105 60v105h-105v-105zm-165-240h45v45h-45zm0 60h45v105h-45zm0 120h45v45h-45zm45 60v105h-45v-105zm-105-240h45v45h-45zm0 60h45v105h-45zm0 120h45v45h-45zm45 60v105h-45v-105zm-165-240h105v45h-105zm0 60h105v105h-105zm0 120h105v45h-105zm0 60h105v105h-105zm0 165v-45h105v45zm120 0v-45h45v45zm60 0v-45h45v45zm60 0v-45h105v45zm165 0h-45v-45h45zm-45-60v-105h45v105z"
/>
<path fill="#62dbfb" d="M106 166h240v180H106z" />
<path
fill="#8ac9fe"
d="M139 346h-33V166h33c-4.42 0-8 3.58-8 8v164c0 4.42 3.58 8 8 8z"
/>
<path
fill="#3692bc"
d="M504.5 338.5h-151v-165h151a7.5 7.5 0 0 0 0-15h-151V7.5a7.5 7.5 0 0 0-15 0v151h-225V7.5a7.5 7.5 0 0 0-15 0v151h-91a7.5 7.5 0 0 0 0 15h91v165h-91a7.5 7.5 0 0 0 0 15h91v151a7.5 7.5 0 0 0 15 0v-151h225v151a7.5 7.5 0 0 0 15 0v-151h151a7.5 7.5 0 0 0 0-15zm-391 0v-165h225v165z"
/>
<circle cx="106" cy="166" r="20" fill="#bbf49b" />
<path
fill="#8abbd5"
d="m294.89 307.775 46.742 109.43c2.164 5.067 9.365 5.017 11.458-.08l18.213-44.339a6.208 6.208 0 0 1 2.875-3.148l42.508-22.153c4.886-2.546 4.284-9.722-.958-11.419l-113.213-36.641c-5.072-1.641-9.719 3.448-7.625 8.35z"
/>
<path
fill="#6cabca"
d="m359.87 400.62-6.78 16.51c-2.09 5.09-9.29 5.14-11.46.08l-46.74-109.43c-2.09-4.91 2.55-10 7.62-8.35l16.71 5.41c.18 1.19.45 2.42.67 2.94z"
/>
<g fill="#bbf49b">
<circle cx="106" cy="346" r="20" />
<circle cx="346" cy="166" r="20" />
</g>
</svg>
More icons in the same style and category