brick wall icon

brick-wall-fill from Keyline Icons by Keyline Icons · Fill · MIT Free for personal and commercial use.

Name: brick-wall-fill
Set: Keyline Icons
Style: Fill
Viewbox: 24×24
License: MIT

7 other variants in Keyline Icons

brick-wall brick-wall-duotone brick-wall-sharp brick-wall-sharp-duotone brick-wall-sharp-fill brick-wall-sharp-two-tone brick-wall-two-tone

The same icon in other sets

brick-wallHuge Icons brick-wallLucide

Use the brick wall icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M6 2L18 2C20.2091 2 22 3.7909 22 6L22 18C22 20.2091 20.2091 22 18 22L6 22C3.7909 22 2 20.2091 2 18L2 6C2 3.7909 3.7909 2 6 2ZM4 8L4 10L20 10L20 8L4 8ZM4 14L4 16L20 16L20 14L4 14ZM11 4L11 8L13 8L13 4L11 4ZM6 10L6 14L8 14L8 10L6 10ZM16 10L16 14L18 14L18 10L16 10ZM11 16L11 20L13 20L13 16L11 16Z"/></svg>

React

import type { SVGProps } from "react";

export function KeylineIconsBrickWallFill(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M6 2L18 2C20.2091 2 22 3.7909 22 6L22 18C22 20.2091 20.2091 22 18 22L6 22C3.7909 22 2 20.2091 2 18L2 6C2 3.7909 3.7909 2 6 2ZM4 8L4 10L20 10L20 8L4 8ZM4 14L4 16L20 16L20 14L4 14ZM11 4L11 8L13 8L13 4L11 4ZM6 10L6 14L8 14L8 10L6 10ZM16 10L16 14L18 14L18 10L16 10ZM11 16L11 20L13 20L13 16L11 16Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M6 2L18 2C20.2091 2 22 3.7909 22 6L22 18C22 20.2091 20.2091 22 18 22L6 22C3.7909 22 2 20.2091 2 18L2 6C2 3.7909 3.7909 2 6 2ZM4 8L4 10L20 10L20 8L4 8ZM4 14L4 16L20 16L20 14L4 14ZM11 4L11 8L13 8L13 4L11 4ZM6 10L6 14L8 14L8 10L6 10ZM16 10L16 14L18 14L18 10L16 10ZM11 16L11 20L13 20L13 16L11 16Z"/></svg>
</template>

CSS

.icon-brick-wall-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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M6%202L18%202C20.2091%202%2022%203.7909%2022%206L22%2018C22%2020.2091%2020.2091%2022%2018%2022L6%2022C3.7909%2022%202%2020.2091%202%2018L2%206C2%203.7909%203.7909%202%206%202ZM4%208L4%2010L20%2010L20%208L4%208ZM4%2014L4%2016L20%2016L20%2014L4%2014ZM11%204L11%208L13%208L13%204L11%204ZM6%2010L6%2014L8%2014L8%2010L6%2010ZM16%2010L16%2014L18%2014L18%2010L16%2010ZM11%2016L11%2020L13%2020L13%2016L11%2016Z%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M6%202L18%202C20.2091%202%2022%203.7909%2022%206L22%2018C22%2020.2091%2020.2091%2022%2018%2022L6%2022C3.7909%2022%202%2020.2091%202%2018L2%206C2%203.7909%203.7909%202%206%202ZM4%208L4%2010L20%2010L20%208L4%208ZM4%2014L4%2016L20%2016L20%2014L4%2014ZM11%204L11%208L13%208L13%204L11%204ZM6%2010L6%2014L8%2014L8%2010L6%2010ZM16%2010L16%2014L18%2014L18%2010L16%2010ZM11%2016L11%2020L13%2020L13%2016L11%2016Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/keyline-icons/brick-wall-fill.svg?color=%231a73e8&size=48