Grid color outline icon
Three-by-three square grid inside a rounded frame, enclosed in a circle outline
Related tags
About the Grid color outline 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 outline version of the grid icon: the same line drawing in an accent colour, useful for highlighting a state, a category or a brand tone without adding visual weight.
It downloads free as an SVG vector or transparent PNG in seven sizes, and the free online editor lets you recolor it, apply gold, silver, neon and gradient styles, add animation, or convert it to EPS, PDF and DXF.
Free for personal and commercial use with attribution.
