person 3 icon
person-3-fill from Framework7 Icons by Vladimir Kharlampidi · Fill · MIT Free for personal and commercial use.
- Name
- person-3-fill
- Set
- Framework7 Icons
- Style
- Fill
- 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.126c3.194 0 5.941-2.852 5.941-6.566c0-3.669-2.762-6.387-5.941-6.387s-5.942 2.778-5.942 6.417c0 3.684 2.748 6.536 5.942 6.536m-17.097.341c2.763 0 5.17-2.495 5.17-5.718c0-3.194-2.422-5.556-5.17-5.556c-2.763 0-5.199 2.421-5.184 5.585c0 3.194 2.406 5.69 5.184 5.69m34.194 0c2.778 0 5.184-2.495 5.184-5.689c0-3.164-2.421-5.585-5.184-5.585c-2.748 0-5.17 2.362-5.17 5.555c0 3.224 2.407 5.72 5.17 5.72M2.614 40.881h11.29c-1.545-2.243.341-6.759 3.535-9.225c-1.65-1.099-3.773-1.916-6.55-1.916C4.188 29.74 0 34.686 0 38.801c0 1.337.743 2.08 2.614 2.08m50.772 0c1.886 0 2.614-.743 2.614-2.08c0-4.115-4.189-9.061-10.888-9.061c-2.778 0-4.902.817-6.55 1.916c3.193 2.466 5.08 6.982 3.535 9.225Zm-34.73 0h18.672c2.332 0 3.164-.669 3.164-1.976c0-3.832-4.798-9.12-12.507-9.12c-7.694 0-12.492 5.288-12.492 9.12c0 1.307.832 1.976 3.164 1.976"/></svg>
React
import type { SVGProps } from "react";
export function F7Person3Fill(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.126c3.194 0 5.941-2.852 5.941-6.566c0-3.669-2.762-6.387-5.941-6.387s-5.942 2.778-5.942 6.417c0 3.684 2.748 6.536 5.942 6.536m-17.097.341c2.763 0 5.17-2.495 5.17-5.718c0-3.194-2.422-5.556-5.17-5.556c-2.763 0-5.199 2.421-5.184 5.585c0 3.194 2.406 5.69 5.184 5.69m34.194 0c2.778 0 5.184-2.495 5.184-5.689c0-3.164-2.421-5.585-5.184-5.585c-2.748 0-5.17 2.362-5.17 5.555c0 3.224 2.407 5.72 5.17 5.72M2.614 40.881h11.29c-1.545-2.243.341-6.759 3.535-9.225c-1.65-1.099-3.773-1.916-6.55-1.916C4.188 29.74 0 34.686 0 38.801c0 1.337.743 2.08 2.614 2.08m50.772 0c1.886 0 2.614-.743 2.614-2.08c0-4.115-4.189-9.061-10.888-9.061c-2.778 0-4.902.817-6.55 1.916c3.193 2.466 5.08 6.982 3.535 9.225Zm-34.73 0h18.672c2.332 0 3.164-.669 3.164-1.976c0-3.832-4.798-9.12-12.507-9.12c-7.694 0-12.492 5.288-12.492 9.12c0 1.307.832 1.976 3.164 1.976"/></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.126c3.194 0 5.941-2.852 5.941-6.566c0-3.669-2.762-6.387-5.941-6.387s-5.942 2.778-5.942 6.417c0 3.684 2.748 6.536 5.942 6.536m-17.097.341c2.763 0 5.17-2.495 5.17-5.718c0-3.194-2.422-5.556-5.17-5.556c-2.763 0-5.199 2.421-5.184 5.585c0 3.194 2.406 5.69 5.184 5.69m34.194 0c2.778 0 5.184-2.495 5.184-5.689c0-3.164-2.421-5.585-5.184-5.585c-2.748 0-5.17 2.362-5.17 5.555c0 3.224 2.407 5.72 5.17 5.72M2.614 40.881h11.29c-1.545-2.243.341-6.759 3.535-9.225c-1.65-1.099-3.773-1.916-6.55-1.916C4.188 29.74 0 34.686 0 38.801c0 1.337.743 2.08 2.614 2.08m50.772 0c1.886 0 2.614-.743 2.614-2.08c0-4.115-4.189-9.061-10.888-9.061c-2.778 0-4.902.817-6.55 1.916c3.193 2.466 5.08 6.982 3.535 9.225Zm-34.73 0h18.672c2.332 0 3.164-.669 3.164-1.976c0-3.832-4.798-9.12-12.507-9.12c-7.694 0-12.492 5.288-12.492 9.12c0 1.307.832 1.976 3.164 1.976"/></svg> </template>
CSS
.icon-person-3-fill {
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.126c3.194%200%205.941-2.852%205.941-6.566c0-3.669-2.762-6.387-5.941-6.387s-5.942%202.778-5.942%206.417c0%203.684%202.748%206.536%205.942%206.536m-17.097.341c2.763%200%205.17-2.495%205.17-5.718c0-3.194-2.422-5.556-5.17-5.556c-2.763%200-5.199%202.421-5.184%205.585c0%203.194%202.406%205.69%205.184%205.69m34.194%200c2.778%200%205.184-2.495%205.184-5.689c0-3.164-2.421-5.585-5.184-5.585c-2.748%200-5.17%202.362-5.17%205.555c0%203.224%202.407%205.72%205.17%205.72M2.614%2040.881h11.29c-1.545-2.243.341-6.759%203.535-9.225c-1.65-1.099-3.773-1.916-6.55-1.916C4.188%2029.74%200%2034.686%200%2038.801c0%201.337.743%202.08%202.614%202.08m50.772%200c1.886%200%202.614-.743%202.614-2.08c0-4.115-4.189-9.061-10.888-9.061c-2.778%200-4.902.817-6.55%201.916c3.193%202.466%205.08%206.982%203.535%209.225Zm-34.73%200h18.672c2.332%200%203.164-.669%203.164-1.976c0-3.832-4.798-9.12-12.507-9.12c-7.694%200-12.492%205.288-12.492%209.12c0%201.307.832%201.976%203.164%201.976%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.126c3.194%200%205.941-2.852%205.941-6.566c0-3.669-2.762-6.387-5.941-6.387s-5.942%202.778-5.942%206.417c0%203.684%202.748%206.536%205.942%206.536m-17.097.341c2.763%200%205.17-2.495%205.17-5.718c0-3.194-2.422-5.556-5.17-5.556c-2.763%200-5.199%202.421-5.184%205.585c0%203.194%202.406%205.69%205.184%205.69m34.194%200c2.778%200%205.184-2.495%205.184-5.689c0-3.164-2.421-5.585-5.184-5.585c-2.748%200-5.17%202.362-5.17%205.555c0%203.224%202.407%205.72%205.17%205.72M2.614%2040.881h11.29c-1.545-2.243.341-6.759%203.535-9.225c-1.65-1.099-3.773-1.916-6.55-1.916C4.188%2029.74%200%2034.686%200%2038.801c0%201.337.743%202.08%202.614%202.08m50.772%200c1.886%200%202.614-.743%202.614-2.08c0-4.115-4.189-9.061-10.888-9.061c-2.778%200-4.902.817-6.55%201.916c3.193%202.466%205.08%206.982%203.535%209.225Zm-34.73%200h18.672c2.332%200%203.164-.669%203.164-1.976c0-3.832-4.798-9.12-12.507-9.12c-7.694%200-12.492%205.288-12.492%209.12c0%201.307.832%201.976%203.164%201.976%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/f7/person-3-fill.svg?color=%231a73e8&size=48
