Grid color filled icon
Three-by-three square grid inside a rounded frame, enclosed in a circle outline
Related tags
About the Grid color filled icon
A three-by-three grid of equal squares sits inside a rounded frame, centered in a thin circular outline. The nine-cell layout reads instantly as tiles, columns and rows, so it works as a gallery or grid-view toggle in photo apps, a module switcher in dashboards, a layout option in page builders, an app-launcher button in browsers, and a distribution diagram in slides.
Uniform stroke weight and softly rounded corners keep the nine cells readable at small sizes, while the enclosing circle gives it the weight of a badge. Pair it with list, column and card icons for a view-switcher set, and drop the circle below 20 px if the cells start to close up.
This is the colour filled version of the grid icon: a flat, solid-colour shape that stands out in dashboards, marketing pages and app tiles where the icon needs to carry colour meaning.
Get it free as an SVG vector or transparent PNG (16-512px), copy the SVG code, or restyle it in the free online editor — recolor any part, add gold, neon or gradient effects, animate it, or export EPS, PDF and DXF.
Free for personal and commercial use with attribution.
