Free Layout Grid SVG icon in outline, twotone, bold and bulk. Available in all four styles, for editors, canvas, layers, colour, alignment, grids. Copy the SVG or a tree-shakeable React component, or download a PNG.
import { IconLayoutGrid } from "@devigner-ui/icons";
<IconLayoutGrid className="size-6" />
<script setup>
import { IconLayoutGrid } from "@devigner-ui/icons-vue";
</script>
<template>
<IconLayoutGrid class="size-6" />
</template>
<script>
import { IconLayoutGrid } from "@devigner-ui/icons-svelte";
</script>
<IconLayoutGrid class="size-6" />
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M22.67 8.52V3.98c0-1.41-.64-1.98-2.23-1.98H16.4c-1.59 0-2.23.57-2.23 1.98v4.53c0 1.42.64 1.98 2.23 1.98h4.04c1.59.01 2.23-.56 2.23-1.97" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path opacity="1" d="M22.67 19.77v-4.04c0-1.59-.64-2.23-2.23-2.23H16.4c-1.59 0-2.23.64-2.23 2.23v4.04c0 1.59.64 2.23 2.23 2.23h4.04c1.59 0 2.23-.64 2.23-2.23" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path opacity="1" d="M11.17 8.52V3.98c0-1.41-.64-1.98-2.23-1.98H4.9c-1.59 0-2.23.57-2.23 1.98v4.53c0 1.42.64 1.98 2.23 1.98h4.04c1.59.01 2.23-.56 2.23-1.97" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M11.17 19.77v-4.04c0-1.59-.64-2.23-2.23-2.23H4.9c-1.59 0-2.23.64-2.23 2.23v4.04c0 1.59.64 2.23 2.23 2.23h4.04c1.59 0 2.23-.64 2.23-2.23" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg>