i groups perspective crowd icon

i-groups-perspective-crowd from Health Icons by Resolve to Save Lives · Filled · People · MIT Free for personal and commercial use.

Name
i-groups-perspective-crowd
Set
Health Icons
Style
Filled
Category
People
Viewbox
48×48
License
MIT

1 other variant in Health Icons

i-groups-perspective-crowd-outline

More people icons from Health Icons

agricultureagriculture-workeragriculture-worker-altancvasthmababy-0203-altbaby-0203mbaby-0306mbaby-female-0203m-altbaby-female-0306mbaby-female-0609mbaby-male-0203m-altbaby-male-0306mbaby-male-0609mboy-0105yboy-1015ycall-centrechild-carechild-cognitionchild-programcity-workerclean-handscommunity-healthworkerconstruction-worker

Use the i groups perspective crowd icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="currentColor"><path d="M18 16.5a4.5 4.5 0 0 1-4.5 4.5A4.5 4.5 0 0 1 9 16.5c0-2.486 2.014-4.5 4.5-4.5s4.5 2.014 4.5 4.5M4 28.333C4 24.787 10.33 23 13.5 23s9.5 1.787 9.5 5.333V36H4zM39 16.5a4.5 4.5 0 0 1-4.5 4.5a4.5 4.5 0 0 1-4.5-4.5c0-2.486 2.014-4.5 4.5-4.5s4.5 2.014 4.5 4.5M27 15a3 3 0 1 1-6 0a3 3 0 1 1 6 0m-2 13.333C25 24.787 31.33 23 34.5 23s9.5 1.787 9.5 5.333V36H25z"/><path fill-rule="evenodd" d="M28.75 22.185q-.4.147-.788.313c-1.17.5-2.353 1.176-3.272 2.08c-.246.243-.48.508-.69.797a6.5 6.5 0 0 0-.69-.797c-.919-.904-2.101-1.58-3.273-2.08a17 17 0 0 0-.788-.313C20.772 21.396 22.73 21 24 21s3.228.396 4.75 1.185" clip-rule="evenodd"/></g></svg>

React

import type { SVGProps } from "react";

export function HealthiconsIGroupsPerspectiveCrowd(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="currentColor"><path d="M18 16.5a4.5 4.5 0 0 1-4.5 4.5A4.5 4.5 0 0 1 9 16.5c0-2.486 2.014-4.5 4.5-4.5s4.5 2.014 4.5 4.5M4 28.333C4 24.787 10.33 23 13.5 23s9.5 1.787 9.5 5.333V36H4zM39 16.5a4.5 4.5 0 0 1-4.5 4.5a4.5 4.5 0 0 1-4.5-4.5c0-2.486 2.014-4.5 4.5-4.5s4.5 2.014 4.5 4.5M27 15a3 3 0 1 1-6 0a3 3 0 1 1 6 0m-2 13.333C25 24.787 31.33 23 34.5 23s9.5 1.787 9.5 5.333V36H25z"/><path fillRule="evenodd" d="M28.75 22.185q-.4.147-.788.313c-1.17.5-2.353 1.176-3.272 2.08c-.246.243-.48.508-.69.797a6.5 6.5 0 0 0-.69-.797c-.919-.904-2.101-1.58-3.273-2.08a17 17 0 0 0-.788-.313C20.772 21.396 22.73 21 24 21s3.228.396 4.75 1.185" clipRule="evenodd"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="currentColor"><path d="M18 16.5a4.5 4.5 0 0 1-4.5 4.5A4.5 4.5 0 0 1 9 16.5c0-2.486 2.014-4.5 4.5-4.5s4.5 2.014 4.5 4.5M4 28.333C4 24.787 10.33 23 13.5 23s9.5 1.787 9.5 5.333V36H4zM39 16.5a4.5 4.5 0 0 1-4.5 4.5a4.5 4.5 0 0 1-4.5-4.5c0-2.486 2.014-4.5 4.5-4.5s4.5 2.014 4.5 4.5M27 15a3 3 0 1 1-6 0a3 3 0 1 1 6 0m-2 13.333C25 24.787 31.33 23 34.5 23s9.5 1.787 9.5 5.333V36H25z"/><path fill-rule="evenodd" d="M28.75 22.185q-.4.147-.788.313c-1.17.5-2.353 1.176-3.272 2.08c-.246.243-.48.508-.69.797a6.5 6.5 0 0 0-.69-.797c-.919-.904-2.101-1.58-3.273-2.08a17 17 0 0 0-.788-.313C20.772 21.396 22.73 21 24 21s3.228.396 4.75 1.185" clip-rule="evenodd"/></g></svg>
</template>

CSS

.icon-i-groups-perspective-crowd {
  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%2048%2048%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M18%2016.5a4.5%204.5%200%200%201-4.5%204.5A4.5%204.5%200%200%201%209%2016.5c0-2.486%202.014-4.5%204.5-4.5s4.5%202.014%204.5%204.5M4%2028.333C4%2024.787%2010.33%2023%2013.5%2023s9.5%201.787%209.5%205.333V36H4zM39%2016.5a4.5%204.5%200%200%201-4.5%204.5a4.5%204.5%200%200%201-4.5-4.5c0-2.486%202.014-4.5%204.5-4.5s4.5%202.014%204.5%204.5M27%2015a3%203%200%201%201-6%200a3%203%200%201%201%206%200m-2%2013.333C25%2024.787%2031.33%2023%2034.5%2023s9.5%201.787%209.5%205.333V36H25z%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M28.75%2022.185q-.4.147-.788.313c-1.17.5-2.353%201.176-3.272%202.08c-.246.243-.48.508-.69.797a6.5%206.5%200%200%200-.69-.797c-.919-.904-2.101-1.58-3.273-2.08a17%2017%200%200%200-.788-.313C20.772%2021.396%2022.73%2021%2024%2021s3.228.396%204.75%201.185%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%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%2048%2048%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M18%2016.5a4.5%204.5%200%200%201-4.5%204.5A4.5%204.5%200%200%201%209%2016.5c0-2.486%202.014-4.5%204.5-4.5s4.5%202.014%204.5%204.5M4%2028.333C4%2024.787%2010.33%2023%2013.5%2023s9.5%201.787%209.5%205.333V36H4zM39%2016.5a4.5%204.5%200%200%201-4.5%204.5a4.5%204.5%200%200%201-4.5-4.5c0-2.486%202.014-4.5%204.5-4.5s4.5%202.014%204.5%204.5M27%2015a3%203%200%201%201-6%200a3%203%200%201%201%206%200m-2%2013.333C25%2024.787%2031.33%2023%2034.5%2023s9.5%201.787%209.5%205.333V36H25z%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M28.75%2022.185q-.4.147-.788.313c-1.17.5-2.353%201.176-3.272%202.08c-.246.243-.48.508-.69.797a6.5%206.5%200%200%200-.69-.797c-.919-.904-2.101-1.58-3.273-2.08a17%2017%200%200%200-.788-.313C20.772%2021.396%2022.73%2021%2024%2021s3.228.396%204.75%201.185%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/healthicons/i-groups-perspective-crowd.svg?color=%231a73e8&size=48