people icon
people-outline from Health Icons by Resolve to Save Lives · Outline · People · MIT Free for personal and commercial use.
- Name
- people-outline
- Set
- Health Icons
- Style
- Outline
- Category
- People
- Viewbox
- 48×48
- License
- MIT
- Aliases
- people2x-outline
1 other variant in Health Icons
The same icon in other sets
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 people icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" fill-rule="evenodd" d="M17 24c3.867 0 7-3.133 7-7s-3.133-7-7-7s-7 3.133-7 7s3.133 7 7 7m5-7c0 2.763-2.237 5-5 5s-5-2.237-5-5s2.237-5 5-5s5 2.237 5 5M4 38v-5.6c0-4.256 8.661-6.4 13-6.4c2.886 0 7.685.949 10.575 2.837C29.635 28.28 31.894 28 33.5 28c1.858 0 4.351.374 6.41 1.13c1.026.378 2.009.874 2.752 1.516c.749.647 1.338 1.522 1.338 2.62V38zm2-5.6c0-.317.146-.751.766-1.315c.633-.576 1.607-1.134 2.84-1.62C12.077 28.49 15.077 28 17 28s4.924.49 7.393 1.465c1.234.486 2.208 1.044 2.84 1.62c.621.564.767.998.767 1.315V36H6zm23.353-1.93c1.513-.313 3.03-.47 4.147-.47c1.647 0 3.903.34 5.72 1.008c.909.334 1.644.728 2.135 1.152c.485.419.645.787.645 1.107V36H30v-3.6c0-.7-.235-1.345-.647-1.93M39 20.5c0 3.039-2.461 5.5-5.5 5.5a5.5 5.5 0 0 1-5.5-5.5c0-3.039 2.461-5.5 5.5-5.5s5.5 2.461 5.5 5.5M33.5 24c1.934 0 3.5-1.566 3.5-3.5S35.434 17 33.5 17a3.5 3.5 0 0 0-3.5 3.5c0 1.934 1.566 3.5 3.5 3.5" clip-rule="evenodd"/></svg>
React
import type { SVGProps } from "react";
export function HealthiconsPeopleOutline(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" fillRule="evenodd" d="M17 24c3.867 0 7-3.133 7-7s-3.133-7-7-7s-7 3.133-7 7s3.133 7 7 7m5-7c0 2.763-2.237 5-5 5s-5-2.237-5-5s2.237-5 5-5s5 2.237 5 5M4 38v-5.6c0-4.256 8.661-6.4 13-6.4c2.886 0 7.685.949 10.575 2.837C29.635 28.28 31.894 28 33.5 28c1.858 0 4.351.374 6.41 1.13c1.026.378 2.009.874 2.752 1.516c.749.647 1.338 1.522 1.338 2.62V38zm2-5.6c0-.317.146-.751.766-1.315c.633-.576 1.607-1.134 2.84-1.62C12.077 28.49 15.077 28 17 28s4.924.49 7.393 1.465c1.234.486 2.208 1.044 2.84 1.62c.621.564.767.998.767 1.315V36H6zm23.353-1.93c1.513-.313 3.03-.47 4.147-.47c1.647 0 3.903.34 5.72 1.008c.909.334 1.644.728 2.135 1.152c.485.419.645.787.645 1.107V36H30v-3.6c0-.7-.235-1.345-.647-1.93M39 20.5c0 3.039-2.461 5.5-5.5 5.5a5.5 5.5 0 0 1-5.5-5.5c0-3.039 2.461-5.5 5.5-5.5s5.5 2.461 5.5 5.5M33.5 24c1.934 0 3.5-1.566 3.5-3.5S35.434 17 33.5 17a3.5 3.5 0 0 0-3.5 3.5c0 1.934 1.566 3.5 3.5 3.5" clipRule="evenodd"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" fill-rule="evenodd" d="M17 24c3.867 0 7-3.133 7-7s-3.133-7-7-7s-7 3.133-7 7s3.133 7 7 7m5-7c0 2.763-2.237 5-5 5s-5-2.237-5-5s2.237-5 5-5s5 2.237 5 5M4 38v-5.6c0-4.256 8.661-6.4 13-6.4c2.886 0 7.685.949 10.575 2.837C29.635 28.28 31.894 28 33.5 28c1.858 0 4.351.374 6.41 1.13c1.026.378 2.009.874 2.752 1.516c.749.647 1.338 1.522 1.338 2.62V38zm2-5.6c0-.317.146-.751.766-1.315c.633-.576 1.607-1.134 2.84-1.62C12.077 28.49 15.077 28 17 28s4.924.49 7.393 1.465c1.234.486 2.208 1.044 2.84 1.62c.621.564.767.998.767 1.315V36H6zm23.353-1.93c1.513-.313 3.03-.47 4.147-.47c1.647 0 3.903.34 5.72 1.008c.909.334 1.644.728 2.135 1.152c.485.419.645.787.645 1.107V36H30v-3.6c0-.7-.235-1.345-.647-1.93M39 20.5c0 3.039-2.461 5.5-5.5 5.5a5.5 5.5 0 0 1-5.5-5.5c0-3.039 2.461-5.5 5.5-5.5s5.5 2.461 5.5 5.5M33.5 24c1.934 0 3.5-1.566 3.5-3.5S35.434 17 33.5 17a3.5 3.5 0 0 0-3.5 3.5c0 1.934 1.566 3.5 3.5 3.5" clip-rule="evenodd"/></svg> </template>
CSS
.icon-people-outline {
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%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M17%2024c3.867%200%207-3.133%207-7s-3.133-7-7-7s-7%203.133-7%207s3.133%207%207%207m5-7c0%202.763-2.237%205-5%205s-5-2.237-5-5s2.237-5%205-5s5%202.237%205%205M4%2038v-5.6c0-4.256%208.661-6.4%2013-6.4c2.886%200%207.685.949%2010.575%202.837C29.635%2028.28%2031.894%2028%2033.5%2028c1.858%200%204.351.374%206.41%201.13c1.026.378%202.009.874%202.752%201.516c.749.647%201.338%201.522%201.338%202.62V38zm2-5.6c0-.317.146-.751.766-1.315c.633-.576%201.607-1.134%202.84-1.62C12.077%2028.49%2015.077%2028%2017%2028s4.924.49%207.393%201.465c1.234.486%202.208%201.044%202.84%201.62c.621.564.767.998.767%201.315V36H6zm23.353-1.93c1.513-.313%203.03-.47%204.147-.47c1.647%200%203.903.34%205.72%201.008c.909.334%201.644.728%202.135%201.152c.485.419.645.787.645%201.107V36H30v-3.6c0-.7-.235-1.345-.647-1.93M39%2020.5c0%203.039-2.461%205.5-5.5%205.5a5.5%205.5%200%200%201-5.5-5.5c0-3.039%202.461-5.5%205.5-5.5s5.5%202.461%205.5%205.5M33.5%2024c1.934%200%203.5-1.566%203.5-3.5S35.434%2017%2033.5%2017a3.5%203.5%200%200%200-3.5%203.5c0%201.934%201.566%203.5%203.5%203.5%22%20clip-rule%3D%22evenodd%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%2048%2048%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M17%2024c3.867%200%207-3.133%207-7s-3.133-7-7-7s-7%203.133-7%207s3.133%207%207%207m5-7c0%202.763-2.237%205-5%205s-5-2.237-5-5s2.237-5%205-5s5%202.237%205%205M4%2038v-5.6c0-4.256%208.661-6.4%2013-6.4c2.886%200%207.685.949%2010.575%202.837C29.635%2028.28%2031.894%2028%2033.5%2028c1.858%200%204.351.374%206.41%201.13c1.026.378%202.009.874%202.752%201.516c.749.647%201.338%201.522%201.338%202.62V38zm2-5.6c0-.317.146-.751.766-1.315c.633-.576%201.607-1.134%202.84-1.62C12.077%2028.49%2015.077%2028%2017%2028s4.924.49%207.393%201.465c1.234.486%202.208%201.044%202.84%201.62c.621.564.767.998.767%201.315V36H6zm23.353-1.93c1.513-.313%203.03-.47%204.147-.47c1.647%200%203.903.34%205.72%201.008c.909.334%201.644.728%202.135%201.152c.485.419.645.787.645%201.107V36H30v-3.6c0-.7-.235-1.345-.647-1.93M39%2020.5c0%203.039-2.461%205.5-5.5%205.5a5.5%205.5%200%200%201-5.5-5.5c0-3.039%202.461-5.5%205.5-5.5s5.5%202.461%205.5%205.5M33.5%2024c1.934%200%203.5-1.566%203.5-3.5S35.434%2017%2033.5%2017a3.5%203.5%200%200%200-3.5%203.5c0%201.934%201.566%203.5%203.5%203.5%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/healthicons/people-outline.svg?color=%231a73e8&size=48
