person 2 icon
person-2 from Framework7 Icons by Vladimir Kharlampidi · Outline · MIT Free for personal and commercial use.
- Name
- person-2
- 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-2-altperson-2-square-stackperson-3person-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 2 icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M38.446 29.232c4.786 0 8.686-4.263 8.686-9.45c0-5.128-3.88-9.19-8.686-9.19c-4.766 0-8.687 4.122-8.687 9.23c.02 5.167 3.921 9.41 8.687 9.41m-23.164.442c4.142 0 7.54-3.72 7.54-8.284c0-4.464-3.358-8.063-7.54-8.063c-4.142 0-7.56 3.66-7.54 8.103c.02 4.545 3.398 8.244 7.54 8.244m23.164-3.478c-2.936 0-5.45-2.815-5.45-6.374c0-3.5 2.474-6.193 5.45-6.193c2.996 0 5.449 2.654 5.449 6.152c0 3.56-2.473 6.415-5.449 6.415m-23.164.482c-2.453 0-4.544-2.352-4.544-5.248c0-2.835 2.07-5.107 4.544-5.107c2.533 0 4.564 2.232 4.564 5.067c0 2.936-2.091 5.288-4.564 5.288M4.102 48.113h15.785c-.966-.543-1.71-1.75-1.569-2.976H3.6c-.402 0-.603-.16-.603-.543c0-4.986 5.69-9.651 12.266-9.651c2.533 0 4.805.603 6.756 1.749a10.5 10.5 0 0 1 2.272-2.131c-2.594-1.71-5.71-2.594-9.028-2.594C6.837 31.967 0 38.079 0 44.775c0 2.232 1.367 3.338 4.102 3.338m21.716 0h25.256c3.337 0 4.926-1.005 4.926-3.217c0-5.268-6.656-12.89-17.554-12.89c-10.919 0-17.574 7.622-17.574 12.89c0 2.212 1.588 3.217 4.946 3.217m-.965-3.036c-.523 0-.744-.14-.744-.563c0-3.298 5.107-9.47 14.337-9.47c9.21 0 14.316 6.172 14.316 9.47c0 .422-.2.563-.724.563Z"/></svg>
React
import type { SVGProps } from "react";
export function F7Person2(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="M38.446 29.232c4.786 0 8.686-4.263 8.686-9.45c0-5.128-3.88-9.19-8.686-9.19c-4.766 0-8.687 4.122-8.687 9.23c.02 5.167 3.921 9.41 8.687 9.41m-23.164.442c4.142 0 7.54-3.72 7.54-8.284c0-4.464-3.358-8.063-7.54-8.063c-4.142 0-7.56 3.66-7.54 8.103c.02 4.545 3.398 8.244 7.54 8.244m23.164-3.478c-2.936 0-5.45-2.815-5.45-6.374c0-3.5 2.474-6.193 5.45-6.193c2.996 0 5.449 2.654 5.449 6.152c0 3.56-2.473 6.415-5.449 6.415m-23.164.482c-2.453 0-4.544-2.352-4.544-5.248c0-2.835 2.07-5.107 4.544-5.107c2.533 0 4.564 2.232 4.564 5.067c0 2.936-2.091 5.288-4.564 5.288M4.102 48.113h15.785c-.966-.543-1.71-1.75-1.569-2.976H3.6c-.402 0-.603-.16-.603-.543c0-4.986 5.69-9.651 12.266-9.651c2.533 0 4.805.603 6.756 1.749a10.5 10.5 0 0 1 2.272-2.131c-2.594-1.71-5.71-2.594-9.028-2.594C6.837 31.967 0 38.079 0 44.775c0 2.232 1.367 3.338 4.102 3.338m21.716 0h25.256c3.337 0 4.926-1.005 4.926-3.217c0-5.268-6.656-12.89-17.554-12.89c-10.919 0-17.574 7.622-17.574 12.89c0 2.212 1.588 3.217 4.946 3.217m-.965-3.036c-.523 0-.744-.14-.744-.563c0-3.298 5.107-9.47 14.337-9.47c9.21 0 14.316 6.172 14.316 9.47c0 .422-.2.563-.724.563Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M38.446 29.232c4.786 0 8.686-4.263 8.686-9.45c0-5.128-3.88-9.19-8.686-9.19c-4.766 0-8.687 4.122-8.687 9.23c.02 5.167 3.921 9.41 8.687 9.41m-23.164.442c4.142 0 7.54-3.72 7.54-8.284c0-4.464-3.358-8.063-7.54-8.063c-4.142 0-7.56 3.66-7.54 8.103c.02 4.545 3.398 8.244 7.54 8.244m23.164-3.478c-2.936 0-5.45-2.815-5.45-6.374c0-3.5 2.474-6.193 5.45-6.193c2.996 0 5.449 2.654 5.449 6.152c0 3.56-2.473 6.415-5.449 6.415m-23.164.482c-2.453 0-4.544-2.352-4.544-5.248c0-2.835 2.07-5.107 4.544-5.107c2.533 0 4.564 2.232 4.564 5.067c0 2.936-2.091 5.288-4.564 5.288M4.102 48.113h15.785c-.966-.543-1.71-1.75-1.569-2.976H3.6c-.402 0-.603-.16-.603-.543c0-4.986 5.69-9.651 12.266-9.651c2.533 0 4.805.603 6.756 1.749a10.5 10.5 0 0 1 2.272-2.131c-2.594-1.71-5.71-2.594-9.028-2.594C6.837 31.967 0 38.079 0 44.775c0 2.232 1.367 3.338 4.102 3.338m21.716 0h25.256c3.337 0 4.926-1.005 4.926-3.217c0-5.268-6.656-12.89-17.554-12.89c-10.919 0-17.574 7.622-17.574 12.89c0 2.212 1.588 3.217 4.946 3.217m-.965-3.036c-.523 0-.744-.14-.744-.563c0-3.298 5.107-9.47 14.337-9.47c9.21 0 14.316 6.172 14.316 9.47c0 .422-.2.563-.724.563Z"/></svg> </template>
CSS
.icon-person-2 {
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%22M38.446%2029.232c4.786%200%208.686-4.263%208.686-9.45c0-5.128-3.88-9.19-8.686-9.19c-4.766%200-8.687%204.122-8.687%209.23c.02%205.167%203.921%209.41%208.687%209.41m-23.164.442c4.142%200%207.54-3.72%207.54-8.284c0-4.464-3.358-8.063-7.54-8.063c-4.142%200-7.56%203.66-7.54%208.103c.02%204.545%203.398%208.244%207.54%208.244m23.164-3.478c-2.936%200-5.45-2.815-5.45-6.374c0-3.5%202.474-6.193%205.45-6.193c2.996%200%205.449%202.654%205.449%206.152c0%203.56-2.473%206.415-5.449%206.415m-23.164.482c-2.453%200-4.544-2.352-4.544-5.248c0-2.835%202.07-5.107%204.544-5.107c2.533%200%204.564%202.232%204.564%205.067c0%202.936-2.091%205.288-4.564%205.288M4.102%2048.113h15.785c-.966-.543-1.71-1.75-1.569-2.976H3.6c-.402%200-.603-.16-.603-.543c0-4.986%205.69-9.651%2012.266-9.651c2.533%200%204.805.603%206.756%201.749a10.5%2010.5%200%200%201%202.272-2.131c-2.594-1.71-5.71-2.594-9.028-2.594C6.837%2031.967%200%2038.079%200%2044.775c0%202.232%201.367%203.338%204.102%203.338m21.716%200h25.256c3.337%200%204.926-1.005%204.926-3.217c0-5.268-6.656-12.89-17.554-12.89c-10.919%200-17.574%207.622-17.574%2012.89c0%202.212%201.588%203.217%204.946%203.217m-.965-3.036c-.523%200-.744-.14-.744-.563c0-3.298%205.107-9.47%2014.337-9.47c9.21%200%2014.316%206.172%2014.316%209.47c0%20.422-.2.563-.724.563Z%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%22M38.446%2029.232c4.786%200%208.686-4.263%208.686-9.45c0-5.128-3.88-9.19-8.686-9.19c-4.766%200-8.687%204.122-8.687%209.23c.02%205.167%203.921%209.41%208.687%209.41m-23.164.442c4.142%200%207.54-3.72%207.54-8.284c0-4.464-3.358-8.063-7.54-8.063c-4.142%200-7.56%203.66-7.54%208.103c.02%204.545%203.398%208.244%207.54%208.244m23.164-3.478c-2.936%200-5.45-2.815-5.45-6.374c0-3.5%202.474-6.193%205.45-6.193c2.996%200%205.449%202.654%205.449%206.152c0%203.56-2.473%206.415-5.449%206.415m-23.164.482c-2.453%200-4.544-2.352-4.544-5.248c0-2.835%202.07-5.107%204.544-5.107c2.533%200%204.564%202.232%204.564%205.067c0%202.936-2.091%205.288-4.564%205.288M4.102%2048.113h15.785c-.966-.543-1.71-1.75-1.569-2.976H3.6c-.402%200-.603-.16-.603-.543c0-4.986%205.69-9.651%2012.266-9.651c2.533%200%204.805.603%206.756%201.749a10.5%2010.5%200%200%201%202.272-2.131c-2.594-1.71-5.71-2.594-9.028-2.594C6.837%2031.967%200%2038.079%200%2044.775c0%202.232%201.367%203.338%204.102%203.338m21.716%200h25.256c3.337%200%204.926-1.005%204.926-3.217c0-5.268-6.656-12.89-17.554-12.89c-10.919%200-17.574%207.622-17.574%2012.89c0%202.212%201.588%203.217%204.946%203.217m-.965-3.036c-.523%200-.744-.14-.744-.563c0-3.298%205.107-9.47%2014.337-9.47c9.21%200%2014.316%206.172%2014.316%209.47c0%20.422-.2.563-.724.563Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/f7/person-2.svg?color=%231a73e8&size=48
