people icon
people from IonIcons by Ben Sperry · Regular · MIT Free for personal and commercial use.
- Name
- people
- Set
- IonIcons
- Style
- Regular
- Viewbox
- 512×512
- License
- MIT
2 other variants in IonIcons
The same icon in other sets
Related icons in IonIcons
Use the people icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M336 256c-20.56 0-40.44-9.18-56-25.84c-15.13-16.25-24.37-37.92-26-61c-1.74-24.62 5.77-47.26 21.14-63.76S312 80 336 80c23.83 0 45.38 9.06 60.7 25.52c15.47 16.62 23 39.22 21.26 63.63c-1.67 23.11-10.9 44.77-26 61C376.44 246.82 356.57 256 336 256m131.83 176H204.18a27.71 27.71 0 0 1-22-10.67a30.22 30.22 0 0 1-5.26-25.79c8.42-33.81 29.28-61.85 60.32-81.08C264.79 297.4 299.86 288 336 288c36.85 0 71 9 98.71 26.05c31.11 19.13 52 47.33 60.38 81.55a30.27 30.27 0 0 1-5.32 25.78A27.68 27.68 0 0 1 467.83 432M147 260c-35.19 0-66.13-32.72-69-72.93c-1.42-20.6 5-39.65 18-53.62c12.86-13.83 31-21.45 51-21.45s38 7.66 50.93 21.57c13.1 14.08 19.5 33.09 18 53.52c-2.87 40.2-33.8 72.91-68.93 72.91m65.66 31.45c-17.59-8.6-40.42-12.9-65.65-12.9c-29.46 0-58.07 7.68-80.57 21.62c-25.51 15.83-42.67 38.88-49.6 66.71a27.39 27.39 0 0 0 4.79 23.36A25.32 25.32 0 0 0 41.72 400h111a8 8 0 0 0 7.87-6.57c.11-.63.25-1.26.41-1.88c8.48-34.06 28.35-62.84 57.71-83.82a8 8 0 0 0-.63-13.39c-1.57-.92-3.37-1.89-5.42-2.89"/></svg>
React
import type { SVGProps } from "react";
export function IonPeople(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M336 256c-20.56 0-40.44-9.18-56-25.84c-15.13-16.25-24.37-37.92-26-61c-1.74-24.62 5.77-47.26 21.14-63.76S312 80 336 80c23.83 0 45.38 9.06 60.7 25.52c15.47 16.62 23 39.22 21.26 63.63c-1.67 23.11-10.9 44.77-26 61C376.44 246.82 356.57 256 336 256m131.83 176H204.18a27.71 27.71 0 0 1-22-10.67a30.22 30.22 0 0 1-5.26-25.79c8.42-33.81 29.28-61.85 60.32-81.08C264.79 297.4 299.86 288 336 288c36.85 0 71 9 98.71 26.05c31.11 19.13 52 47.33 60.38 81.55a30.27 30.27 0 0 1-5.32 25.78A27.68 27.68 0 0 1 467.83 432M147 260c-35.19 0-66.13-32.72-69-72.93c-1.42-20.6 5-39.65 18-53.62c12.86-13.83 31-21.45 51-21.45s38 7.66 50.93 21.57c13.1 14.08 19.5 33.09 18 53.52c-2.87 40.2-33.8 72.91-68.93 72.91m65.66 31.45c-17.59-8.6-40.42-12.9-65.65-12.9c-29.46 0-58.07 7.68-80.57 21.62c-25.51 15.83-42.67 38.88-49.6 66.71a27.39 27.39 0 0 0 4.79 23.36A25.32 25.32 0 0 0 41.72 400h111a8 8 0 0 0 7.87-6.57c.11-.63.25-1.26.41-1.88c8.48-34.06 28.35-62.84 57.71-83.82a8 8 0 0 0-.63-13.39c-1.57-.92-3.37-1.89-5.42-2.89"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M336 256c-20.56 0-40.44-9.18-56-25.84c-15.13-16.25-24.37-37.92-26-61c-1.74-24.62 5.77-47.26 21.14-63.76S312 80 336 80c23.83 0 45.38 9.06 60.7 25.52c15.47 16.62 23 39.22 21.26 63.63c-1.67 23.11-10.9 44.77-26 61C376.44 246.82 356.57 256 336 256m131.83 176H204.18a27.71 27.71 0 0 1-22-10.67a30.22 30.22 0 0 1-5.26-25.79c8.42-33.81 29.28-61.85 60.32-81.08C264.79 297.4 299.86 288 336 288c36.85 0 71 9 98.71 26.05c31.11 19.13 52 47.33 60.38 81.55a30.27 30.27 0 0 1-5.32 25.78A27.68 27.68 0 0 1 467.83 432M147 260c-35.19 0-66.13-32.72-69-72.93c-1.42-20.6 5-39.65 18-53.62c12.86-13.83 31-21.45 51-21.45s38 7.66 50.93 21.57c13.1 14.08 19.5 33.09 18 53.52c-2.87 40.2-33.8 72.91-68.93 72.91m65.66 31.45c-17.59-8.6-40.42-12.9-65.65-12.9c-29.46 0-58.07 7.68-80.57 21.62c-25.51 15.83-42.67 38.88-49.6 66.71a27.39 27.39 0 0 0 4.79 23.36A25.32 25.32 0 0 0 41.72 400h111a8 8 0 0 0 7.87-6.57c.11-.63.25-1.26.41-1.88c8.48-34.06 28.35-62.84 57.71-83.82a8 8 0 0 0-.63-13.39c-1.57-.92-3.37-1.89-5.42-2.89"/></svg> </template>
CSS
.icon-people {
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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M336%20256c-20.56%200-40.44-9.18-56-25.84c-15.13-16.25-24.37-37.92-26-61c-1.74-24.62%205.77-47.26%2021.14-63.76S312%2080%20336%2080c23.83%200%2045.38%209.06%2060.7%2025.52c15.47%2016.62%2023%2039.22%2021.26%2063.63c-1.67%2023.11-10.9%2044.77-26%2061C376.44%20246.82%20356.57%20256%20336%20256m131.83%20176H204.18a27.71%2027.71%200%200%201-22-10.67a30.22%2030.22%200%200%201-5.26-25.79c8.42-33.81%2029.28-61.85%2060.32-81.08C264.79%20297.4%20299.86%20288%20336%20288c36.85%200%2071%209%2098.71%2026.05c31.11%2019.13%2052%2047.33%2060.38%2081.55a30.27%2030.27%200%200%201-5.32%2025.78A27.68%2027.68%200%200%201%20467.83%20432M147%20260c-35.19%200-66.13-32.72-69-72.93c-1.42-20.6%205-39.65%2018-53.62c12.86-13.83%2031-21.45%2051-21.45s38%207.66%2050.93%2021.57c13.1%2014.08%2019.5%2033.09%2018%2053.52c-2.87%2040.2-33.8%2072.91-68.93%2072.91m65.66%2031.45c-17.59-8.6-40.42-12.9-65.65-12.9c-29.46%200-58.07%207.68-80.57%2021.62c-25.51%2015.83-42.67%2038.88-49.6%2066.71a27.39%2027.39%200%200%200%204.79%2023.36A25.32%2025.32%200%200%200%2041.72%20400h111a8%208%200%200%200%207.87-6.57c.11-.63.25-1.26.41-1.88c8.48-34.06%2028.35-62.84%2057.71-83.82a8%208%200%200%200-.63-13.39c-1.57-.92-3.37-1.89-5.42-2.89%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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M336%20256c-20.56%200-40.44-9.18-56-25.84c-15.13-16.25-24.37-37.92-26-61c-1.74-24.62%205.77-47.26%2021.14-63.76S312%2080%20336%2080c23.83%200%2045.38%209.06%2060.7%2025.52c15.47%2016.62%2023%2039.22%2021.26%2063.63c-1.67%2023.11-10.9%2044.77-26%2061C376.44%20246.82%20356.57%20256%20336%20256m131.83%20176H204.18a27.71%2027.71%200%200%201-22-10.67a30.22%2030.22%200%200%201-5.26-25.79c8.42-33.81%2029.28-61.85%2060.32-81.08C264.79%20297.4%20299.86%20288%20336%20288c36.85%200%2071%209%2098.71%2026.05c31.11%2019.13%2052%2047.33%2060.38%2081.55a30.27%2030.27%200%200%201-5.32%2025.78A27.68%2027.68%200%200%201%20467.83%20432M147%20260c-35.19%200-66.13-32.72-69-72.93c-1.42-20.6%205-39.65%2018-53.62c12.86-13.83%2031-21.45%2051-21.45s38%207.66%2050.93%2021.57c13.1%2014.08%2019.5%2033.09%2018%2053.52c-2.87%2040.2-33.8%2072.91-68.93%2072.91m65.66%2031.45c-17.59-8.6-40.42-12.9-65.65-12.9c-29.46%200-58.07%207.68-80.57%2021.62c-25.51%2015.83-42.67%2038.88-49.6%2066.71a27.39%2027.39%200%200%200%204.79%2023.36A25.32%2025.32%200%200%200%2041.72%20400h111a8%208%200%200%200%207.87-6.57c.11-.63.25-1.26.41-1.88c8.48-34.06%2028.35-62.84%2057.71-83.82a8%208%200%200%200-.63-13.39c-1.57-.92-3.37-1.89-5.42-2.89%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ion/people.svg?color=%231a73e8&size=48
