brick icon

brick-outline from Material Symbols by Google · Outline · Social · Apache-2.0 Free for personal and commercial use.

Name: brick-outline
Set: Material Symbols
Style: Outline
Category: Social
Viewbox: 24×24
License: Apache 2.0
Aliases: brick-outline-sharp

3 other variants in Material Symbols

brick brick-outline-rounded brick-rounded

The same icon in other sets

brickFluent Emoji brickFluent Emoji Flat brickFluent Emoji High Contrast brickMaterial Symbols Light brickNoto Emoji brickOpenMoji brickWeb3 Icons brickWeb3 Icons Branded brickTwitter Emoji

More social icons from Material Symbols

Use the brick icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M2 20V8h3V4h6v4h2V4h6v4h3v12zm2-2h16v-8H4zM7 8h2V6H7zm8 0h2V6h-2zM4 18h16zM7 8h2zm8 0h2z"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsBrickOutline(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="M2 20V8h3V4h6v4h2V4h6v4h3v12zm2-2h16v-8H4zM7 8h2V6H7zm8 0h2V6h-2zM4 18h16zM7 8h2zm8 0h2z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M2 20V8h3V4h6v4h2V4h6v4h3v12zm2-2h16v-8H4zM7 8h2V6H7zm8 0h2V6h-2zM4 18h16zM7 8h2zm8 0h2z"/></svg>
</template>

CSS

.icon-brick-outline {
  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%22M2%2020V8h3V4h6v4h2V4h6v4h3v12zm2-2h16v-8H4zM7%208h2V6H7zm8%200h2V6h-2zM4%2018h16zM7%208h2zm8%200h2z%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%22M2%2020V8h3V4h6v4h2V4h6v4h3v12zm2-2h16v-8H4zM7%208h2V6H7zm8%200h2V6h-2zM4%2018h16zM7%208h2zm8%200h2z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols/brick-outline.svg?color=%231a73e8&size=48