people size increase icon

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

Name: people-size-increase
Set: Material Symbols Light
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 Light

people-size-increase-rounded

The same icon in other sets

people-size-increaseMaterial Symbols

More social icons from Material Symbols Light

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.346 19v-4.98h-1.404V9.944q0-.308.172-.548q.17-.24.488-.42t.787-.261t1.076-.081t1.073.08t.783.262t.489.422q.17.24.17.555v4.065h-1.403V19zm1.12-11.365q-.556 0-.953-.39t-.397-.939t.393-.938t.949-.387t.953.389t.397.94t-.393.937t-.95.387m-6.95 1.827q-.467 0-.789-.312q-.322-.313-.322-.784q0-.47.327-.783t.793-.313q.467 0 .789.313t.322.783t-.327.784t-.793.312m-6.457 1.423q-.371 0-.628-.247t-.257-.618t.257-.618t.628-.247q.37 0 .628.25t.256.615t-.256.615t-.628.25M10.635 19v-4.077H9.25V11.65q0-.288.146-.505q.146-.216.434-.372t.721-.233t.968-.078t.973.078q.439.077.731.233q.293.156.439.372q.146.217.146.505v3.273h-1.404V19zm-6.231 0v-3.154H3V12.91q0-.256.134-.458q.133-.202.4-.338q.269-.137.65-.212t.874-.075t.875.075t.648.212t.4.338q.135.202.135.458v2.936H5.712V19z"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsLightPeopleSizeIncrease(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.346 19v-4.98h-1.404V9.944q0-.308.172-.548q.17-.24.488-.42t.787-.261t1.076-.081t1.073.08t.783.262t.489.422q.17.24.17.555v4.065h-1.403V19zm1.12-11.365q-.556 0-.953-.39t-.397-.939t.393-.938t.949-.387t.953.389t.397.94t-.393.937t-.95.387m-6.95 1.827q-.467 0-.789-.312q-.322-.313-.322-.784q0-.47.327-.783t.793-.313q.467 0 .789.313t.322.783t-.327.784t-.793.312m-6.457 1.423q-.371 0-.628-.247t-.257-.618t.257-.618t.628-.247q.37 0 .628.25t.256.615t-.256.615t-.628.25M10.635 19v-4.077H9.25V11.65q0-.288.146-.505q.146-.216.434-.372t.721-.233t.968-.078t.973.078q.439.077.731.233q.293.156.439.372q.146.217.146.505v3.273h-1.404V19zm-6.231 0v-3.154H3V12.91q0-.256.134-.458q.133-.202.4-.338q.269-.137.65-.212t.874-.075t.875.075t.648.212t.4.338q.135.202.135.458v2.936H5.712V19z"/></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.346 19v-4.98h-1.404V9.944q0-.308.172-.548q.17-.24.488-.42t.787-.261t1.076-.081t1.073.08t.783.262t.489.422q.17.24.17.555v4.065h-1.403V19zm1.12-11.365q-.556 0-.953-.39t-.397-.939t.393-.938t.949-.387t.953.389t.397.94t-.393.937t-.95.387m-6.95 1.827q-.467 0-.789-.312q-.322-.313-.322-.784q0-.47.327-.783t.793-.313q.467 0 .789.313t.322.783t-.327.784t-.793.312m-6.457 1.423q-.371 0-.628-.247t-.257-.618t.257-.618t.628-.247q.37 0 .628.25t.256.615t-.256.615t-.628.25M10.635 19v-4.077H9.25V11.65q0-.288.146-.505q.146-.216.434-.372t.721-.233t.968-.078t.973.078q.439.077.731.233q.293.156.439.372q.146.217.146.505v3.273h-1.404V19zm-6.231 0v-3.154H3V12.91q0-.256.134-.458q.133-.202.4-.338q.269-.137.65-.212t.874-.075t.875.075t.648.212t.4.338q.135.202.135.458v2.936H5.712V19z"/></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.346%2019v-4.98h-1.404V9.944q0-.308.172-.548q.17-.24.488-.42t.787-.261t1.076-.081t1.073.08t.783.262t.489.422q.17.24.17.555v4.065h-1.403V19zm1.12-11.365q-.556%200-.953-.39t-.397-.939t.393-.938t.949-.387t.953.389t.397.94t-.393.937t-.95.387m-6.95%201.827q-.467%200-.789-.312q-.322-.313-.322-.784q0-.47.327-.783t.793-.313q.467%200%20.789.313t.322.783t-.327.784t-.793.312m-6.457%201.423q-.371%200-.628-.247t-.257-.618t.257-.618t.628-.247q.37%200%20.628.25t.256.615t-.256.615t-.628.25M10.635%2019v-4.077H9.25V11.65q0-.288.146-.505q.146-.216.434-.372t.721-.233t.968-.078t.973.078q.439.077.731.233q.293.156.439.372q.146.217.146.505v3.273h-1.404V19zm-6.231%200v-3.154H3V12.91q0-.256.134-.458q.133-.202.4-.338q.269-.137.65-.212t.874-.075t.875.075t.648.212t.4.338q.135.202.135.458v2.936H5.712V19z%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.346%2019v-4.98h-1.404V9.944q0-.308.172-.548q.17-.24.488-.42t.787-.261t1.076-.081t1.073.08t.783.262t.489.422q.17.24.17.555v4.065h-1.403V19zm1.12-11.365q-.556%200-.953-.39t-.397-.939t.393-.938t.949-.387t.953.389t.397.94t-.393.937t-.95.387m-6.95%201.827q-.467%200-.789-.312q-.322-.313-.322-.784q0-.47.327-.783t.793-.313q.467%200%20.789.313t.322.783t-.327.784t-.793.312m-6.457%201.423q-.371%200-.628-.247t-.257-.618t.257-.618t.628-.247q.37%200%20.628.25t.256.615t-.256.615t-.628.25M10.635%2019v-4.077H9.25V11.65q0-.288.146-.505q.146-.216.434-.372t.721-.233t.968-.078t.973.078q.439.077.731.233q.293.156.439.372q.146.217.146.505v3.273h-1.404V19zm-6.231%200v-3.154H3V12.91q0-.256.134-.458q.133-.202.4-.338q.269-.137.65-.212t.874-.075t.875.075t.648.212t.4.338q.135.202.135.458v2.936H5.712V19z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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