Free Three Squares 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 { IconThreeSquares } from "@devigner-ui/icons";
<IconThreeSquares className="size-6" />
<script setup>
import { IconThreeSquares } from "@devigner-ui/icons-vue";
</script>
<template>
<IconThreeSquares class="size-6" />
</template>
<script>
import { IconThreeSquares } from "@devigner-ui/icons-svelte";
</script>
<IconThreeSquares class="size-6" />
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path opacity="1" d="M7 12H6c-1.89 0-2.83 0-3.41.59C2 13.17 2 14.1 2 16v2c0 1.89 0 2.83.59 3.41C3.17 22 4.1 22 6 22h2c1.89 0 2.83 0 3.41-.59.59-.58.59-1.52.59-3.41v-1" stroke="currentColor" stroke-width="1.5"></path><path d="M12 7h-1c-1.89 0-2.83 0-3.41.59C7 8.17 7 9.1 7 11v2c0 1.89 0 2.83.59 3.41C8.17 17 9.1 17 11 17h2c1.89 0 2.83 0 3.41-.59.59-.58.59-1.52.59-3.41v-1" stroke="currentColor" stroke-width="1.5"></path><path d="M12 6c0-1.89 0-2.83.59-3.41C13.17 2 14.1 2 16 2h2c1.89 0 2.83 0 3.41.59C22 3.17 22 4.1 22 6v2c0 1.89 0 2.83-.59 3.41-.58.59-1.52.59-3.41.59h-2c-1.89 0-2.83 0-3.41-.59C12 10.83 12 9.9 12 8z" stroke="currentColor" stroke-width="1.5"></path></svg>