Add icons to this collection by clicking the heart icon.
Grid icon - also known as art, planning, line, graphic design, grid, grid lines, art and design, and sketching. 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 64 64"
>
<linearGradient
id="a"
x1="58"
x2="58"
y1="66.026"
y2="6.535"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#1a125f" />
<stop offset=".205" stop-color="#423795" />
<stop offset=".681" stop-color="#ed1a58" />
<stop offset="1" stop-color="#54c2ef" />
</linearGradient>
<linearGradient id="b" x1="6" x2="6" y1="66.026" y2="6.535" href="#a" />
<linearGradient id="c" x1="32" x2="32" y1="66.026" y2="6.535" href="#a" />
<linearGradient id="d" x1="48" x2="48" y1="66.026" y2="6.535" href="#a" />
<linearGradient id="e" x1="56" x2="56" y1="66.026" y2="6.535" href="#a" />
<linearGradient id="f" x1="8" x2="8" y1="66.026" y2="6.535" href="#a" />
<linearGradient id="g" x1="16" x2="16" y1="66.026" y2="6.535" href="#a" />
<g>
<path
fill="url(#a)"
d="M61 5h-6a1 1 0 0 0 0 2h5v5a1 1 0 0 0 2 0V6a1 1 0 0 0-1-1z"
/>
<path
fill="url(#b)"
d="M3 13a1 1 0 0 0 1-1V7h5a1 1 0 0 0 0-2H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1z"
/>
<path
fill="url(#a)"
d="M61 51a1 1 0 0 0-1 1v5h-5a1 1 0 0 0 0 2h6a1 1 0 0 0 1-1v-6a1 1 0 0 0-1-1z"
/>
<path
fill="url(#b)"
d="M9 57H4v-5a1 1 0 0 0-2 0v6a1 1 0 0 0 1 1h6a1 1 0 0 0 0-2z"
/>
<path fill="url(#c)" d="M25 40h14v12H25z" />
<path fill="url(#d)" d="M41 26h14v12H41z" />
<circle cx="56" cy="11" r="2" fill="url(#e)" />
<circle cx="8" cy="11" r="2" fill="url(#f)" />
<circle cx="56" cy="53" r="2" fill="url(#e)" />
<circle cx="8" cy="53" r="2" fill="url(#f)" />
<path fill="url(#c)" d="M25 26h14v12H25zM25 12h14v12H25z" />
<path fill="url(#g)" d="M9 26h14v12H9z" />
<path
fill="url(#d)"
d="M52.141 12H41v12h14v-9.141A3.987 3.987 0 0 1 52.141 12z"
/>
<path
fill="url(#g)"
d="M11.859 12H23v12H9v-9.141A3.987 3.987 0 0 0 11.859 12z"
/>
<path
fill="url(#d)"
d="M52.141 52H41V40h14v9.141A3.987 3.987 0 0 0 52.141 52z"
/>
<path
fill="url(#g)"
d="M11.859 52H23V40H9v9.141A3.987 3.987 0 0 1 11.859 52z"
/>
</g>
</svg>
More icons in the same style and category