people size increase icon

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

Name
people-size-increase-rounded
Set
Material Symbols
Style
Rounded
Category
Social
Viewbox
24×24
License
Apache 2.0
Aliases
people-size-increase-outline-rounded

1 other variant in Material Symbols

The same icon in other sets

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="M20.288 8.1q.562.1.937.3t.575.488t.2.662v3.95q0 .425-.288.713T21 14.5h-.5v4q0 .625-.437 1.063T19 20t-1.062-.437T17.5 18.5v-4H17q-.425 0-.712-.288T16 13.5V9.55q0-.375.2-.663t.575-.487t.938-.3T19 8t1.288.1M19 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.362m7-.75q.65 0 1.175.088t.875.262t.525.438t.175.612v3.1q0 .425-.287.713t-.713.287h-.5v3.25q0 .525-.363.888T11.5 20t-.888-.363t-.362-.887V15.5h-.5q-.425 0-.712-.288T8.75 14.5v-3.1q0-.35.175-.612t.525-.438t.875-.262T11.5 10m-7 1.5q.6 0 1.063.075t.787.25t.488.413t.162.537V15.5q0 .425-.288.713T6 16.5h-.5V19q0 .425-.288.713T4.5 20t-.712-.288T3.5 19v-2.5H3q-.425 0-.712-.288T2 15.5v-2.725q0-.3.163-.537t.487-.413t.788-.25T4.5 11.5"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsPeopleSizeIncreaseRounded(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="M20.288 8.1q.562.1.937.3t.575.488t.2.662v3.95q0 .425-.288.713T21 14.5h-.5v4q0 .625-.437 1.063T19 20t-1.062-.437T17.5 18.5v-4H17q-.425 0-.712-.288T16 13.5V9.55q0-.375.2-.663t.575-.487t.938-.3T19 8t1.288.1M19 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.362m7-.75q.65 0 1.175.088t.875.262t.525.438t.175.612v3.1q0 .425-.287.713t-.713.287h-.5v3.25q0 .525-.363.888T11.5 20t-.888-.363t-.362-.887V15.5h-.5q-.425 0-.712-.288T8.75 14.5v-3.1q0-.35.175-.612t.525-.438t.875-.262T11.5 10m-7 1.5q.6 0 1.063.075t.787.25t.488.413t.162.537V15.5q0 .425-.288.713T6 16.5h-.5V19q0 .425-.288.713T4.5 20t-.712-.288T3.5 19v-2.5H3q-.425 0-.712-.288T2 15.5v-2.725q0-.3.163-.537t.487-.413t.788-.25T4.5 11.5"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M20.288 8.1q.562.1.937.3t.575.488t.2.662v3.95q0 .425-.288.713T21 14.5h-.5v4q0 .625-.437 1.063T19 20t-1.062-.437T17.5 18.5v-4H17q-.425 0-.712-.288T16 13.5V9.55q0-.375.2-.663t.575-.487t.938-.3T19 8t1.288.1M19 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.362m7-.75q.65 0 1.175.088t.875.262t.525.438t.175.612v3.1q0 .425-.287.713t-.713.287h-.5v3.25q0 .525-.363.888T11.5 20t-.888-.363t-.362-.887V15.5h-.5q-.425 0-.712-.288T8.75 14.5v-3.1q0-.35.175-.612t.525-.438t.875-.262T11.5 10m-7 1.5q.6 0 1.063.075t.787.25t.488.413t.162.537V15.5q0 .425-.288.713T6 16.5h-.5V19q0 .425-.288.713T4.5 20t-.712-.288T3.5 19v-2.5H3q-.425 0-.712-.288T2 15.5v-2.725q0-.3.163-.537t.487-.413t.788-.25T4.5 11.5"/></svg>
</template>

CSS

.icon-people-size-increase-rounded {
  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%22M20.288%208.1q.562.1.937.3t.575.488t.2.662v3.95q0%20.425-.288.713T21%2014.5h-.5v4q0%20.625-.437%201.063T19%2020t-1.062-.437T17.5%2018.5v-4H17q-.425%200-.712-.288T16%2013.5V9.55q0-.375.2-.663t.575-.487t.938-.3T19%208t1.288.1M19%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.362m7-.75q.65%200%201.175.088t.875.262t.525.438t.175.612v3.1q0%20.425-.287.713t-.713.287h-.5v3.25q0%20.525-.363.888T11.5%2020t-.888-.363t-.362-.887V15.5h-.5q-.425%200-.712-.288T8.75%2014.5v-3.1q0-.35.175-.612t.525-.438t.875-.262T11.5%2010m-7%201.5q.6%200%201.063.075t.787.25t.488.413t.162.537V15.5q0%20.425-.288.713T6%2016.5h-.5V19q0%20.425-.288.713T4.5%2020t-.712-.288T3.5%2019v-2.5H3q-.425%200-.712-.288T2%2015.5v-2.725q0-.3.163-.537t.487-.413t.788-.25T4.5%2011.5%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%22M20.288%208.1q.562.1.937.3t.575.488t.2.662v3.95q0%20.425-.288.713T21%2014.5h-.5v4q0%20.625-.437%201.063T19%2020t-1.062-.437T17.5%2018.5v-4H17q-.425%200-.712-.288T16%2013.5V9.55q0-.375.2-.663t.575-.487t.938-.3T19%208t1.288.1M19%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.362m7-.75q.65%200%201.175.088t.875.262t.525.438t.175.612v3.1q0%20.425-.287.713t-.713.287h-.5v3.25q0%20.525-.363.888T11.5%2020t-.888-.363t-.362-.887V15.5h-.5q-.425%200-.712-.288T8.75%2014.5v-3.1q0-.35.175-.612t.525-.438t.875-.262T11.5%2010m-7%201.5q.6%200%201.063.075t.787.25t.488.413t.162.537V15.5q0%20.425-.288.713T6%2016.5h-.5V19q0%20.425-.288.713T4.5%2020t-.712-.288T3.5%2019v-2.5H3q-.425%200-.712-.288T2%2015.5v-2.725q0-.3.163-.537t.487-.413t.788-.25T4.5%2011.5%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-rounded.svg?color=%231a73e8&size=48