Tiles icons

5 icons carry the tag tiles, across Interface and Data Engineering. Grid, Grid view, Layout dashboard and 2 more — each in outline and duotone at three weights, with the code for React, Vue, Svelte, Flutter and more.

The 5 tiles icons, described

Gridgrid: A grid — items laid out in rows and columns, tiles in a regular layout.
Grid viewgrid-view: Grid view — everything shown as tiles or cards in a gallery layout.
Layout dashboardlayout-dashboard: A window split into unequal tiles — a dashboard, widgets of different sizes side by side.
Masonrymasonry: Tiles of different heights packed into two columns — a masonry grid layout.
Treemaptreemap: A frame divided into uneven tiles — a treemap sized by how much each part holds.

In code, each is one import — import { Grid } from "@iconmind/react/icons/grid" — and the same name in Vue, Svelte, Solid, Preact, React Native, Astro, Blade and Flutter.

Tags these icons also carry

layout12 chart13 grid6 hierarchy7

Every tiles icon, free to ship

5 of 2,437 icons compiled from one grid — outline and duotone, three weights, every cell generated rather than redrawn. MIT licensed: commercial use, no attribution, no seat count.

All tags Install the package Request an icon