doc person icon
doc-person-fill from Framework7 Icons by Vladimir Kharlampidi · Fill · MIT Free for personal and commercial use.
- Name
- doc-person-fill
- Set
- Framework7 Icons
- Style
- Fill
- Viewbox
- 56×56
- License
- MIT
1 other variant in Framework7 Icons
Related icons in Framework7 Icons
Use the doc person icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M26.836 2.875v17.203c0 3 1.406 4.43 4.406 4.43h16.969v21.281c0 4.875-2.414 7.336-7.266 7.336h-24.89c-4.828 0-7.266-2.437-7.266-7.336V10.234c0-4.875 2.438-7.359 7.266-7.359zm1.67 35.727c-5.254 0-8.523 3.603-8.523 6.214c0 .891.567 1.346 2.166 1.346h12.712c1.589 0 2.156-.455 2.156-1.346c0-2.61-3.27-6.214-8.512-6.214m0-10.637c-2.167 0-4.05 1.893-4.05 4.373c0 2.51 1.883 4.453 4.05 4.453c2.175 0 4.047-1.944 4.047-4.474c0-2.5-1.882-4.352-4.048-4.352m1.517-24.832c.985.164 1.97.844 3.047 1.968l12.94 13.149c1.101 1.148 1.781 2.086 1.945 3.047h-16.64c-.844 0-1.29-.422-1.29-1.266Z"/></svg>
React
import type { SVGProps } from "react";
export function F7DocPersonFill(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="M26.836 2.875v17.203c0 3 1.406 4.43 4.406 4.43h16.969v21.281c0 4.875-2.414 7.336-7.266 7.336h-24.89c-4.828 0-7.266-2.437-7.266-7.336V10.234c0-4.875 2.438-7.359 7.266-7.359zm1.67 35.727c-5.254 0-8.523 3.603-8.523 6.214c0 .891.567 1.346 2.166 1.346h12.712c1.589 0 2.156-.455 2.156-1.346c0-2.61-3.27-6.214-8.512-6.214m0-10.637c-2.167 0-4.05 1.893-4.05 4.373c0 2.51 1.883 4.453 4.05 4.453c2.175 0 4.047-1.944 4.047-4.474c0-2.5-1.882-4.352-4.048-4.352m1.517-24.832c.985.164 1.97.844 3.047 1.968l12.94 13.149c1.101 1.148 1.781 2.086 1.945 3.047h-16.64c-.844 0-1.29-.422-1.29-1.266Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M26.836 2.875v17.203c0 3 1.406 4.43 4.406 4.43h16.969v21.281c0 4.875-2.414 7.336-7.266 7.336h-24.89c-4.828 0-7.266-2.437-7.266-7.336V10.234c0-4.875 2.438-7.359 7.266-7.359zm1.67 35.727c-5.254 0-8.523 3.603-8.523 6.214c0 .891.567 1.346 2.166 1.346h12.712c1.589 0 2.156-.455 2.156-1.346c0-2.61-3.27-6.214-8.512-6.214m0-10.637c-2.167 0-4.05 1.893-4.05 4.373c0 2.51 1.883 4.453 4.05 4.453c2.175 0 4.047-1.944 4.047-4.474c0-2.5-1.882-4.352-4.048-4.352m1.517-24.832c.985.164 1.97.844 3.047 1.968l12.94 13.149c1.101 1.148 1.781 2.086 1.945 3.047h-16.64c-.844 0-1.29-.422-1.29-1.266Z"/></svg> </template>
CSS
.icon-doc-person-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%22M26.836%202.875v17.203c0%203%201.406%204.43%204.406%204.43h16.969v21.281c0%204.875-2.414%207.336-7.266%207.336h-24.89c-4.828%200-7.266-2.437-7.266-7.336V10.234c0-4.875%202.438-7.359%207.266-7.359zm1.67%2035.727c-5.254%200-8.523%203.603-8.523%206.214c0%20.891.567%201.346%202.166%201.346h12.712c1.589%200%202.156-.455%202.156-1.346c0-2.61-3.27-6.214-8.512-6.214m0-10.637c-2.167%200-4.05%201.893-4.05%204.373c0%202.51%201.883%204.453%204.05%204.453c2.175%200%204.047-1.944%204.047-4.474c0-2.5-1.882-4.352-4.048-4.352m1.517-24.832c.985.164%201.97.844%203.047%201.968l12.94%2013.149c1.101%201.148%201.781%202.086%201.945%203.047h-16.64c-.844%200-1.29-.422-1.29-1.266Z%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%22M26.836%202.875v17.203c0%203%201.406%204.43%204.406%204.43h16.969v21.281c0%204.875-2.414%207.336-7.266%207.336h-24.89c-4.828%200-7.266-2.437-7.266-7.336V10.234c0-4.875%202.438-7.359%207.266-7.359zm1.67%2035.727c-5.254%200-8.523%203.603-8.523%206.214c0%20.891.567%201.346%202.166%201.346h12.712c1.589%200%202.156-.455%202.156-1.346c0-2.61-3.27-6.214-8.512-6.214m0-10.637c-2.167%200-4.05%201.893-4.05%204.373c0%202.51%201.883%204.453%204.05%204.453c2.175%200%204.047-1.944%204.047-4.474c0-2.5-1.882-4.352-4.048-4.352m1.517-24.832c.985.164%201.97.844%203.047%201.968l12.94%2013.149c1.101%201.148%201.781%202.086%201.945%203.047h-16.64c-.844%200-1.29-.422-1.29-1.266Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/f7/doc-person-fill.svg?color=%231a73e8&size=48
