rectangle grid 3x2 icon

rectangle-grid-3x2 from Framework7 Icons by Vladimir Kharlampidi · Outline · MIT Free for personal and commercial use.

Name
rectangle-grid-3x2
Set
Framework7 Icons
Style
Outline
Viewbox
56×56
License
MIT

1 other variant in Framework7 Icons

rectangle-grid-3x2-fill

Related icons in Framework7 Icons

rectangle-3-offgridrectangle-arrow-up-right-arrow-down-leftrectangle-arrow-up-right-arrow-down-left-slashrectangle-badge-checkmarkrectangle-badge-xmarkrectangle-compress-verticalrectangle-dockrectangle-expand-verticalrectangle-fill-badge-checkmarkrectangle-fill-badge-xmarkrectangle-fill-on-rectangle-angled-fillrectangle-fill-on-rectangle-fillrectangle-grid-1x2rectangle-grid-2x2rectangle-on-rectanglerectangle-on-rectangle-angledrectangle-papercliprectangle-split-3x1rectangle-split-3x3rectangle-stackrectangle-stack-badge-minusrectangle-stack-badge-person-croprectangle-stack-badge-plusrectangle-stack-fill-badge-minus

Use the rectangle grid 3x2 icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M43.492 26.066h5.297c2.977 0 4.477-1.5 4.477-4.593V10.996c0-3.094-1.5-4.57-4.477-4.57h-5.297c-2.976 0-4.476 1.476-4.476 4.57v10.477c0 3.093 1.5 4.593 4.476 4.593m-36.281 0h5.297c2.976 0 4.476-1.5 4.476-4.593V10.996c0-3.094-1.5-4.57-4.476-4.57H7.21c-2.977 0-4.477 1.476-4.477 4.57v10.477c0 3.093 1.5 4.593 4.477 4.593m18.14 0h5.297c2.977 0 4.477-1.5 4.477-4.593V10.996c0-3.094-1.5-4.57-4.477-4.57h-5.296c-2.977 0-4.477 1.476-4.477 4.57v10.477c0 3.093 1.5 4.593 4.477 4.593M7.259 22.762c-.82 0-1.22-.422-1.22-1.29V10.997c0-.844.4-1.266 1.22-1.266h5.18c.82 0 1.242.422 1.242 1.266v10.477c0 .867-.422 1.289-1.243 1.289Zm18.164 0c-.844 0-1.242-.422-1.242-1.29V10.997c0-.844.398-1.266 1.242-1.266h5.18c.82 0 1.218.422 1.218 1.266v10.477c0 .867-.398 1.289-1.218 1.289Zm18.094 0c-.797 0-1.196-.422-1.196-1.29V10.997q0-1.266 1.196-1.266h5.203c.843 0 1.242.422 1.242 1.266v10.477c0 .867-.398 1.289-1.242 1.289ZM7.21 49.574h5.297c2.976 0 4.476-1.476 4.476-4.57v-10.5c0-3.07-1.5-4.57-4.476-4.57H7.21c-2.977 0-4.477 1.5-4.477 4.57v10.5c0 3.094 1.5 4.57 4.477 4.57m18.14 0h5.297c2.977 0 4.477-1.476 4.477-4.57v-10.5c0-3.07-1.5-4.57-4.477-4.57h-5.296c-2.977 0-4.477 1.5-4.477 4.57v10.5c0 3.094 1.5 4.57 4.477 4.57m18.141 0h5.297c2.977 0 4.477-1.476 4.477-4.57v-10.5c0-3.07-1.5-4.57-4.477-4.57h-5.297c-2.976 0-4.476 1.5-4.476 4.57v10.5c0 3.094 1.5 4.57 4.476 4.57M7.258 46.27c-.82 0-1.22-.422-1.22-1.266V34.527c0-.867.4-1.289 1.22-1.289h5.18c.82 0 1.242.422 1.242 1.29v10.476c0 .844-.422 1.266-1.243 1.266Zm18.164 0c-.844 0-1.242-.422-1.242-1.266V34.527c0-.867.398-1.289 1.242-1.289h5.18c.82 0 1.218.422 1.218 1.29v10.476c0 .844-.398 1.266-1.218 1.266Zm18.094 0q-1.196 0-1.196-1.266V34.527c0-.867.399-1.289 1.196-1.289h5.203c.843 0 1.242.422 1.242 1.29v10.476c0 .844-.398 1.266-1.242 1.266Z"/></svg>

React

import type { SVGProps } from "react";

export function F7RectangleGrid3x2(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M43.492 26.066h5.297c2.977 0 4.477-1.5 4.477-4.593V10.996c0-3.094-1.5-4.57-4.477-4.57h-5.297c-2.976 0-4.476 1.476-4.476 4.57v10.477c0 3.093 1.5 4.593 4.476 4.593m-36.281 0h5.297c2.976 0 4.476-1.5 4.476-4.593V10.996c0-3.094-1.5-4.57-4.476-4.57H7.21c-2.977 0-4.477 1.476-4.477 4.57v10.477c0 3.093 1.5 4.593 4.477 4.593m18.14 0h5.297c2.977 0 4.477-1.5 4.477-4.593V10.996c0-3.094-1.5-4.57-4.477-4.57h-5.296c-2.977 0-4.477 1.476-4.477 4.57v10.477c0 3.093 1.5 4.593 4.477 4.593M7.259 22.762c-.82 0-1.22-.422-1.22-1.29V10.997c0-.844.4-1.266 1.22-1.266h5.18c.82 0 1.242.422 1.242 1.266v10.477c0 .867-.422 1.289-1.243 1.289Zm18.164 0c-.844 0-1.242-.422-1.242-1.29V10.997c0-.844.398-1.266 1.242-1.266h5.18c.82 0 1.218.422 1.218 1.266v10.477c0 .867-.398 1.289-1.218 1.289Zm18.094 0c-.797 0-1.196-.422-1.196-1.29V10.997q0-1.266 1.196-1.266h5.203c.843 0 1.242.422 1.242 1.266v10.477c0 .867-.398 1.289-1.242 1.289ZM7.21 49.574h5.297c2.976 0 4.476-1.476 4.476-4.57v-10.5c0-3.07-1.5-4.57-4.476-4.57H7.21c-2.977 0-4.477 1.5-4.477 4.57v10.5c0 3.094 1.5 4.57 4.477 4.57m18.14 0h5.297c2.977 0 4.477-1.476 4.477-4.57v-10.5c0-3.07-1.5-4.57-4.477-4.57h-5.296c-2.977 0-4.477 1.5-4.477 4.57v10.5c0 3.094 1.5 4.57 4.477 4.57m18.141 0h5.297c2.977 0 4.477-1.476 4.477-4.57v-10.5c0-3.07-1.5-4.57-4.477-4.57h-5.297c-2.976 0-4.476 1.5-4.476 4.57v10.5c0 3.094 1.5 4.57 4.476 4.57M7.258 46.27c-.82 0-1.22-.422-1.22-1.266V34.527c0-.867.4-1.289 1.22-1.289h5.18c.82 0 1.242.422 1.242 1.29v10.476c0 .844-.422 1.266-1.243 1.266Zm18.164 0c-.844 0-1.242-.422-1.242-1.266V34.527c0-.867.398-1.289 1.242-1.289h5.18c.82 0 1.218.422 1.218 1.29v10.476c0 .844-.398 1.266-1.218 1.266Zm18.094 0q-1.196 0-1.196-1.266V34.527c0-.867.399-1.289 1.196-1.289h5.203c.843 0 1.242.422 1.242 1.29v10.476c0 .844-.398 1.266-1.242 1.266Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M43.492 26.066h5.297c2.977 0 4.477-1.5 4.477-4.593V10.996c0-3.094-1.5-4.57-4.477-4.57h-5.297c-2.976 0-4.476 1.476-4.476 4.57v10.477c0 3.093 1.5 4.593 4.476 4.593m-36.281 0h5.297c2.976 0 4.476-1.5 4.476-4.593V10.996c0-3.094-1.5-4.57-4.476-4.57H7.21c-2.977 0-4.477 1.476-4.477 4.57v10.477c0 3.093 1.5 4.593 4.477 4.593m18.14 0h5.297c2.977 0 4.477-1.5 4.477-4.593V10.996c0-3.094-1.5-4.57-4.477-4.57h-5.296c-2.977 0-4.477 1.476-4.477 4.57v10.477c0 3.093 1.5 4.593 4.477 4.593M7.259 22.762c-.82 0-1.22-.422-1.22-1.29V10.997c0-.844.4-1.266 1.22-1.266h5.18c.82 0 1.242.422 1.242 1.266v10.477c0 .867-.422 1.289-1.243 1.289Zm18.164 0c-.844 0-1.242-.422-1.242-1.29V10.997c0-.844.398-1.266 1.242-1.266h5.18c.82 0 1.218.422 1.218 1.266v10.477c0 .867-.398 1.289-1.218 1.289Zm18.094 0c-.797 0-1.196-.422-1.196-1.29V10.997q0-1.266 1.196-1.266h5.203c.843 0 1.242.422 1.242 1.266v10.477c0 .867-.398 1.289-1.242 1.289ZM7.21 49.574h5.297c2.976 0 4.476-1.476 4.476-4.57v-10.5c0-3.07-1.5-4.57-4.476-4.57H7.21c-2.977 0-4.477 1.5-4.477 4.57v10.5c0 3.094 1.5 4.57 4.477 4.57m18.14 0h5.297c2.977 0 4.477-1.476 4.477-4.57v-10.5c0-3.07-1.5-4.57-4.477-4.57h-5.296c-2.977 0-4.477 1.5-4.477 4.57v10.5c0 3.094 1.5 4.57 4.477 4.57m18.141 0h5.297c2.977 0 4.477-1.476 4.477-4.57v-10.5c0-3.07-1.5-4.57-4.477-4.57h-5.297c-2.976 0-4.476 1.5-4.476 4.57v10.5c0 3.094 1.5 4.57 4.476 4.57M7.258 46.27c-.82 0-1.22-.422-1.22-1.266V34.527c0-.867.4-1.289 1.22-1.289h5.18c.82 0 1.242.422 1.242 1.29v10.476c0 .844-.422 1.266-1.243 1.266Zm18.164 0c-.844 0-1.242-.422-1.242-1.266V34.527c0-.867.398-1.289 1.242-1.289h5.18c.82 0 1.218.422 1.218 1.29v10.476c0 .844-.398 1.266-1.218 1.266Zm18.094 0q-1.196 0-1.196-1.266V34.527c0-.867.399-1.289 1.196-1.289h5.203c.843 0 1.242.422 1.242 1.29v10.476c0 .844-.398 1.266-1.242 1.266Z"/></svg>
</template>

CSS

.icon-rectangle-grid-3x2 {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2056%2056%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M43.492%2026.066h5.297c2.977%200%204.477-1.5%204.477-4.593V10.996c0-3.094-1.5-4.57-4.477-4.57h-5.297c-2.976%200-4.476%201.476-4.476%204.57v10.477c0%203.093%201.5%204.593%204.476%204.593m-36.281%200h5.297c2.976%200%204.476-1.5%204.476-4.593V10.996c0-3.094-1.5-4.57-4.476-4.57H7.21c-2.977%200-4.477%201.476-4.477%204.57v10.477c0%203.093%201.5%204.593%204.477%204.593m18.14%200h5.297c2.977%200%204.477-1.5%204.477-4.593V10.996c0-3.094-1.5-4.57-4.477-4.57h-5.296c-2.977%200-4.477%201.476-4.477%204.57v10.477c0%203.093%201.5%204.593%204.477%204.593M7.259%2022.762c-.82%200-1.22-.422-1.22-1.29V10.997c0-.844.4-1.266%201.22-1.266h5.18c.82%200%201.242.422%201.242%201.266v10.477c0%20.867-.422%201.289-1.243%201.289Zm18.164%200c-.844%200-1.242-.422-1.242-1.29V10.997c0-.844.398-1.266%201.242-1.266h5.18c.82%200%201.218.422%201.218%201.266v10.477c0%20.867-.398%201.289-1.218%201.289Zm18.094%200c-.797%200-1.196-.422-1.196-1.29V10.997q0-1.266%201.196-1.266h5.203c.843%200%201.242.422%201.242%201.266v10.477c0%20.867-.398%201.289-1.242%201.289ZM7.21%2049.574h5.297c2.976%200%204.476-1.476%204.476-4.57v-10.5c0-3.07-1.5-4.57-4.476-4.57H7.21c-2.977%200-4.477%201.5-4.477%204.57v10.5c0%203.094%201.5%204.57%204.477%204.57m18.14%200h5.297c2.977%200%204.477-1.476%204.477-4.57v-10.5c0-3.07-1.5-4.57-4.477-4.57h-5.296c-2.977%200-4.477%201.5-4.477%204.57v10.5c0%203.094%201.5%204.57%204.477%204.57m18.141%200h5.297c2.977%200%204.477-1.476%204.477-4.57v-10.5c0-3.07-1.5-4.57-4.477-4.57h-5.297c-2.976%200-4.476%201.5-4.476%204.57v10.5c0%203.094%201.5%204.57%204.476%204.57M7.258%2046.27c-.82%200-1.22-.422-1.22-1.266V34.527c0-.867.4-1.289%201.22-1.289h5.18c.82%200%201.242.422%201.242%201.29v10.476c0%20.844-.422%201.266-1.243%201.266Zm18.164%200c-.844%200-1.242-.422-1.242-1.266V34.527c0-.867.398-1.289%201.242-1.289h5.18c.82%200%201.218.422%201.218%201.29v10.476c0%20.844-.398%201.266-1.218%201.266Zm18.094%200q-1.196%200-1.196-1.266V34.527c0-.867.399-1.289%201.196-1.289h5.203c.843%200%201.242.422%201.242%201.29v10.476c0%20.844-.398%201.266-1.242%201.266Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2056%2056%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M43.492%2026.066h5.297c2.977%200%204.477-1.5%204.477-4.593V10.996c0-3.094-1.5-4.57-4.477-4.57h-5.297c-2.976%200-4.476%201.476-4.476%204.57v10.477c0%203.093%201.5%204.593%204.476%204.593m-36.281%200h5.297c2.976%200%204.476-1.5%204.476-4.593V10.996c0-3.094-1.5-4.57-4.476-4.57H7.21c-2.977%200-4.477%201.476-4.477%204.57v10.477c0%203.093%201.5%204.593%204.477%204.593m18.14%200h5.297c2.977%200%204.477-1.5%204.477-4.593V10.996c0-3.094-1.5-4.57-4.477-4.57h-5.296c-2.977%200-4.477%201.476-4.477%204.57v10.477c0%203.093%201.5%204.593%204.477%204.593M7.259%2022.762c-.82%200-1.22-.422-1.22-1.29V10.997c0-.844.4-1.266%201.22-1.266h5.18c.82%200%201.242.422%201.242%201.266v10.477c0%20.867-.422%201.289-1.243%201.289Zm18.164%200c-.844%200-1.242-.422-1.242-1.29V10.997c0-.844.398-1.266%201.242-1.266h5.18c.82%200%201.218.422%201.218%201.266v10.477c0%20.867-.398%201.289-1.218%201.289Zm18.094%200c-.797%200-1.196-.422-1.196-1.29V10.997q0-1.266%201.196-1.266h5.203c.843%200%201.242.422%201.242%201.266v10.477c0%20.867-.398%201.289-1.242%201.289ZM7.21%2049.574h5.297c2.976%200%204.476-1.476%204.476-4.57v-10.5c0-3.07-1.5-4.57-4.476-4.57H7.21c-2.977%200-4.477%201.5-4.477%204.57v10.5c0%203.094%201.5%204.57%204.477%204.57m18.14%200h5.297c2.977%200%204.477-1.476%204.477-4.57v-10.5c0-3.07-1.5-4.57-4.477-4.57h-5.296c-2.977%200-4.477%201.5-4.477%204.57v10.5c0%203.094%201.5%204.57%204.477%204.57m18.141%200h5.297c2.977%200%204.477-1.476%204.477-4.57v-10.5c0-3.07-1.5-4.57-4.477-4.57h-5.297c-2.976%200-4.476%201.5-4.476%204.57v10.5c0%203.094%201.5%204.57%204.476%204.57M7.258%2046.27c-.82%200-1.22-.422-1.22-1.266V34.527c0-.867.4-1.289%201.22-1.289h5.18c.82%200%201.242.422%201.242%201.29v10.476c0%20.844-.422%201.266-1.243%201.266Zm18.164%200c-.844%200-1.242-.422-1.242-1.266V34.527c0-.867.398-1.289%201.242-1.289h5.18c.82%200%201.218.422%201.218%201.29v10.476c0%20.844-.398%201.266-1.218%201.266Zm18.094%200q-1.196%200-1.196-1.266V34.527c0-.867.399-1.289%201.196-1.289h5.203c.843%200%201.242.422%201.242%201.29v10.476c0%20.844-.398%201.266-1.242%201.266Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/f7/rectangle-grid-3x2.svg?color=%231a73e8&size=48