people circle icon

people-circle-sharp from IonIcons by Ben Sperry · Sharp · MIT Free for personal and commercial use.

Name: people-circle-sharp
Set: IonIcons
Style: Sharp
Viewbox: 512×512
License: MIT

2 other variants in IonIcons

Use the people circle icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208s208-93.31 208-208S370.69 48 256 48m69.3 96.17a72.5 72.5 0 1 1-72.6 72.5a72.55 72.55 0 0 1 72.6-72.5m-155.1 26.36a59.32 59.32 0 1 1-59.4 59.32a59.35 59.35 0 0 1 59.4-59.32m-75.85 155c24.5-13.29 55.87-19.94 75.85-19.94c15 0 34.32 3 53.33 10.2a133 133 0 0 0-34 27.11c-13.19 15-20.76 32.92-20.76 50.83v15a177.06 177.06 0 0 1-74.42-83.15ZM256 432a175.1 175.1 0 0 1-59.4-10.33v-27.05c0-52.59 85.75-79.09 128.7-79.09c23 0 58.38 7.63 86.21 22.81A176.14 176.14 0 0 1 256 432"/></svg>

React

import type { SVGProps } from "react";

export function IonPeopleCircleSharp(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="M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208s208-93.31 208-208S370.69 48 256 48m69.3 96.17a72.5 72.5 0 1 1-72.6 72.5a72.55 72.55 0 0 1 72.6-72.5m-155.1 26.36a59.32 59.32 0 1 1-59.4 59.32a59.35 59.35 0 0 1 59.4-59.32m-75.85 155c24.5-13.29 55.87-19.94 75.85-19.94c15 0 34.32 3 53.33 10.2a133 133 0 0 0-34 27.11c-13.19 15-20.76 32.92-20.76 50.83v15a177.06 177.06 0 0 1-74.42-83.15ZM256 432a175.1 175.1 0 0 1-59.4-10.33v-27.05c0-52.59 85.75-79.09 128.7-79.09c23 0 58.38 7.63 86.21 22.81A176.14 176.14 0 0 1 256 432"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208s208-93.31 208-208S370.69 48 256 48m69.3 96.17a72.5 72.5 0 1 1-72.6 72.5a72.55 72.55 0 0 1 72.6-72.5m-155.1 26.36a59.32 59.32 0 1 1-59.4 59.32a59.35 59.35 0 0 1 59.4-59.32m-75.85 155c24.5-13.29 55.87-19.94 75.85-19.94c15 0 34.32 3 53.33 10.2a133 133 0 0 0-34 27.11c-13.19 15-20.76 32.92-20.76 50.83v15a177.06 177.06 0 0 1-74.42-83.15ZM256 432a175.1 175.1 0 0 1-59.4-10.33v-27.05c0-52.59 85.75-79.09 128.7-79.09c23 0 58.38 7.63 86.21 22.81A176.14 176.14 0 0 1 256 432"/></svg>
</template>

CSS

.icon-people-circle-sharp {
  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%22M256%2048C141.31%2048%2048%20141.31%2048%20256s93.31%20208%20208%20208s208-93.31%20208-208S370.69%2048%20256%2048m69.3%2096.17a72.5%2072.5%200%201%201-72.6%2072.5a72.55%2072.55%200%200%201%2072.6-72.5m-155.1%2026.36a59.32%2059.32%200%201%201-59.4%2059.32a59.35%2059.35%200%200%201%2059.4-59.32m-75.85%20155c24.5-13.29%2055.87-19.94%2075.85-19.94c15%200%2034.32%203%2053.33%2010.2a133%20133%200%200%200-34%2027.11c-13.19%2015-20.76%2032.92-20.76%2050.83v15a177.06%20177.06%200%200%201-74.42-83.15ZM256%20432a175.1%20175.1%200%200%201-59.4-10.33v-27.05c0-52.59%2085.75-79.09%20128.7-79.09c23%200%2058.38%207.63%2086.21%2022.81A176.14%20176.14%200%200%201%20256%20432%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%22M256%2048C141.31%2048%2048%20141.31%2048%20256s93.31%20208%20208%20208s208-93.31%20208-208S370.69%2048%20256%2048m69.3%2096.17a72.5%2072.5%200%201%201-72.6%2072.5a72.55%2072.55%200%200%201%2072.6-72.5m-155.1%2026.36a59.32%2059.32%200%201%201-59.4%2059.32a59.35%2059.35%200%200%201%2059.4-59.32m-75.85%20155c24.5-13.29%2055.87-19.94%2075.85-19.94c15%200%2034.32%203%2053.33%2010.2a133%20133%200%200%200-34%2027.11c-13.19%2015-20.76%2032.92-20.76%2050.83v15a177.06%20177.06%200%200%201-74.42-83.15ZM256%20432a175.1%20175.1%200%200%201-59.4-10.33v-27.05c0-52.59%2085.75-79.09%20128.7-79.09c23%200%2058.38%207.63%2086.21%2022.81A176.14%20176.14%200%200%201%20256%20432%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ion/people-circle-sharp.svg?color=%231a73e8&size=48