tenancy icon

tenancy from Material Symbols Light by Google · Regular · Business · Apache-2.0 Free for personal and commercial use.

Name: tenancy
Set: Material Symbols Light
Style: Regular
Category: Business
Viewbox: 24×24
License: Apache 2.0
Aliases: tenancy-rounded, tenancy-sharp

1 other variant in Material Symbols Light

tenancy-outline

The same icon in other sets

tenancyMaterial Symbols

More business icons from Material Symbols Light

Use the tenancy icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M2.067 19.76q-.74-.74-.74-1.798t.74-1.798t1.799-.741q.263 0 .504.047q.242.047.48.155l4.512-6.19q-.425-.468-.663-1.08t-.237-1.297q0-1.477 1.03-2.508T12 3.52t2.508 1.03t1.03 2.508q0 .686-.25 1.298t-.675 1.079l4.518 6.21q.238-.109.49-.165t.514-.057q1.057 0 1.798.74q.74.74.74 1.798t-.74 1.799t-1.798.74t-1.798-.74q-.74-.74-.74-1.799q0-.513.194-.96q.196-.447.523-.797l-4.473-6.152q-.299.204-.632.325q-.334.121-.709.171v4.915q.875.166 1.457.864q.581.698.581 1.615q0 1.058-.74 1.798T12 20.48t-1.798-.74t-.74-1.798q0-.917.581-1.612t1.457-.866v-4.916q-.375-.05-.709-.171t-.632-.325l-4.492 6.152q.327.35.532.797t.205.96q0 1.058-.74 1.798q-.741.741-1.798.741q-1.058 0-1.799-.74"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsLightTenancy(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.067 19.76q-.74-.74-.74-1.798t.74-1.798t1.799-.741q.263 0 .504.047q.242.047.48.155l4.512-6.19q-.425-.468-.663-1.08t-.237-1.297q0-1.477 1.03-2.508T12 3.52t2.508 1.03t1.03 2.508q0 .686-.25 1.298t-.675 1.079l4.518 6.21q.238-.109.49-.165t.514-.057q1.057 0 1.798.74q.74.74.74 1.798t-.74 1.799t-1.798.74t-1.798-.74q-.74-.74-.74-1.799q0-.513.194-.96q.196-.447.523-.797l-4.473-6.152q-.299.204-.632.325q-.334.121-.709.171v4.915q.875.166 1.457.864q.581.698.581 1.615q0 1.058-.74 1.798T12 20.48t-1.798-.74t-.74-1.798q0-.917.581-1.612t1.457-.866v-4.916q-.375-.05-.709-.171t-.632-.325l-4.492 6.152q.327.35.532.797t.205.96q0 1.058-.74 1.798q-.741.741-1.798.741q-1.058 0-1.799-.74"/></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.067 19.76q-.74-.74-.74-1.798t.74-1.798t1.799-.741q.263 0 .504.047q.242.047.48.155l4.512-6.19q-.425-.468-.663-1.08t-.237-1.297q0-1.477 1.03-2.508T12 3.52t2.508 1.03t1.03 2.508q0 .686-.25 1.298t-.675 1.079l4.518 6.21q.238-.109.49-.165t.514-.057q1.057 0 1.798.74q.74.74.74 1.798t-.74 1.799t-1.798.74t-1.798-.74q-.74-.74-.74-1.799q0-.513.194-.96q.196-.447.523-.797l-4.473-6.152q-.299.204-.632.325q-.334.121-.709.171v4.915q.875.166 1.457.864q.581.698.581 1.615q0 1.058-.74 1.798T12 20.48t-1.798-.74t-.74-1.798q0-.917.581-1.612t1.457-.866v-4.916q-.375-.05-.709-.171t-.632-.325l-4.492 6.152q.327.35.532.797t.205.96q0 1.058-.74 1.798q-.741.741-1.798.741q-1.058 0-1.799-.74"/></svg>
</template>

CSS

.icon-tenancy {
  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.067%2019.76q-.74-.74-.74-1.798t.74-1.798t1.799-.741q.263%200%20.504.047q.242.047.48.155l4.512-6.19q-.425-.468-.663-1.08t-.237-1.297q0-1.477%201.03-2.508T12%203.52t2.508%201.03t1.03%202.508q0%20.686-.25%201.298t-.675%201.079l4.518%206.21q.238-.109.49-.165t.514-.057q1.057%200%201.798.74q.74.74.74%201.798t-.74%201.799t-1.798.74t-1.798-.74q-.74-.74-.74-1.799q0-.513.194-.96q.196-.447.523-.797l-4.473-6.152q-.299.204-.632.325q-.334.121-.709.171v4.915q.875.166%201.457.864q.581.698.581%201.615q0%201.058-.74%201.798T12%2020.48t-1.798-.74t-.74-1.798q0-.917.581-1.612t1.457-.866v-4.916q-.375-.05-.709-.171t-.632-.325l-4.492%206.152q.327.35.532.797t.205.96q0%201.058-.74%201.798q-.741.741-1.798.741q-1.058%200-1.799-.74%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.067%2019.76q-.74-.74-.74-1.798t.74-1.798t1.799-.741q.263%200%20.504.047q.242.047.48.155l4.512-6.19q-.425-.468-.663-1.08t-.237-1.297q0-1.477%201.03-2.508T12%203.52t2.508%201.03t1.03%202.508q0%20.686-.25%201.298t-.675%201.079l4.518%206.21q.238-.109.49-.165t.514-.057q1.057%200%201.798.74q.74.74.74%201.798t-.74%201.799t-1.798.74t-1.798-.74q-.74-.74-.74-1.799q0-.513.194-.96q.196-.447.523-.797l-4.473-6.152q-.299.204-.632.325q-.334.121-.709.171v4.915q.875.166%201.457.864q.581.698.581%201.615q0%201.058-.74%201.798T12%2020.48t-1.798-.74t-.74-1.798q0-.917.581-1.612t1.457-.866v-4.916q-.375-.05-.709-.171t-.632-.325l-4.492%206.152q.327.35.532.797t.205.96q0%201.058-.74%201.798q-.741.741-1.798.741q-1.058%200-1.799-.74%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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