square grid 4x3 icon
square-grid-4x3-fill from Framework7 Icons by Vladimir Kharlampidi · Fill · MIT Free for personal and commercial use.
- Name
- square-grid-4x3-fill
- Set
- Framework7 Icons
- Style
- Fill
- Viewbox
- 56×56
- License
- MIT
Related icons in Framework7 Icons
square-arrow-downsquare-arrow-down-on-squaresquare-arrow-leftsquare-arrow-rightsquare-arrow-upsquare-arrow-up-on-squaresquare-favoritessquare-favorites-altsquare-fill-line-vertical-squaresquare-fill-on-circle-fillsquare-fill-on-square-fillsquare-grid-2x2square-grid-3x2square-lefthalf-fillsquare-line-vertical-squaresquare-listsquare-on-circlesquare-on-squaresquare-pencilsquare-righthalf-fillsquare-split-1x2square-split-2x1square-split-2x2square-stack
Use the square grid 4x3 icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M5.008 17.957h3.89c1.477 0 2.016-.539 2.016-2.016v-3.89c0-1.477-.539-2.016-2.016-2.016h-3.89c-1.5 0-2.04.54-2.04 2.016v3.89c0 1.477.54 2.016 2.04 2.016m13.992 0h3.89c1.477 0 2.016-.539 2.016-2.016v-3.89c0-1.477-.539-2.016-2.015-2.016H19c-1.477 0-2.016.54-2.016 2.016v3.89c0 1.477.54 2.016 2.016 2.016m13.992 0h3.89c1.5 0 2.04-.539 2.04-2.016v-3.89c0-1.477-.54-2.016-2.04-2.016h-3.89c-1.476 0-2.015.54-2.015 2.016v3.89c0 1.477.539 2.016 2.015 2.016m14.016 0h3.89c1.477 0 2.016-.539 2.016-2.016v-3.89c0-1.477-.539-2.016-2.015-2.016h-3.891c-1.5 0-2.04.54-2.04 2.016v3.89c0 1.477.54 2.016 2.04 2.016M5.125 31.973h3.89c1.477 0 2.016-.54 2.016-2.04v-3.89c0-1.477-.539-2.016-2.015-2.016H5.125c-1.5 0-2.04.54-2.04 2.016v3.89c0 1.5.54 2.04 2.04 2.04m13.992 0h3.89c1.477 0 2.016-.54 2.016-2.04v-3.89c0-1.477-.539-2.016-2.015-2.016h-3.89c-1.477 0-2.016.54-2.016 2.016v3.89c0 1.5.539 2.04 2.015 2.04m13.992 0H37c1.5 0 2.04-.54 2.04-2.04v-3.89c0-1.477-.54-2.016-2.04-2.016h-3.89c-1.477 0-2.016.54-2.016 2.016v3.89c0 1.5.539 2.04 2.015 2.04m14.016 0h3.89c1.477 0 2.016-.54 2.016-2.04v-3.89c0-1.477-.539-2.016-2.015-2.016h-3.891c-1.5 0-2.04.54-2.04 2.016v3.89c0 1.5.54 2.04 2.04 2.04m-42 13.992h3.89c1.477 0 2.016-.54 2.016-2.016v-3.89c0-1.5-.539-2.04-2.015-2.04H5.125c-1.5 0-2.04.54-2.04 2.04v3.89c0 1.477.54 2.016 2.04 2.016m13.992 0h3.89c1.477 0 2.016-.54 2.016-2.016v-3.89c0-1.5-.539-2.04-2.015-2.04h-3.89c-1.477 0-2.016.54-2.016 2.04v3.89c0 1.477.539 2.016 2.015 2.016m13.992 0H37c1.5 0 2.04-.54 2.04-2.016v-3.89c0-1.5-.54-2.04-2.04-2.04h-3.89c-1.477 0-2.016.54-2.016 2.04v3.89c0 1.477.539 2.016 2.015 2.016m14.016 0h3.89c1.477 0 2.016-.54 2.016-2.016v-3.89c0-1.5-.539-2.04-2.015-2.04h-3.891c-1.5 0-2.04.54-2.04 2.04v3.89c0 1.477.54 2.016 2.04 2.016"/></svg>
React
import type { SVGProps } from "react";
export function F7SquareGrid4x3Fill(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="M5.008 17.957h3.89c1.477 0 2.016-.539 2.016-2.016v-3.89c0-1.477-.539-2.016-2.016-2.016h-3.89c-1.5 0-2.04.54-2.04 2.016v3.89c0 1.477.54 2.016 2.04 2.016m13.992 0h3.89c1.477 0 2.016-.539 2.016-2.016v-3.89c0-1.477-.539-2.016-2.015-2.016H19c-1.477 0-2.016.54-2.016 2.016v3.89c0 1.477.54 2.016 2.016 2.016m13.992 0h3.89c1.5 0 2.04-.539 2.04-2.016v-3.89c0-1.477-.54-2.016-2.04-2.016h-3.89c-1.476 0-2.015.54-2.015 2.016v3.89c0 1.477.539 2.016 2.015 2.016m14.016 0h3.89c1.477 0 2.016-.539 2.016-2.016v-3.89c0-1.477-.539-2.016-2.015-2.016h-3.891c-1.5 0-2.04.54-2.04 2.016v3.89c0 1.477.54 2.016 2.04 2.016M5.125 31.973h3.89c1.477 0 2.016-.54 2.016-2.04v-3.89c0-1.477-.539-2.016-2.015-2.016H5.125c-1.5 0-2.04.54-2.04 2.016v3.89c0 1.5.54 2.04 2.04 2.04m13.992 0h3.89c1.477 0 2.016-.54 2.016-2.04v-3.89c0-1.477-.539-2.016-2.015-2.016h-3.89c-1.477 0-2.016.54-2.016 2.016v3.89c0 1.5.539 2.04 2.015 2.04m13.992 0H37c1.5 0 2.04-.54 2.04-2.04v-3.89c0-1.477-.54-2.016-2.04-2.016h-3.89c-1.477 0-2.016.54-2.016 2.016v3.89c0 1.5.539 2.04 2.015 2.04m14.016 0h3.89c1.477 0 2.016-.54 2.016-2.04v-3.89c0-1.477-.539-2.016-2.015-2.016h-3.891c-1.5 0-2.04.54-2.04 2.016v3.89c0 1.5.54 2.04 2.04 2.04m-42 13.992h3.89c1.477 0 2.016-.54 2.016-2.016v-3.89c0-1.5-.539-2.04-2.015-2.04H5.125c-1.5 0-2.04.54-2.04 2.04v3.89c0 1.477.54 2.016 2.04 2.016m13.992 0h3.89c1.477 0 2.016-.54 2.016-2.016v-3.89c0-1.5-.539-2.04-2.015-2.04h-3.89c-1.477 0-2.016.54-2.016 2.04v3.89c0 1.477.539 2.016 2.015 2.016m13.992 0H37c1.5 0 2.04-.54 2.04-2.016v-3.89c0-1.5-.54-2.04-2.04-2.04h-3.89c-1.477 0-2.016.54-2.016 2.04v3.89c0 1.477.539 2.016 2.015 2.016m14.016 0h3.89c1.477 0 2.016-.54 2.016-2.016v-3.89c0-1.5-.539-2.04-2.015-2.04h-3.891c-1.5 0-2.04.54-2.04 2.04v3.89c0 1.477.54 2.016 2.04 2.016"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M5.008 17.957h3.89c1.477 0 2.016-.539 2.016-2.016v-3.89c0-1.477-.539-2.016-2.016-2.016h-3.89c-1.5 0-2.04.54-2.04 2.016v3.89c0 1.477.54 2.016 2.04 2.016m13.992 0h3.89c1.477 0 2.016-.539 2.016-2.016v-3.89c0-1.477-.539-2.016-2.015-2.016H19c-1.477 0-2.016.54-2.016 2.016v3.89c0 1.477.54 2.016 2.016 2.016m13.992 0h3.89c1.5 0 2.04-.539 2.04-2.016v-3.89c0-1.477-.54-2.016-2.04-2.016h-3.89c-1.476 0-2.015.54-2.015 2.016v3.89c0 1.477.539 2.016 2.015 2.016m14.016 0h3.89c1.477 0 2.016-.539 2.016-2.016v-3.89c0-1.477-.539-2.016-2.015-2.016h-3.891c-1.5 0-2.04.54-2.04 2.016v3.89c0 1.477.54 2.016 2.04 2.016M5.125 31.973h3.89c1.477 0 2.016-.54 2.016-2.04v-3.89c0-1.477-.539-2.016-2.015-2.016H5.125c-1.5 0-2.04.54-2.04 2.016v3.89c0 1.5.54 2.04 2.04 2.04m13.992 0h3.89c1.477 0 2.016-.54 2.016-2.04v-3.89c0-1.477-.539-2.016-2.015-2.016h-3.89c-1.477 0-2.016.54-2.016 2.016v3.89c0 1.5.539 2.04 2.015 2.04m13.992 0H37c1.5 0 2.04-.54 2.04-2.04v-3.89c0-1.477-.54-2.016-2.04-2.016h-3.89c-1.477 0-2.016.54-2.016 2.016v3.89c0 1.5.539 2.04 2.015 2.04m14.016 0h3.89c1.477 0 2.016-.54 2.016-2.04v-3.89c0-1.477-.539-2.016-2.015-2.016h-3.891c-1.5 0-2.04.54-2.04 2.016v3.89c0 1.5.54 2.04 2.04 2.04m-42 13.992h3.89c1.477 0 2.016-.54 2.016-2.016v-3.89c0-1.5-.539-2.04-2.015-2.04H5.125c-1.5 0-2.04.54-2.04 2.04v3.89c0 1.477.54 2.016 2.04 2.016m13.992 0h3.89c1.477 0 2.016-.54 2.016-2.016v-3.89c0-1.5-.539-2.04-2.015-2.04h-3.89c-1.477 0-2.016.54-2.016 2.04v3.89c0 1.477.539 2.016 2.015 2.016m13.992 0H37c1.5 0 2.04-.54 2.04-2.016v-3.89c0-1.5-.54-2.04-2.04-2.04h-3.89c-1.477 0-2.016.54-2.016 2.04v3.89c0 1.477.539 2.016 2.015 2.016m14.016 0h3.89c1.477 0 2.016-.54 2.016-2.016v-3.89c0-1.5-.539-2.04-2.015-2.04h-3.891c-1.5 0-2.04.54-2.04 2.04v3.89c0 1.477.54 2.016 2.04 2.016"/></svg> </template>
CSS
.icon-square-grid-4x3-fill {
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%22M5.008%2017.957h3.89c1.477%200%202.016-.539%202.016-2.016v-3.89c0-1.477-.539-2.016-2.016-2.016h-3.89c-1.5%200-2.04.54-2.04%202.016v3.89c0%201.477.54%202.016%202.04%202.016m13.992%200h3.89c1.477%200%202.016-.539%202.016-2.016v-3.89c0-1.477-.539-2.016-2.015-2.016H19c-1.477%200-2.016.54-2.016%202.016v3.89c0%201.477.54%202.016%202.016%202.016m13.992%200h3.89c1.5%200%202.04-.539%202.04-2.016v-3.89c0-1.477-.54-2.016-2.04-2.016h-3.89c-1.476%200-2.015.54-2.015%202.016v3.89c0%201.477.539%202.016%202.015%202.016m14.016%200h3.89c1.477%200%202.016-.539%202.016-2.016v-3.89c0-1.477-.539-2.016-2.015-2.016h-3.891c-1.5%200-2.04.54-2.04%202.016v3.89c0%201.477.54%202.016%202.04%202.016M5.125%2031.973h3.89c1.477%200%202.016-.54%202.016-2.04v-3.89c0-1.477-.539-2.016-2.015-2.016H5.125c-1.5%200-2.04.54-2.04%202.016v3.89c0%201.5.54%202.04%202.04%202.04m13.992%200h3.89c1.477%200%202.016-.54%202.016-2.04v-3.89c0-1.477-.539-2.016-2.015-2.016h-3.89c-1.477%200-2.016.54-2.016%202.016v3.89c0%201.5.539%202.04%202.015%202.04m13.992%200H37c1.5%200%202.04-.54%202.04-2.04v-3.89c0-1.477-.54-2.016-2.04-2.016h-3.89c-1.477%200-2.016.54-2.016%202.016v3.89c0%201.5.539%202.04%202.015%202.04m14.016%200h3.89c1.477%200%202.016-.54%202.016-2.04v-3.89c0-1.477-.539-2.016-2.015-2.016h-3.891c-1.5%200-2.04.54-2.04%202.016v3.89c0%201.5.54%202.04%202.04%202.04m-42%2013.992h3.89c1.477%200%202.016-.54%202.016-2.016v-3.89c0-1.5-.539-2.04-2.015-2.04H5.125c-1.5%200-2.04.54-2.04%202.04v3.89c0%201.477.54%202.016%202.04%202.016m13.992%200h3.89c1.477%200%202.016-.54%202.016-2.016v-3.89c0-1.5-.539-2.04-2.015-2.04h-3.89c-1.477%200-2.016.54-2.016%202.04v3.89c0%201.477.539%202.016%202.015%202.016m13.992%200H37c1.5%200%202.04-.54%202.04-2.016v-3.89c0-1.5-.54-2.04-2.04-2.04h-3.89c-1.477%200-2.016.54-2.016%202.04v3.89c0%201.477.539%202.016%202.015%202.016m14.016%200h3.89c1.477%200%202.016-.54%202.016-2.016v-3.89c0-1.5-.539-2.04-2.015-2.04h-3.891c-1.5%200-2.04.54-2.04%202.04v3.89c0%201.477.54%202.016%202.04%202.016%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%22M5.008%2017.957h3.89c1.477%200%202.016-.539%202.016-2.016v-3.89c0-1.477-.539-2.016-2.016-2.016h-3.89c-1.5%200-2.04.54-2.04%202.016v3.89c0%201.477.54%202.016%202.04%202.016m13.992%200h3.89c1.477%200%202.016-.539%202.016-2.016v-3.89c0-1.477-.539-2.016-2.015-2.016H19c-1.477%200-2.016.54-2.016%202.016v3.89c0%201.477.54%202.016%202.016%202.016m13.992%200h3.89c1.5%200%202.04-.539%202.04-2.016v-3.89c0-1.477-.54-2.016-2.04-2.016h-3.89c-1.476%200-2.015.54-2.015%202.016v3.89c0%201.477.539%202.016%202.015%202.016m14.016%200h3.89c1.477%200%202.016-.539%202.016-2.016v-3.89c0-1.477-.539-2.016-2.015-2.016h-3.891c-1.5%200-2.04.54-2.04%202.016v3.89c0%201.477.54%202.016%202.04%202.016M5.125%2031.973h3.89c1.477%200%202.016-.54%202.016-2.04v-3.89c0-1.477-.539-2.016-2.015-2.016H5.125c-1.5%200-2.04.54-2.04%202.016v3.89c0%201.5.54%202.04%202.04%202.04m13.992%200h3.89c1.477%200%202.016-.54%202.016-2.04v-3.89c0-1.477-.539-2.016-2.015-2.016h-3.89c-1.477%200-2.016.54-2.016%202.016v3.89c0%201.5.539%202.04%202.015%202.04m13.992%200H37c1.5%200%202.04-.54%202.04-2.04v-3.89c0-1.477-.54-2.016-2.04-2.016h-3.89c-1.477%200-2.016.54-2.016%202.016v3.89c0%201.5.539%202.04%202.015%202.04m14.016%200h3.89c1.477%200%202.016-.54%202.016-2.04v-3.89c0-1.477-.539-2.016-2.015-2.016h-3.891c-1.5%200-2.04.54-2.04%202.016v3.89c0%201.5.54%202.04%202.04%202.04m-42%2013.992h3.89c1.477%200%202.016-.54%202.016-2.016v-3.89c0-1.5-.539-2.04-2.015-2.04H5.125c-1.5%200-2.04.54-2.04%202.04v3.89c0%201.477.54%202.016%202.04%202.016m13.992%200h3.89c1.477%200%202.016-.54%202.016-2.016v-3.89c0-1.5-.539-2.04-2.015-2.04h-3.89c-1.477%200-2.016.54-2.016%202.04v3.89c0%201.477.539%202.016%202.015%202.016m13.992%200H37c1.5%200%202.04-.54%202.04-2.016v-3.89c0-1.5-.54-2.04-2.04-2.04h-3.89c-1.477%200-2.016.54-2.016%202.04v3.89c0%201.477.539%202.016%202.015%202.016m14.016%200h3.89c1.477%200%202.016-.54%202.016-2.016v-3.89c0-1.5-.539-2.04-2.015-2.04h-3.891c-1.5%200-2.04.54-2.04%202.04v3.89c0%201.477.54%202.016%202.04%202.016%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/f7/square-grid-4x3-fill.svg?color=%231a73e8&size=48
