person add icon
person-add from IonIcons by Ben Sperry · Regular · MIT Free for personal and commercial use.
- Name
- person-add
- 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 person add icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M288 256c52.79 0 99.43-49.71 104-110.82c2.27-30.7-7.36-59.33-27.12-80.6C345.33 43.57 318 32 288 32c-30.24 0-57.59 11.5-77 32.38c-19.63 21.11-29.2 49.8-27 80.78C188.49 206.28 235.12 256 288 256m207.38 183.76c-8.44-46.82-34.79-86.15-76.19-113.75C382.42 301.5 335.83 288 288 288s-94.42 13.5-131.19 38c-41.4 27.6-67.75 66.93-76.19 113.75c-1.93 10.73.69 21.34 7.19 29.11A30.94 30.94 0 0 0 112 480h352a30.94 30.94 0 0 0 24.21-11.13c6.48-7.77 9.1-18.38 7.17-29.11M104 288v-40h40a16 16 0 0 0 0-32h-40v-40a16 16 0 0 0-32 0v40H32a16 16 0 0 0 0 32h40v40a16 16 0 0 0 32 0"/></svg>
React
import type { SVGProps } from "react";
export function IonPersonAdd(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="M288 256c52.79 0 99.43-49.71 104-110.82c2.27-30.7-7.36-59.33-27.12-80.6C345.33 43.57 318 32 288 32c-30.24 0-57.59 11.5-77 32.38c-19.63 21.11-29.2 49.8-27 80.78C188.49 206.28 235.12 256 288 256m207.38 183.76c-8.44-46.82-34.79-86.15-76.19-113.75C382.42 301.5 335.83 288 288 288s-94.42 13.5-131.19 38c-41.4 27.6-67.75 66.93-76.19 113.75c-1.93 10.73.69 21.34 7.19 29.11A30.94 30.94 0 0 0 112 480h352a30.94 30.94 0 0 0 24.21-11.13c6.48-7.77 9.1-18.38 7.17-29.11M104 288v-40h40a16 16 0 0 0 0-32h-40v-40a16 16 0 0 0-32 0v40H32a16 16 0 0 0 0 32h40v40a16 16 0 0 0 32 0"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M288 256c52.79 0 99.43-49.71 104-110.82c2.27-30.7-7.36-59.33-27.12-80.6C345.33 43.57 318 32 288 32c-30.24 0-57.59 11.5-77 32.38c-19.63 21.11-29.2 49.8-27 80.78C188.49 206.28 235.12 256 288 256m207.38 183.76c-8.44-46.82-34.79-86.15-76.19-113.75C382.42 301.5 335.83 288 288 288s-94.42 13.5-131.19 38c-41.4 27.6-67.75 66.93-76.19 113.75c-1.93 10.73.69 21.34 7.19 29.11A30.94 30.94 0 0 0 112 480h352a30.94 30.94 0 0 0 24.21-11.13c6.48-7.77 9.1-18.38 7.17-29.11M104 288v-40h40a16 16 0 0 0 0-32h-40v-40a16 16 0 0 0-32 0v40H32a16 16 0 0 0 0 32h40v40a16 16 0 0 0 32 0"/></svg> </template>
CSS
.icon-person-add {
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%22M288%20256c52.79%200%2099.43-49.71%20104-110.82c2.27-30.7-7.36-59.33-27.12-80.6C345.33%2043.57%20318%2032%20288%2032c-30.24%200-57.59%2011.5-77%2032.38c-19.63%2021.11-29.2%2049.8-27%2080.78C188.49%20206.28%20235.12%20256%20288%20256m207.38%20183.76c-8.44-46.82-34.79-86.15-76.19-113.75C382.42%20301.5%20335.83%20288%20288%20288s-94.42%2013.5-131.19%2038c-41.4%2027.6-67.75%2066.93-76.19%20113.75c-1.93%2010.73.69%2021.34%207.19%2029.11A30.94%2030.94%200%200%200%20112%20480h352a30.94%2030.94%200%200%200%2024.21-11.13c6.48-7.77%209.1-18.38%207.17-29.11M104%20288v-40h40a16%2016%200%200%200%200-32h-40v-40a16%2016%200%200%200-32%200v40H32a16%2016%200%200%200%200%2032h40v40a16%2016%200%200%200%2032%200%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%22M288%20256c52.79%200%2099.43-49.71%20104-110.82c2.27-30.7-7.36-59.33-27.12-80.6C345.33%2043.57%20318%2032%20288%2032c-30.24%200-57.59%2011.5-77%2032.38c-19.63%2021.11-29.2%2049.8-27%2080.78C188.49%20206.28%20235.12%20256%20288%20256m207.38%20183.76c-8.44-46.82-34.79-86.15-76.19-113.75C382.42%20301.5%20335.83%20288%20288%20288s-94.42%2013.5-131.19%2038c-41.4%2027.6-67.75%2066.93-76.19%20113.75c-1.93%2010.73.69%2021.34%207.19%2029.11A30.94%2030.94%200%200%200%20112%20480h352a30.94%2030.94%200%200%200%2024.21-11.13c6.48-7.77%209.1-18.38%207.17-29.11M104%20288v-40h40a16%2016%200%200%200%200-32h-40v-40a16%2016%200%200%200-32%200v40H32a16%2016%200%200%200%200%2032h40v40a16%2016%200%200%200%2032%200%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ion/person-add.svg?color=%231a73e8&size=48
