people size decrease icon

people-size-decrease from Material Symbols by Google · Regular · Social · Apache-2.0 Free for personal and commercial use.

Name: people-size-decrease
Set: Material Symbols
Style: Regular
Category: Social
Viewbox: 24×24
License: Apache 2.0
Aliases: people-size-decrease-outline, people-size-decrease-outline-sharp, people-size-decrease-sharp

1 other variant in Material Symbols

people-size-decrease-rounded

More social icons from Material Symbols

Use the people size decrease icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M3.5 20v-5.5H2V9.55q0-.375.2-.663t.575-.487t.938-.3T5 8t1.288.1t.937.3t.575.488t.2.662v4.95H6.5V20zM5 7q-.725 0-1.237-.513T3.25 5.25t.513-1.237T5 3.5t1.238.513t.512 1.237t-.513 1.238T5 7m7.5 2q-.625 0-1.062-.437T11 7.5t.438-1.062T12.5 6t1.063.438T14 7.5t-.437 1.063T12.5 9m7 1.75q-.525 0-.888-.363T18.25 9.5t.363-.888t.887-.362t.888.363t.362.887t-.363.888t-.887.362M11.25 20v-4.5h-1.5v-4.1q0-.35.175-.612t.525-.438t.875-.262T12.5 10t1.175.088t.875.262t.525.438t.175.612v4.1h-1.5V20zm7.25 0v-3.5H17v-3.725q0-.3.163-.537t.487-.413t.788-.25T19.5 11.5t1.063.075t.787.25t.488.413t.162.537V16.5h-1.5V20z"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsPeopleSizeDecrease(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="M3.5 20v-5.5H2V9.55q0-.375.2-.663t.575-.487t.938-.3T5 8t1.288.1t.937.3t.575.488t.2.662v4.95H6.5V20zM5 7q-.725 0-1.237-.513T3.25 5.25t.513-1.237T5 3.5t1.238.513t.512 1.237t-.513 1.238T5 7m7.5 2q-.625 0-1.062-.437T11 7.5t.438-1.062T12.5 6t1.063.438T14 7.5t-.437 1.063T12.5 9m7 1.75q-.525 0-.888-.363T18.25 9.5t.363-.888t.887-.362t.888.363t.362.887t-.363.888t-.887.362M11.25 20v-4.5h-1.5v-4.1q0-.35.175-.612t.525-.438t.875-.262T12.5 10t1.175.088t.875.262t.525.438t.175.612v4.1h-1.5V20zm7.25 0v-3.5H17v-3.725q0-.3.163-.537t.487-.413t.788-.25T19.5 11.5t1.063.075t.787.25t.488.413t.162.537V16.5h-1.5V20z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M3.5 20v-5.5H2V9.55q0-.375.2-.663t.575-.487t.938-.3T5 8t1.288.1t.937.3t.575.488t.2.662v4.95H6.5V20zM5 7q-.725 0-1.237-.513T3.25 5.25t.513-1.237T5 3.5t1.238.513t.512 1.237t-.513 1.238T5 7m7.5 2q-.625 0-1.062-.437T11 7.5t.438-1.062T12.5 6t1.063.438T14 7.5t-.437 1.063T12.5 9m7 1.75q-.525 0-.888-.363T18.25 9.5t.363-.888t.887-.362t.888.363t.362.887t-.363.888t-.887.362M11.25 20v-4.5h-1.5v-4.1q0-.35.175-.612t.525-.438t.875-.262T12.5 10t1.175.088t.875.262t.525.438t.175.612v4.1h-1.5V20zm7.25 0v-3.5H17v-3.725q0-.3.163-.537t.487-.413t.788-.25T19.5 11.5t1.063.075t.787.25t.488.413t.162.537V16.5h-1.5V20z"/></svg>
</template>

CSS

.icon-people-size-decrease {
  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%22M3.5%2020v-5.5H2V9.55q0-.375.2-.663t.575-.487t.938-.3T5%208t1.288.1t.937.3t.575.488t.2.662v4.95H6.5V20zM5%207q-.725%200-1.237-.513T3.25%205.25t.513-1.237T5%203.5t1.238.513t.512%201.237t-.513%201.238T5%207m7.5%202q-.625%200-1.062-.437T11%207.5t.438-1.062T12.5%206t1.063.438T14%207.5t-.437%201.063T12.5%209m7%201.75q-.525%200-.888-.363T18.25%209.5t.363-.888t.887-.362t.888.363t.362.887t-.363.888t-.887.362M11.25%2020v-4.5h-1.5v-4.1q0-.35.175-.612t.525-.438t.875-.262T12.5%2010t1.175.088t.875.262t.525.438t.175.612v4.1h-1.5V20zm7.25%200v-3.5H17v-3.725q0-.3.163-.537t.487-.413t.788-.25T19.5%2011.5t1.063.075t.787.25t.488.413t.162.537V16.5h-1.5V20z%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%22M3.5%2020v-5.5H2V9.55q0-.375.2-.663t.575-.487t.938-.3T5%208t1.288.1t.937.3t.575.488t.2.662v4.95H6.5V20zM5%207q-.725%200-1.237-.513T3.25%205.25t.513-1.237T5%203.5t1.238.513t.512%201.237t-.513%201.238T5%207m7.5%202q-.625%200-1.062-.437T11%207.5t.438-1.062T12.5%206t1.063.438T14%207.5t-.437%201.063T12.5%209m7%201.75q-.525%200-.888-.363T18.25%209.5t.363-.888t.887-.362t.888.363t.362.887t-.363.888t-.887.362M11.25%2020v-4.5h-1.5v-4.1q0-.35.175-.612t.525-.438t.875-.262T12.5%2010t1.175.088t.875.262t.525.438t.175.612v4.1h-1.5V20zm7.25%200v-3.5H17v-3.725q0-.3.163-.537t.487-.413t.788-.25T19.5%2011.5t1.063.075t.787.25t.488.413t.162.537V16.5h-1.5V20z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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