people icon
people-32-regular from Fluent UI System Icons by Microsoft Corporation · 32 Regular · MIT Free for personal and commercial use.
- Name
- people-32-regular
- Set
- Fluent UI System Icons
- Style
- 32 Regular
- Viewbox
- 32×32
- License
- MIT
14 other variants in Fluent UI System Icons
The same icon in other sets
Related icons in Fluent UI System Icons
people-add-16-filledpeople-audience-20-filledpeople-call-16-filledpeople-chat-16-filledpeople-checkmark-16-filledpeople-communication-16-filledpeople-community-12-filledpeople-community-add-20-filledpeople-edit-16-filledpeople-error-16-filledpeople-eye-16-filledpeople-game-controller-20-filledpeople-interwoven-16-filledpeople-link-16-filledpeople-list-16-filledpeople-lock-16-filledpeople-money-20-filledpeople-prohibited-16-filledpeople-queue-20-filledpeople-search-20-filledpeople-settings-20-filledpeople-star-16-filledpeople-subtract-20-filledpeople-swap-16-filled
Use the people icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M7 10.5a3.5 3.5 0 1 1 7 0a3.5 3.5 0 0 1-7 0M10.5 5a5.5 5.5 0 1 0 0 11a5.5 5.5 0 0 0 0-11M21 12a2 2 0 1 1 4 0a2 2 0 0 1-4 0m2-4a4 4 0 1 0 0 8a4 4 0 0 0 0-8M2 21a3 3 0 0 1 3-3h11a3 3 0 0 1 3 3v.226a3 3 0 0 1-.02.279c-.02.173-.057.408-.13.686a5.6 5.6 0 0 1-.999 2.017C16.681 25.71 14.48 27 10.5 27s-6.18-1.29-7.351-2.792a5.6 5.6 0 0 1-1-2.017a5 5 0 0 1-.146-.898l-.002-.067v-.023L2 21.195zm2 .178v.012q0 .026.009.094c.01.09.031.23.076.404c.09.348.273.818.641 1.291C5.431 23.883 6.98 25 10.5 25s5.07-1.117 5.774-2.02a3.6 3.6 0 0 0 .64-1.292A3 3 0 0 0 17 21.19l.001-.012V21a1 1 0 0 0-1-1H5a1 1 0 0 0-1 1zm15.477 3.314c.93.316 2.087.508 3.523.508c3.201 0 5.02-.953 6.013-2.125c.483-.57.73-1.148.855-1.592a3.7 3.7 0 0 0 .129-.729l.001-.036l.001-.022v-.038A2.457 2.457 0 0 0 27.542 18h-8.189c.5.559.863 1.243 1.035 2h7.154c.25 0 .452.199.458.446l-.004.044a2 2 0 0 1-.052.25c-.062.22-.19.528-.457.843C26.98 22.182 25.799 23 23 23c-1.165 0-2.049-.142-2.721-.35a7 7 0 0 1-.802 1.842"/></svg>
React
import type { SVGProps } from "react";
export function FluentPeople32Regular(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M7 10.5a3.5 3.5 0 1 1 7 0a3.5 3.5 0 0 1-7 0M10.5 5a5.5 5.5 0 1 0 0 11a5.5 5.5 0 0 0 0-11M21 12a2 2 0 1 1 4 0a2 2 0 0 1-4 0m2-4a4 4 0 1 0 0 8a4 4 0 0 0 0-8M2 21a3 3 0 0 1 3-3h11a3 3 0 0 1 3 3v.226a3 3 0 0 1-.02.279c-.02.173-.057.408-.13.686a5.6 5.6 0 0 1-.999 2.017C16.681 25.71 14.48 27 10.5 27s-6.18-1.29-7.351-2.792a5.6 5.6 0 0 1-1-2.017a5 5 0 0 1-.146-.898l-.002-.067v-.023L2 21.195zm2 .178v.012q0 .026.009.094c.01.09.031.23.076.404c.09.348.273.818.641 1.291C5.431 23.883 6.98 25 10.5 25s5.07-1.117 5.774-2.02a3.6 3.6 0 0 0 .64-1.292A3 3 0 0 0 17 21.19l.001-.012V21a1 1 0 0 0-1-1H5a1 1 0 0 0-1 1zm15.477 3.314c.93.316 2.087.508 3.523.508c3.201 0 5.02-.953 6.013-2.125c.483-.57.73-1.148.855-1.592a3.7 3.7 0 0 0 .129-.729l.001-.036l.001-.022v-.038A2.457 2.457 0 0 0 27.542 18h-8.189c.5.559.863 1.243 1.035 2h7.154c.25 0 .452.199.458.446l-.004.044a2 2 0 0 1-.052.25c-.062.22-.19.528-.457.843C26.98 22.182 25.799 23 23 23c-1.165 0-2.049-.142-2.721-.35a7 7 0 0 1-.802 1.842"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M7 10.5a3.5 3.5 0 1 1 7 0a3.5 3.5 0 0 1-7 0M10.5 5a5.5 5.5 0 1 0 0 11a5.5 5.5 0 0 0 0-11M21 12a2 2 0 1 1 4 0a2 2 0 0 1-4 0m2-4a4 4 0 1 0 0 8a4 4 0 0 0 0-8M2 21a3 3 0 0 1 3-3h11a3 3 0 0 1 3 3v.226a3 3 0 0 1-.02.279c-.02.173-.057.408-.13.686a5.6 5.6 0 0 1-.999 2.017C16.681 25.71 14.48 27 10.5 27s-6.18-1.29-7.351-2.792a5.6 5.6 0 0 1-1-2.017a5 5 0 0 1-.146-.898l-.002-.067v-.023L2 21.195zm2 .178v.012q0 .026.009.094c.01.09.031.23.076.404c.09.348.273.818.641 1.291C5.431 23.883 6.98 25 10.5 25s5.07-1.117 5.774-2.02a3.6 3.6 0 0 0 .64-1.292A3 3 0 0 0 17 21.19l.001-.012V21a1 1 0 0 0-1-1H5a1 1 0 0 0-1 1zm15.477 3.314c.93.316 2.087.508 3.523.508c3.201 0 5.02-.953 6.013-2.125c.483-.57.73-1.148.855-1.592a3.7 3.7 0 0 0 .129-.729l.001-.036l.001-.022v-.038A2.457 2.457 0 0 0 27.542 18h-8.189c.5.559.863 1.243 1.035 2h7.154c.25 0 .452.199.458.446l-.004.044a2 2 0 0 1-.052.25c-.062.22-.19.528-.457.843C26.98 22.182 25.799 23 23 23c-1.165 0-2.049-.142-2.721-.35a7 7 0 0 1-.802 1.842"/></svg> </template>
CSS
.icon-people-32-regular {
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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M7%2010.5a3.5%203.5%200%201%201%207%200a3.5%203.5%200%200%201-7%200M10.5%205a5.5%205.5%200%201%200%200%2011a5.5%205.5%200%200%200%200-11M21%2012a2%202%200%201%201%204%200a2%202%200%200%201-4%200m2-4a4%204%200%201%200%200%208a4%204%200%200%200%200-8M2%2021a3%203%200%200%201%203-3h11a3%203%200%200%201%203%203v.226a3%203%200%200%201-.02.279c-.02.173-.057.408-.13.686a5.6%205.6%200%200%201-.999%202.017C16.681%2025.71%2014.48%2027%2010.5%2027s-6.18-1.29-7.351-2.792a5.6%205.6%200%200%201-1-2.017a5%205%200%200%201-.146-.898l-.002-.067v-.023L2%2021.195zm2%20.178v.012q0%20.026.009.094c.01.09.031.23.076.404c.09.348.273.818.641%201.291C5.431%2023.883%206.98%2025%2010.5%2025s5.07-1.117%205.774-2.02a3.6%203.6%200%200%200%20.64-1.292A3%203%200%200%200%2017%2021.19l.001-.012V21a1%201%200%200%200-1-1H5a1%201%200%200%200-1%201zm15.477%203.314c.93.316%202.087.508%203.523.508c3.201%200%205.02-.953%206.013-2.125c.483-.57.73-1.148.855-1.592a3.7%203.7%200%200%200%20.129-.729l.001-.036l.001-.022v-.038A2.457%202.457%200%200%200%2027.542%2018h-8.189c.5.559.863%201.243%201.035%202h7.154c.25%200%20.452.199.458.446l-.004.044a2%202%200%200%201-.052.25c-.062.22-.19.528-.457.843C26.98%2022.182%2025.799%2023%2023%2023c-1.165%200-2.049-.142-2.721-.35a7%207%200%200%201-.802%201.842%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M7%2010.5a3.5%203.5%200%201%201%207%200a3.5%203.5%200%200%201-7%200M10.5%205a5.5%205.5%200%201%200%200%2011a5.5%205.5%200%200%200%200-11M21%2012a2%202%200%201%201%204%200a2%202%200%200%201-4%200m2-4a4%204%200%201%200%200%208a4%204%200%200%200%200-8M2%2021a3%203%200%200%201%203-3h11a3%203%200%200%201%203%203v.226a3%203%200%200%201-.02.279c-.02.173-.057.408-.13.686a5.6%205.6%200%200%201-.999%202.017C16.681%2025.71%2014.48%2027%2010.5%2027s-6.18-1.29-7.351-2.792a5.6%205.6%200%200%201-1-2.017a5%205%200%200%201-.146-.898l-.002-.067v-.023L2%2021.195zm2%20.178v.012q0%20.026.009.094c.01.09.031.23.076.404c.09.348.273.818.641%201.291C5.431%2023.883%206.98%2025%2010.5%2025s5.07-1.117%205.774-2.02a3.6%203.6%200%200%200%20.64-1.292A3%203%200%200%200%2017%2021.19l.001-.012V21a1%201%200%200%200-1-1H5a1%201%200%200%200-1%201zm15.477%203.314c.93.316%202.087.508%203.523.508c3.201%200%205.02-.953%206.013-2.125c.483-.57.73-1.148.855-1.592a3.7%203.7%200%200%200%20.129-.729l.001-.036l.001-.022v-.038A2.457%202.457%200%200%200%2027.542%2018h-8.189c.5.559.863%201.243%201.035%202h7.154c.25%200%20.452.199.458.446l-.004.044a2%202%200%200%201-.052.25c-.062.22-.19.528-.457.843C26.98%2022.182%2025.799%2023%2023%2023c-1.165%200-2.049-.142-2.721-.35a7%207%200%200%201-.802%201.842%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/people-32-regular.svg?color=%231a73e8&size=48
