folder fill badge person crop icon
folder-fill-badge-person-crop from Framework7 Icons by Vladimir Kharlampidi · Outline · MIT Free for personal and commercial use.
- Name
- folder-fill-badge-person-crop
- Set
- Framework7 Icons
- Style
- Outline
- Viewbox
- 56×56
- License
- MIT
Related icons in Framework7 Icons
Use the folder fill badge person crop icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M45.553 30.908C51.27 30.908 56 26.22 56 20.461c0-5.717-4.73-10.447-10.447-10.447c-5.718 0-10.448 4.73-10.448 10.447c0 5.759 4.73 10.447 10.448 10.447M32.41 22.106a11 11 0 0 1-.123-1.645c0-2.262.576-4.4 1.604-6.272h-13.12c-1.4 0-2.242-.35-3.27-1.214l-1.255-1.049c-1.357-1.13-2.406-1.521-4.442-1.521H5.676C2.077 10.405 0 12.46 0 16.615v5.491Zm13.142-1.028c-1.892 0-3.353-1.563-3.353-3.702c0-1.912 1.46-3.537 3.353-3.537c1.892 0 3.352 1.625 3.352 3.537c0 2.14-1.46 3.702-3.352 3.702m0 7.424c-3.003 0-5.368-1.542-6.026-2.961v-.103c.658-1.275 2.756-2.694 6.026-2.694s5.368 1.419 6.046 2.715v.082c-.7 1.44-3.044 2.961-6.046 2.961M0 42.2c0 4.257 2.18 6.375 6.458 6.375h34.94c3.682 0 5.82-2.139 5.82-6.375v-8.576a11 11 0 0 1-1.645.123c-5.738 0-10.673-3.701-12.524-8.843H0Z"/></svg>
React
import type { SVGProps } from "react";
export function F7FolderFillBadgePersonCrop(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="M45.553 30.908C51.27 30.908 56 26.22 56 20.461c0-5.717-4.73-10.447-10.447-10.447c-5.718 0-10.448 4.73-10.448 10.447c0 5.759 4.73 10.447 10.448 10.447M32.41 22.106a11 11 0 0 1-.123-1.645c0-2.262.576-4.4 1.604-6.272h-13.12c-1.4 0-2.242-.35-3.27-1.214l-1.255-1.049c-1.357-1.13-2.406-1.521-4.442-1.521H5.676C2.077 10.405 0 12.46 0 16.615v5.491Zm13.142-1.028c-1.892 0-3.353-1.563-3.353-3.702c0-1.912 1.46-3.537 3.353-3.537c1.892 0 3.352 1.625 3.352 3.537c0 2.14-1.46 3.702-3.352 3.702m0 7.424c-3.003 0-5.368-1.542-6.026-2.961v-.103c.658-1.275 2.756-2.694 6.026-2.694s5.368 1.419 6.046 2.715v.082c-.7 1.44-3.044 2.961-6.046 2.961M0 42.2c0 4.257 2.18 6.375 6.458 6.375h34.94c3.682 0 5.82-2.139 5.82-6.375v-8.576a11 11 0 0 1-1.645.123c-5.738 0-10.673-3.701-12.524-8.843H0Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M45.553 30.908C51.27 30.908 56 26.22 56 20.461c0-5.717-4.73-10.447-10.447-10.447c-5.718 0-10.448 4.73-10.448 10.447c0 5.759 4.73 10.447 10.448 10.447M32.41 22.106a11 11 0 0 1-.123-1.645c0-2.262.576-4.4 1.604-6.272h-13.12c-1.4 0-2.242-.35-3.27-1.214l-1.255-1.049c-1.357-1.13-2.406-1.521-4.442-1.521H5.676C2.077 10.405 0 12.46 0 16.615v5.491Zm13.142-1.028c-1.892 0-3.353-1.563-3.353-3.702c0-1.912 1.46-3.537 3.353-3.537c1.892 0 3.352 1.625 3.352 3.537c0 2.14-1.46 3.702-3.352 3.702m0 7.424c-3.003 0-5.368-1.542-6.026-2.961v-.103c.658-1.275 2.756-2.694 6.026-2.694s5.368 1.419 6.046 2.715v.082c-.7 1.44-3.044 2.961-6.046 2.961M0 42.2c0 4.257 2.18 6.375 6.458 6.375h34.94c3.682 0 5.82-2.139 5.82-6.375v-8.576a11 11 0 0 1-1.645.123c-5.738 0-10.673-3.701-12.524-8.843H0Z"/></svg> </template>
CSS
.icon-folder-fill-badge-person-crop {
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%22M45.553%2030.908C51.27%2030.908%2056%2026.22%2056%2020.461c0-5.717-4.73-10.447-10.447-10.447c-5.718%200-10.448%204.73-10.448%2010.447c0%205.759%204.73%2010.447%2010.448%2010.447M32.41%2022.106a11%2011%200%200%201-.123-1.645c0-2.262.576-4.4%201.604-6.272h-13.12c-1.4%200-2.242-.35-3.27-1.214l-1.255-1.049c-1.357-1.13-2.406-1.521-4.442-1.521H5.676C2.077%2010.405%200%2012.46%200%2016.615v5.491Zm13.142-1.028c-1.892%200-3.353-1.563-3.353-3.702c0-1.912%201.46-3.537%203.353-3.537c1.892%200%203.352%201.625%203.352%203.537c0%202.14-1.46%203.702-3.352%203.702m0%207.424c-3.003%200-5.368-1.542-6.026-2.961v-.103c.658-1.275%202.756-2.694%206.026-2.694s5.368%201.419%206.046%202.715v.082c-.7%201.44-3.044%202.961-6.046%202.961M0%2042.2c0%204.257%202.18%206.375%206.458%206.375h34.94c3.682%200%205.82-2.139%205.82-6.375v-8.576a11%2011%200%200%201-1.645.123c-5.738%200-10.673-3.701-12.524-8.843H0Z%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%22M45.553%2030.908C51.27%2030.908%2056%2026.22%2056%2020.461c0-5.717-4.73-10.447-10.447-10.447c-5.718%200-10.448%204.73-10.448%2010.447c0%205.759%204.73%2010.447%2010.448%2010.447M32.41%2022.106a11%2011%200%200%201-.123-1.645c0-2.262.576-4.4%201.604-6.272h-13.12c-1.4%200-2.242-.35-3.27-1.214l-1.255-1.049c-1.357-1.13-2.406-1.521-4.442-1.521H5.676C2.077%2010.405%200%2012.46%200%2016.615v5.491Zm13.142-1.028c-1.892%200-3.353-1.563-3.353-3.702c0-1.912%201.46-3.537%203.353-3.537c1.892%200%203.352%201.625%203.352%203.537c0%202.14-1.46%203.702-3.352%203.702m0%207.424c-3.003%200-5.368-1.542-6.026-2.961v-.103c.658-1.275%202.756-2.694%206.026-2.694s5.368%201.419%206.046%202.715v.082c-.7%201.44-3.044%202.961-6.046%202.961M0%2042.2c0%204.257%202.18%206.375%206.458%206.375h34.94c3.682%200%205.82-2.139%205.82-6.375v-8.576a11%2011%200%200%201-1.645.123c-5.738%200-10.673-3.701-12.524-8.843H0Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/f7/folder-fill-badge-person-crop.svg?color=%231a73e8&size=48
