Free Bento 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 { IconBentoGrid } from "@devigner-ui/icons";
<IconBentoGrid className="size-6" />
<script setup>
import { IconBentoGrid } from "@devigner-ui/icons-vue";
</script>
<template>
<IconBentoGrid class="size-6" />
</template>
<script>
import { IconBentoGrid } from "@devigner-ui/icons-svelte";
</script>
<IconBentoGrid 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="M13.5 15.5c0-1.89 0-2.83.59-3.41.58-.59 1.52-.59 3.41-.59s2.83 0 3.41.59c.59.58.59 1.52.59 3.41v2c0 1.89 0 2.83-.59 3.41-.58.59-1.52.59-3.41.59s-2.83 0-3.41-.59c-.59-.58-.59-1.52-.59-3.41z" stroke="currentColor" stroke-width="1.5"></path><path d="M2 8.5c0 1.89 0 2.83.59 3.41.58.6 1.52.6 3.41.6s2.83 0 3.41-.6c.59-.58.59-1.52.59-3.41v-2c0-1.89 0-2.83-.59-3.41C8.83 2.5 7.9 2.5 6 2.5s-2.83 0-3.41.59C2 3.67 2 4.6 2 6.5z" stroke="currentColor" stroke-width="1.5"></path><path d="M13.5 5.5c0-.93 0-1.4.15-1.76a2 2 0 0 1 1.08-1.09c.37-.15.84-.15 1.77-.15h2c.93 0 1.4 0 1.77.15a2 2 0 0 1 1.08 1.09c.15.36.15.83.15 1.76s0 1.4-.15 1.77a2 2 0 0 1-1.08 1.08c-.37.15-.84.15-1.77.15h-2c-.93 0-1.4 0-1.77-.15a2 2 0 0 1-1.08-1.08c-.15-.37-.15-.84-.15-1.77" stroke="currentColor" stroke-width="1.5"></path><path opacity="1" d="M2 18.5c0 .93 0 1.4.15 1.77a2 2 0 0 0 1.08 1.08c.37.15.84.15 1.77.15h2c.93 0 1.4 0 1.77-.15a2 2 0 0 0 1.08-1.08c.15-.37.15-.84.15-1.77s0-1.4-.15-1.76a2 2 0 0 0-1.08-1.09c-.37-.15-.84-.15-1.77-.15H5c-.93 0-1.4 0-1.77.15a2 2 0 0 0-1.08 1.09C2 17.1 2 17.57 2 18.5" stroke="currentColor" stroke-width="1.5"></path></svg>