person 3 icon
person-3 from Framework7 Icons by Vladimir Kharlampidi · Outline · MIT Free for personal and commercial use.
- Name
- person-3
- Set
- Framework7 Icons
- Style
- Outline
- Viewbox
- 56×56
- License
- MIT
1 other variant in Framework7 Icons
The same icon in other sets
Related icons in Framework7 Icons
person-2person-2-altperson-2-square-stackperson-altperson-alt-circleperson-badge-minusperson-badge-plusperson-circleperson-crop-circleperson-crop-circle-badge-checkmarkperson-crop-circle-badge-exclamperson-crop-circle-badge-minusperson-crop-circle-badge-plusperson-crop-circle-badge-xmarkperson-crop-circle-fill-badge-checkmarkperson-crop-circle-fill-badge-exclamperson-crop-circle-fill-badge-minusperson-crop-circle-fill-badge-plusperson-crop-circle-fill-badge-xmarkperson-crop-rectangleperson-crop-square
Use the person 3 icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M28 27.66c3.485 0 6.326-3.105 6.326-6.883c0-3.735-2.826-6.693-6.326-6.693c-3.47 0-6.326 3.002-6.326 6.722c.014 3.764 2.855 6.853 6.326 6.853m-16.87.322c3.016 0 5.491-2.71 5.491-6.034c0-3.25-2.445-5.872-5.491-5.872c-3.017 0-5.507 2.665-5.492 5.901c.015 3.31 2.475 6.005 5.492 6.005m33.755 0c3.002 0 5.477-2.695 5.477-6.005c.015-3.236-2.475-5.901-5.477-5.901c-3.06 0-5.506 2.621-5.506 5.872c0 3.324 2.475 6.034 5.506 6.034M28 25.448c-2.138 0-3.969-2.05-3.969-4.642c0-2.548 1.802-4.51 3.97-4.51c2.181 0 3.968 1.933 3.968 4.48c0 2.593-1.802 4.672-3.969 4.672m-16.87.352c-1.787 0-3.31-1.714-3.31-3.823c0-2.064 1.508-3.72 3.31-3.72c1.845 0 3.324 1.626 3.324 3.691c0 2.138-1.523 3.852-3.324 3.852m33.755 0c-1.816 0-3.339-1.714-3.339-3.852c0-2.065 1.479-3.69 3.339-3.69c1.801 0 3.295 1.655 3.295 3.72c0 2.108-1.509 3.822-3.295 3.822M2.987 41.41h11.496c-.703-.395-1.245-1.274-1.142-2.167H2.621c-.293 0-.439-.117-.439-.395c0-3.632 4.144-7.03 8.933-7.03c1.845 0 3.5.44 4.92 1.274a7.6 7.6 0 0 1 1.655-1.552c-1.889-1.245-4.159-1.889-6.575-1.889C4.979 29.651 0 34.103 0 38.98c0 1.625.996 2.43 2.987 2.43m50.04 0c1.977 0 2.973-.805 2.973-2.43c0-4.877-4.98-9.329-11.115-9.329c-2.416 0-4.672.644-6.575 1.89c.659.453 1.2.966 1.67 1.551c1.405-.834 3.074-1.274 4.905-1.274c4.789 0 8.933 3.398 8.933 7.03c0 .278-.132.395-.425.395h-10.72c.088.893-.439 1.772-1.142 2.167Zm-34.224 0h18.394c2.43 0 3.588-.732 3.588-2.343c0-3.837-4.848-9.387-12.785-9.387c-7.952 0-12.8 5.55-12.8 9.387c0 1.611 1.158 2.343 3.603 2.343M18.1 39.2c-.38 0-.541-.103-.541-.41c0-2.403 3.72-6.898 10.441-6.898c6.707 0 10.427 4.495 10.427 6.897c0 .308-.147.41-.527.41Z"/></svg>
React
import type { SVGProps } from "react";
export function F7Person3(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M28 27.66c3.485 0 6.326-3.105 6.326-6.883c0-3.735-2.826-6.693-6.326-6.693c-3.47 0-6.326 3.002-6.326 6.722c.014 3.764 2.855 6.853 6.326 6.853m-16.87.322c3.016 0 5.491-2.71 5.491-6.034c0-3.25-2.445-5.872-5.491-5.872c-3.017 0-5.507 2.665-5.492 5.901c.015 3.31 2.475 6.005 5.492 6.005m33.755 0c3.002 0 5.477-2.695 5.477-6.005c.015-3.236-2.475-5.901-5.477-5.901c-3.06 0-5.506 2.621-5.506 5.872c0 3.324 2.475 6.034 5.506 6.034M28 25.448c-2.138 0-3.969-2.05-3.969-4.642c0-2.548 1.802-4.51 3.97-4.51c2.181 0 3.968 1.933 3.968 4.48c0 2.593-1.802 4.672-3.969 4.672m-16.87.352c-1.787 0-3.31-1.714-3.31-3.823c0-2.064 1.508-3.72 3.31-3.72c1.845 0 3.324 1.626 3.324 3.691c0 2.138-1.523 3.852-3.324 3.852m33.755 0c-1.816 0-3.339-1.714-3.339-3.852c0-2.065 1.479-3.69 3.339-3.69c1.801 0 3.295 1.655 3.295 3.72c0 2.108-1.509 3.822-3.295 3.822M2.987 41.41h11.496c-.703-.395-1.245-1.274-1.142-2.167H2.621c-.293 0-.439-.117-.439-.395c0-3.632 4.144-7.03 8.933-7.03c1.845 0 3.5.44 4.92 1.274a7.6 7.6 0 0 1 1.655-1.552c-1.889-1.245-4.159-1.889-6.575-1.889C4.979 29.651 0 34.103 0 38.98c0 1.625.996 2.43 2.987 2.43m50.04 0c1.977 0 2.973-.805 2.973-2.43c0-4.877-4.98-9.329-11.115-9.329c-2.416 0-4.672.644-6.575 1.89c.659.453 1.2.966 1.67 1.551c1.405-.834 3.074-1.274 4.905-1.274c4.789 0 8.933 3.398 8.933 7.03c0 .278-.132.395-.425.395h-10.72c.088.893-.439 1.772-1.142 2.167Zm-34.224 0h18.394c2.43 0 3.588-.732 3.588-2.343c0-3.837-4.848-9.387-12.785-9.387c-7.952 0-12.8 5.55-12.8 9.387c0 1.611 1.158 2.343 3.603 2.343M18.1 39.2c-.38 0-.541-.103-.541-.41c0-2.403 3.72-6.898 10.441-6.898c6.707 0 10.427 4.495 10.427 6.897c0 .308-.147.41-.527.41Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M28 27.66c3.485 0 6.326-3.105 6.326-6.883c0-3.735-2.826-6.693-6.326-6.693c-3.47 0-6.326 3.002-6.326 6.722c.014 3.764 2.855 6.853 6.326 6.853m-16.87.322c3.016 0 5.491-2.71 5.491-6.034c0-3.25-2.445-5.872-5.491-5.872c-3.017 0-5.507 2.665-5.492 5.901c.015 3.31 2.475 6.005 5.492 6.005m33.755 0c3.002 0 5.477-2.695 5.477-6.005c.015-3.236-2.475-5.901-5.477-5.901c-3.06 0-5.506 2.621-5.506 5.872c0 3.324 2.475 6.034 5.506 6.034M28 25.448c-2.138 0-3.969-2.05-3.969-4.642c0-2.548 1.802-4.51 3.97-4.51c2.181 0 3.968 1.933 3.968 4.48c0 2.593-1.802 4.672-3.969 4.672m-16.87.352c-1.787 0-3.31-1.714-3.31-3.823c0-2.064 1.508-3.72 3.31-3.72c1.845 0 3.324 1.626 3.324 3.691c0 2.138-1.523 3.852-3.324 3.852m33.755 0c-1.816 0-3.339-1.714-3.339-3.852c0-2.065 1.479-3.69 3.339-3.69c1.801 0 3.295 1.655 3.295 3.72c0 2.108-1.509 3.822-3.295 3.822M2.987 41.41h11.496c-.703-.395-1.245-1.274-1.142-2.167H2.621c-.293 0-.439-.117-.439-.395c0-3.632 4.144-7.03 8.933-7.03c1.845 0 3.5.44 4.92 1.274a7.6 7.6 0 0 1 1.655-1.552c-1.889-1.245-4.159-1.889-6.575-1.889C4.979 29.651 0 34.103 0 38.98c0 1.625.996 2.43 2.987 2.43m50.04 0c1.977 0 2.973-.805 2.973-2.43c0-4.877-4.98-9.329-11.115-9.329c-2.416 0-4.672.644-6.575 1.89c.659.453 1.2.966 1.67 1.551c1.405-.834 3.074-1.274 4.905-1.274c4.789 0 8.933 3.398 8.933 7.03c0 .278-.132.395-.425.395h-10.72c.088.893-.439 1.772-1.142 2.167Zm-34.224 0h18.394c2.43 0 3.588-.732 3.588-2.343c0-3.837-4.848-9.387-12.785-9.387c-7.952 0-12.8 5.55-12.8 9.387c0 1.611 1.158 2.343 3.603 2.343M18.1 39.2c-.38 0-.541-.103-.541-.41c0-2.403 3.72-6.898 10.441-6.898c6.707 0 10.427 4.495 10.427 6.897c0 .308-.147.41-.527.41Z"/></svg> </template>
CSS
.icon-person-3 {
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%2056%2056%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M28%2027.66c3.485%200%206.326-3.105%206.326-6.883c0-3.735-2.826-6.693-6.326-6.693c-3.47%200-6.326%203.002-6.326%206.722c.014%203.764%202.855%206.853%206.326%206.853m-16.87.322c3.016%200%205.491-2.71%205.491-6.034c0-3.25-2.445-5.872-5.491-5.872c-3.017%200-5.507%202.665-5.492%205.901c.015%203.31%202.475%206.005%205.492%206.005m33.755%200c3.002%200%205.477-2.695%205.477-6.005c.015-3.236-2.475-5.901-5.477-5.901c-3.06%200-5.506%202.621-5.506%205.872c0%203.324%202.475%206.034%205.506%206.034M28%2025.448c-2.138%200-3.969-2.05-3.969-4.642c0-2.548%201.802-4.51%203.97-4.51c2.181%200%203.968%201.933%203.968%204.48c0%202.593-1.802%204.672-3.969%204.672m-16.87.352c-1.787%200-3.31-1.714-3.31-3.823c0-2.064%201.508-3.72%203.31-3.72c1.845%200%203.324%201.626%203.324%203.691c0%202.138-1.523%203.852-3.324%203.852m33.755%200c-1.816%200-3.339-1.714-3.339-3.852c0-2.065%201.479-3.69%203.339-3.69c1.801%200%203.295%201.655%203.295%203.72c0%202.108-1.509%203.822-3.295%203.822M2.987%2041.41h11.496c-.703-.395-1.245-1.274-1.142-2.167H2.621c-.293%200-.439-.117-.439-.395c0-3.632%204.144-7.03%208.933-7.03c1.845%200%203.5.44%204.92%201.274a7.6%207.6%200%200%201%201.655-1.552c-1.889-1.245-4.159-1.889-6.575-1.889C4.979%2029.651%200%2034.103%200%2038.98c0%201.625.996%202.43%202.987%202.43m50.04%200c1.977%200%202.973-.805%202.973-2.43c0-4.877-4.98-9.329-11.115-9.329c-2.416%200-4.672.644-6.575%201.89c.659.453%201.2.966%201.67%201.551c1.405-.834%203.074-1.274%204.905-1.274c4.789%200%208.933%203.398%208.933%207.03c0%20.278-.132.395-.425.395h-10.72c.088.893-.439%201.772-1.142%202.167Zm-34.224%200h18.394c2.43%200%203.588-.732%203.588-2.343c0-3.837-4.848-9.387-12.785-9.387c-7.952%200-12.8%205.55-12.8%209.387c0%201.611%201.158%202.343%203.603%202.343M18.1%2039.2c-.38%200-.541-.103-.541-.41c0-2.403%203.72-6.898%2010.441-6.898c6.707%200%2010.427%204.495%2010.427%206.897c0%20.308-.147.41-.527.41Z%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%2056%2056%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M28%2027.66c3.485%200%206.326-3.105%206.326-6.883c0-3.735-2.826-6.693-6.326-6.693c-3.47%200-6.326%203.002-6.326%206.722c.014%203.764%202.855%206.853%206.326%206.853m-16.87.322c3.016%200%205.491-2.71%205.491-6.034c0-3.25-2.445-5.872-5.491-5.872c-3.017%200-5.507%202.665-5.492%205.901c.015%203.31%202.475%206.005%205.492%206.005m33.755%200c3.002%200%205.477-2.695%205.477-6.005c.015-3.236-2.475-5.901-5.477-5.901c-3.06%200-5.506%202.621-5.506%205.872c0%203.324%202.475%206.034%205.506%206.034M28%2025.448c-2.138%200-3.969-2.05-3.969-4.642c0-2.548%201.802-4.51%203.97-4.51c2.181%200%203.968%201.933%203.968%204.48c0%202.593-1.802%204.672-3.969%204.672m-16.87.352c-1.787%200-3.31-1.714-3.31-3.823c0-2.064%201.508-3.72%203.31-3.72c1.845%200%203.324%201.626%203.324%203.691c0%202.138-1.523%203.852-3.324%203.852m33.755%200c-1.816%200-3.339-1.714-3.339-3.852c0-2.065%201.479-3.69%203.339-3.69c1.801%200%203.295%201.655%203.295%203.72c0%202.108-1.509%203.822-3.295%203.822M2.987%2041.41h11.496c-.703-.395-1.245-1.274-1.142-2.167H2.621c-.293%200-.439-.117-.439-.395c0-3.632%204.144-7.03%208.933-7.03c1.845%200%203.5.44%204.92%201.274a7.6%207.6%200%200%201%201.655-1.552c-1.889-1.245-4.159-1.889-6.575-1.889C4.979%2029.651%200%2034.103%200%2038.98c0%201.625.996%202.43%202.987%202.43m50.04%200c1.977%200%202.973-.805%202.973-2.43c0-4.877-4.98-9.329-11.115-9.329c-2.416%200-4.672.644-6.575%201.89c.659.453%201.2.966%201.67%201.551c1.405-.834%203.074-1.274%204.905-1.274c4.789%200%208.933%203.398%208.933%207.03c0%20.278-.132.395-.425.395h-10.72c.088.893-.439%201.772-1.142%202.167Zm-34.224%200h18.394c2.43%200%203.588-.732%203.588-2.343c0-3.837-4.848-9.387-12.785-9.387c-7.952%200-12.8%205.55-12.8%209.387c0%201.611%201.158%202.343%203.603%202.343M18.1%2039.2c-.38%200-.541-.103-.541-.41c0-2.403%203.72-6.898%2010.441-6.898c6.707%200%2010.427%204.495%2010.427%206.897c0%20.308-.147.41-.527.41Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/f7/person-3.svg?color=%231a73e8&size=48
