people size increase icon

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

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

1 other variant in Material Symbols

people-size-increase-rounded

The same icon in other sets

people-size-increaseMaterial Symbols Light

More social icons from Material Symbols

Use the people size increase icon

SVG

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

React

import type { SVGProps } from "react";

export function MaterialSymbolsPeopleSizeIncrease(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="M17.5 20v-5.5H16V9.55q0-.375.2-.663t.575-.487t.938-.3T19 8t1.288.1t.937.3t.575.488t.2.662v4.95h-1.5V20zM19 7q-.725 0-1.237-.513T17.25 5.25t.513-1.237T19 3.5t1.238.513t.512 1.237t-.513 1.238T19 7m-7.5 2q-.625 0-1.062-.437T10 7.5t.438-1.062T11.5 6t1.063.438T13 7.5t-.437 1.063T11.5 9m-7 1.75q-.525 0-.888-.363T3.25 9.5t.363-.888t.887-.362t.888.363t.362.887t-.363.888t-.887.362M10.25 20v-4.5h-1.5v-4.1q0-.35.175-.612t.525-.438t.875-.262T11.5 10t1.175.088t.875.262t.525.438t.175.612v4.1h-1.5V20zM3.5 20v-3.5H2v-3.725q0-.3.163-.537t.487-.413t.788-.25T4.5 11.5t1.063.075t.787.25t.488.413t.162.537V16.5H5.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="M17.5 20v-5.5H16V9.55q0-.375.2-.663t.575-.487t.938-.3T19 8t1.288.1t.937.3t.575.488t.2.662v4.95h-1.5V20zM19 7q-.725 0-1.237-.513T17.25 5.25t.513-1.237T19 3.5t1.238.513t.512 1.237t-.513 1.238T19 7m-7.5 2q-.625 0-1.062-.437T10 7.5t.438-1.062T11.5 6t1.063.438T13 7.5t-.437 1.063T11.5 9m-7 1.75q-.525 0-.888-.363T3.25 9.5t.363-.888t.887-.362t.888.363t.362.887t-.363.888t-.887.362M10.25 20v-4.5h-1.5v-4.1q0-.35.175-.612t.525-.438t.875-.262T11.5 10t1.175.088t.875.262t.525.438t.175.612v4.1h-1.5V20zM3.5 20v-3.5H2v-3.725q0-.3.163-.537t.487-.413t.788-.25T4.5 11.5t1.063.075t.787.25t.488.413t.162.537V16.5H5.5V20z"/></svg>
</template>

CSS

.icon-people-size-increase {
  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%22M17.5%2020v-5.5H16V9.55q0-.375.2-.663t.575-.487t.938-.3T19%208t1.288.1t.937.3t.575.488t.2.662v4.95h-1.5V20zM19%207q-.725%200-1.237-.513T17.25%205.25t.513-1.237T19%203.5t1.238.513t.512%201.237t-.513%201.238T19%207m-7.5%202q-.625%200-1.062-.437T10%207.5t.438-1.062T11.5%206t1.063.438T13%207.5t-.437%201.063T11.5%209m-7%201.75q-.525%200-.888-.363T3.25%209.5t.363-.888t.887-.362t.888.363t.362.887t-.363.888t-.887.362M10.25%2020v-4.5h-1.5v-4.1q0-.35.175-.612t.525-.438t.875-.262T11.5%2010t1.175.088t.875.262t.525.438t.175.612v4.1h-1.5V20zM3.5%2020v-3.5H2v-3.725q0-.3.163-.537t.487-.413t.788-.25T4.5%2011.5t1.063.075t.787.25t.488.413t.162.537V16.5H5.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%22M17.5%2020v-5.5H16V9.55q0-.375.2-.663t.575-.487t.938-.3T19%208t1.288.1t.937.3t.575.488t.2.662v4.95h-1.5V20zM19%207q-.725%200-1.237-.513T17.25%205.25t.513-1.237T19%203.5t1.238.513t.512%201.237t-.513%201.238T19%207m-7.5%202q-.625%200-1.062-.437T10%207.5t.438-1.062T11.5%206t1.063.438T13%207.5t-.437%201.063T11.5%209m-7%201.75q-.525%200-.888-.363T3.25%209.5t.363-.888t.887-.362t.888.363t.362.887t-.363.888t-.887.362M10.25%2020v-4.5h-1.5v-4.1q0-.35.175-.612t.525-.438t.875-.262T11.5%2010t1.175.088t.875.262t.525.438t.175.612v4.1h-1.5V20zM3.5%2020v-3.5H2v-3.725q0-.3.163-.537t.487-.413t.788-.25T4.5%2011.5t1.063.075t.787.25t.488.413t.162.537V16.5H5.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-increase.svg?color=%231a73e8&size=48