Three Squares icon in outline, twotone, bold and bulk. Free in all four styles, for editors, canvas, layers, colour, alignment, grids. Copy the SVG, the React, Vue or Svelte 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>