Add icons to this collection by clicking the heart icon.
Grid icon - also known as squares, ui, options, grid, app, widget, and open menu. Created in a clean flat gradient 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 54 54"
>
<linearGradient
id="a"
x1="13.058"
x2="53.454"
y1="58.844"
y2="14.171"
gradientUnits="userSpaceOnUse"
>
<stop offset=".132" stop-color="#00c5e5" />
<stop offset="1" stop-color="#83e6ed" />
</linearGradient>
<linearGradient
id="b"
x1="4.476"
x2="44.872"
y1="51.084"
y2="6.41"
href="#a"
/>
<linearGradient
id="c"
x1="-3.285"
x2="37.111"
y1="44.066"
y2="-.607"
href="#a"
/>
<linearGradient
id="d"
x1="5.297"
x2="45.693"
y1="51.826"
y2="7.153"
href="#a"
/>
<linearGradient
id="e"
x1="4.886"
x2="45.282"
y1="51.455"
y2="6.782"
href="#a"
/>
<rect width="8.4" height="8.4" x="30.6" y="30.6" fill="url(#a)" rx=".342" />
<rect width="8.4" height="8.4" x="15" y="30.6" fill="url(#b)" rx=".342" />
<path
fill="url(#c)"
d="M15.342 15h7.717a.342.342 0 0 1 .342.342v7.717a.341.341 0 0 1-.341.341h-7.718a.342.342 0 0 1-.342-.342v-7.716a.342.342 0 0 1 .342-.342z"
/>
<rect width="8.4" height="8.4" x="30.6" y="15" fill="url(#d)" rx=".342" />
<path
fill="url(#e)"
d="M27 4a23 23 0 1 0 23 23A23.026 23.026 0 0 0 27 4zm-1.6 34.658A2.344 2.344 0 0 1 23.059 41h-7.717A2.345 2.345 0 0 1 13 38.658v-7.717a2.344 2.344 0 0 1 2.342-2.341h7.717a2.343 2.343 0 0 1 2.341 2.341zm0-15.6a2.343 2.343 0 0 1-2.341 2.342h-7.717A2.344 2.344 0 0 1 13 23.059v-7.717A2.345 2.345 0 0 1 15.342 13h7.717a2.344 2.344 0 0 1 2.341 2.342zm15.6 15.6A2.345 2.345 0 0 1 38.658 41h-7.717a2.344 2.344 0 0 1-2.341-2.342v-7.717a2.343 2.343 0 0 1 2.341-2.341h7.717A2.344 2.344 0 0 1 41 30.941zm0-15.6a2.344 2.344 0 0 1-2.342 2.342h-7.717a2.343 2.343 0 0 1-2.341-2.341v-7.717A2.344 2.344 0 0 1 30.941 13h7.717A2.345 2.345 0 0 1 41 15.342z"
/>
</svg>
More icons in the same style and category