rectangle stack badge person crop icon
rectangle-stack-badge-person-crop from Framework7 Icons by Vladimir Kharlampidi · Outline · MIT Free for personal and commercial use.
- Name
- rectangle-stack-badge-person-crop
- Set
- Framework7 Icons
- Style
- Outline
- Viewbox
- 56×56
- License
- MIT
Related icons in Framework7 Icons
rectangle-3-offgridrectangle-arrow-up-right-arrow-down-leftrectangle-arrow-up-right-arrow-down-left-slashrectangle-badge-checkmarkrectangle-badge-xmarkrectangle-compress-verticalrectangle-dockrectangle-expand-verticalrectangle-fill-badge-checkmarkrectangle-fill-badge-xmarkrectangle-fill-on-rectangle-angled-fillrectangle-fill-on-rectangle-fillrectangle-grid-1x2rectangle-grid-2x2rectangle-grid-3x2rectangle-on-rectanglerectangle-on-rectangle-angledrectangle-papercliprectangle-split-3x1rectangle-split-3x3rectangle-stackrectangle-stack-badge-minusrectangle-stack-badge-plusrectangle-stack-fill-badge-minus
Use the rectangle stack 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="M18.442 6.118h28.457c-.13-1.829-1.176-2.808-3.179-2.808h-22.1c-2.003 0-3.048.98-3.178 2.808m-4.268 6.031h36.992c-.326-1.98-1.262-3.07-3.44-3.07H17.614c-2.177 0-3.113 1.09-3.44 3.07m34.99 3.528H16.155c-4.573 0-6.837 2.242-6.837 6.75v8.556a16 16 0 0 1 1.742-.109c.588 0 1.175.044 1.763.109V22.6c0-2.264 1.22-3.418 3.375-3.418h32.92c2.134 0 3.375 1.154 3.375 3.418v22.753c0 2.264-1.24 3.44-3.374 3.44H24.495A12.9 12.9 0 0 1 22.97 52.3h26.193c4.55 0 6.837-2.265 6.837-6.75V22.426c0-4.485-2.286-6.75-6.837-6.75M11.06 56c6.074 0 11.06-4.986 11.06-11.06s-4.986-11.061-11.06-11.061C5.008 33.879 0 38.865 0 44.939S5.008 56 11.06 56m0-10.407c-2.004 0-3.55-1.677-3.55-3.92c0-2.046 1.568-3.766 3.55-3.766c2.003 0 3.549 1.72 3.549 3.766c0 2.243-1.546 3.92-3.55 3.92m.021 7.86c-3.179 0-5.704-1.655-6.4-3.158v-.108c.696-1.35 2.938-2.853 6.379-2.853c3.462 0 5.704 1.503 6.4 2.874v.087c-.74 1.525-3.221 3.158-6.379 3.158"/></svg>
React
import type { SVGProps } from "react";
export function F7RectangleStackBadgePersonCrop(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="M18.442 6.118h28.457c-.13-1.829-1.176-2.808-3.179-2.808h-22.1c-2.003 0-3.048.98-3.178 2.808m-4.268 6.031h36.992c-.326-1.98-1.262-3.07-3.44-3.07H17.614c-2.177 0-3.113 1.09-3.44 3.07m34.99 3.528H16.155c-4.573 0-6.837 2.242-6.837 6.75v8.556a16 16 0 0 1 1.742-.109c.588 0 1.175.044 1.763.109V22.6c0-2.264 1.22-3.418 3.375-3.418h32.92c2.134 0 3.375 1.154 3.375 3.418v22.753c0 2.264-1.24 3.44-3.374 3.44H24.495A12.9 12.9 0 0 1 22.97 52.3h26.193c4.55 0 6.837-2.265 6.837-6.75V22.426c0-4.485-2.286-6.75-6.837-6.75M11.06 56c6.074 0 11.06-4.986 11.06-11.06s-4.986-11.061-11.06-11.061C5.008 33.879 0 38.865 0 44.939S5.008 56 11.06 56m0-10.407c-2.004 0-3.55-1.677-3.55-3.92c0-2.046 1.568-3.766 3.55-3.766c2.003 0 3.549 1.72 3.549 3.766c0 2.243-1.546 3.92-3.55 3.92m.021 7.86c-3.179 0-5.704-1.655-6.4-3.158v-.108c.696-1.35 2.938-2.853 6.379-2.853c3.462 0 5.704 1.503 6.4 2.874v.087c-.74 1.525-3.221 3.158-6.379 3.158"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M18.442 6.118h28.457c-.13-1.829-1.176-2.808-3.179-2.808h-22.1c-2.003 0-3.048.98-3.178 2.808m-4.268 6.031h36.992c-.326-1.98-1.262-3.07-3.44-3.07H17.614c-2.177 0-3.113 1.09-3.44 3.07m34.99 3.528H16.155c-4.573 0-6.837 2.242-6.837 6.75v8.556a16 16 0 0 1 1.742-.109c.588 0 1.175.044 1.763.109V22.6c0-2.264 1.22-3.418 3.375-3.418h32.92c2.134 0 3.375 1.154 3.375 3.418v22.753c0 2.264-1.24 3.44-3.374 3.44H24.495A12.9 12.9 0 0 1 22.97 52.3h26.193c4.55 0 6.837-2.265 6.837-6.75V22.426c0-4.485-2.286-6.75-6.837-6.75M11.06 56c6.074 0 11.06-4.986 11.06-11.06s-4.986-11.061-11.06-11.061C5.008 33.879 0 38.865 0 44.939S5.008 56 11.06 56m0-10.407c-2.004 0-3.55-1.677-3.55-3.92c0-2.046 1.568-3.766 3.55-3.766c2.003 0 3.549 1.72 3.549 3.766c0 2.243-1.546 3.92-3.55 3.92m.021 7.86c-3.179 0-5.704-1.655-6.4-3.158v-.108c.696-1.35 2.938-2.853 6.379-2.853c3.462 0 5.704 1.503 6.4 2.874v.087c-.74 1.525-3.221 3.158-6.379 3.158"/></svg> </template>
CSS
.icon-rectangle-stack-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%22M18.442%206.118h28.457c-.13-1.829-1.176-2.808-3.179-2.808h-22.1c-2.003%200-3.048.98-3.178%202.808m-4.268%206.031h36.992c-.326-1.98-1.262-3.07-3.44-3.07H17.614c-2.177%200-3.113%201.09-3.44%203.07m34.99%203.528H16.155c-4.573%200-6.837%202.242-6.837%206.75v8.556a16%2016%200%200%201%201.742-.109c.588%200%201.175.044%201.763.109V22.6c0-2.264%201.22-3.418%203.375-3.418h32.92c2.134%200%203.375%201.154%203.375%203.418v22.753c0%202.264-1.24%203.44-3.374%203.44H24.495A12.9%2012.9%200%200%201%2022.97%2052.3h26.193c4.55%200%206.837-2.265%206.837-6.75V22.426c0-4.485-2.286-6.75-6.837-6.75M11.06%2056c6.074%200%2011.06-4.986%2011.06-11.06s-4.986-11.061-11.06-11.061C5.008%2033.879%200%2038.865%200%2044.939S5.008%2056%2011.06%2056m0-10.407c-2.004%200-3.55-1.677-3.55-3.92c0-2.046%201.568-3.766%203.55-3.766c2.003%200%203.549%201.72%203.549%203.766c0%202.243-1.546%203.92-3.55%203.92m.021%207.86c-3.179%200-5.704-1.655-6.4-3.158v-.108c.696-1.35%202.938-2.853%206.379-2.853c3.462%200%205.704%201.503%206.4%202.874v.087c-.74%201.525-3.221%203.158-6.379%203.158%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%22M18.442%206.118h28.457c-.13-1.829-1.176-2.808-3.179-2.808h-22.1c-2.003%200-3.048.98-3.178%202.808m-4.268%206.031h36.992c-.326-1.98-1.262-3.07-3.44-3.07H17.614c-2.177%200-3.113%201.09-3.44%203.07m34.99%203.528H16.155c-4.573%200-6.837%202.242-6.837%206.75v8.556a16%2016%200%200%201%201.742-.109c.588%200%201.175.044%201.763.109V22.6c0-2.264%201.22-3.418%203.375-3.418h32.92c2.134%200%203.375%201.154%203.375%203.418v22.753c0%202.264-1.24%203.44-3.374%203.44H24.495A12.9%2012.9%200%200%201%2022.97%2052.3h26.193c4.55%200%206.837-2.265%206.837-6.75V22.426c0-4.485-2.286-6.75-6.837-6.75M11.06%2056c6.074%200%2011.06-4.986%2011.06-11.06s-4.986-11.061-11.06-11.061C5.008%2033.879%200%2038.865%200%2044.939S5.008%2056%2011.06%2056m0-10.407c-2.004%200-3.55-1.677-3.55-3.92c0-2.046%201.568-3.766%203.55-3.766c2.003%200%203.549%201.72%203.549%203.766c0%202.243-1.546%203.92-3.55%203.92m.021%207.86c-3.179%200-5.704-1.655-6.4-3.158v-.108c.696-1.35%202.938-2.853%206.379-2.853c3.462%200%205.704%201.503%206.4%202.874v.087c-.74%201.525-3.221%203.158-6.379%203.158%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/f7/rectangle-stack-badge-person-crop.svg?color=%231a73e8&size=48
