rectangle stack fill badge person crop icon
rectangle-stack-fill-badge-person-crop from Framework7 Icons by Vladimir Kharlampidi · Outline · MIT Free for personal and commercial use.
- Name
- rectangle-stack-fill-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-person-croprectangle-stack-badge-plus
Use the rectangle stack 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="M19.575 7.462h27.598c-.126-1.774-1.14-2.724-3.083-2.724H22.659c-1.943 0-2.957.95-3.083 2.723m-4.14 5.849h35.877c-.316-1.922-1.225-2.978-3.336-2.978H18.772c-2.111 0-3.02 1.056-3.336 2.978m33.935 3.42H17.357c-4.413 0-6.63 2.175-6.63 6.546v8.194c7.496 0 13.641 6.144 13.641 13.64c0 2.619-.76 5.047-2.09 7.138H49.37c4.413 0 6.63-2.196 6.63-6.546V23.277c0-4.35-2.217-6.546-6.63-6.546M10.727 55.84c5.891 0 10.727-4.836 10.727-10.727c0-5.892-4.836-10.727-10.727-10.727C4.857 34.385 0 39.22 0 45.112c0 5.891 4.857 10.727 10.727 10.727m0-10.094c-1.943 0-3.442-1.626-3.442-3.8c0-1.986 1.52-3.654 3.442-3.654c1.943 0 3.442 1.668 3.442 3.653c0 2.175-1.5 3.801-3.442 3.801m.021 7.623c-3.083 0-5.532-1.605-6.208-3.062v-.105c.676-1.31 2.85-2.767 6.187-2.767c3.358 0 5.532 1.457 6.208 2.788v.084c-.718 1.478-3.125 3.062-6.187 3.062"/></svg>
React
import type { SVGProps } from "react";
export function F7RectangleStackFillBadgePersonCrop(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="M19.575 7.462h27.598c-.126-1.774-1.14-2.724-3.083-2.724H22.659c-1.943 0-2.957.95-3.083 2.723m-4.14 5.849h35.877c-.316-1.922-1.225-2.978-3.336-2.978H18.772c-2.111 0-3.02 1.056-3.336 2.978m33.935 3.42H17.357c-4.413 0-6.63 2.175-6.63 6.546v8.194c7.496 0 13.641 6.144 13.641 13.64c0 2.619-.76 5.047-2.09 7.138H49.37c4.413 0 6.63-2.196 6.63-6.546V23.277c0-4.35-2.217-6.546-6.63-6.546M10.727 55.84c5.891 0 10.727-4.836 10.727-10.727c0-5.892-4.836-10.727-10.727-10.727C4.857 34.385 0 39.22 0 45.112c0 5.891 4.857 10.727 10.727 10.727m0-10.094c-1.943 0-3.442-1.626-3.442-3.8c0-1.986 1.52-3.654 3.442-3.654c1.943 0 3.442 1.668 3.442 3.653c0 2.175-1.5 3.801-3.442 3.801m.021 7.623c-3.083 0-5.532-1.605-6.208-3.062v-.105c.676-1.31 2.85-2.767 6.187-2.767c3.358 0 5.532 1.457 6.208 2.788v.084c-.718 1.478-3.125 3.062-6.187 3.062"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M19.575 7.462h27.598c-.126-1.774-1.14-2.724-3.083-2.724H22.659c-1.943 0-2.957.95-3.083 2.723m-4.14 5.849h35.877c-.316-1.922-1.225-2.978-3.336-2.978H18.772c-2.111 0-3.02 1.056-3.336 2.978m33.935 3.42H17.357c-4.413 0-6.63 2.175-6.63 6.546v8.194c7.496 0 13.641 6.144 13.641 13.64c0 2.619-.76 5.047-2.09 7.138H49.37c4.413 0 6.63-2.196 6.63-6.546V23.277c0-4.35-2.217-6.546-6.63-6.546M10.727 55.84c5.891 0 10.727-4.836 10.727-10.727c0-5.892-4.836-10.727-10.727-10.727C4.857 34.385 0 39.22 0 45.112c0 5.891 4.857 10.727 10.727 10.727m0-10.094c-1.943 0-3.442-1.626-3.442-3.8c0-1.986 1.52-3.654 3.442-3.654c1.943 0 3.442 1.668 3.442 3.653c0 2.175-1.5 3.801-3.442 3.801m.021 7.623c-3.083 0-5.532-1.605-6.208-3.062v-.105c.676-1.31 2.85-2.767 6.187-2.767c3.358 0 5.532 1.457 6.208 2.788v.084c-.718 1.478-3.125 3.062-6.187 3.062"/></svg> </template>
CSS
.icon-rectangle-stack-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%22M19.575%207.462h27.598c-.126-1.774-1.14-2.724-3.083-2.724H22.659c-1.943%200-2.957.95-3.083%202.723m-4.14%205.849h35.877c-.316-1.922-1.225-2.978-3.336-2.978H18.772c-2.111%200-3.02%201.056-3.336%202.978m33.935%203.42H17.357c-4.413%200-6.63%202.175-6.63%206.546v8.194c7.496%200%2013.641%206.144%2013.641%2013.64c0%202.619-.76%205.047-2.09%207.138H49.37c4.413%200%206.63-2.196%206.63-6.546V23.277c0-4.35-2.217-6.546-6.63-6.546M10.727%2055.84c5.891%200%2010.727-4.836%2010.727-10.727c0-5.892-4.836-10.727-10.727-10.727C4.857%2034.385%200%2039.22%200%2045.112c0%205.891%204.857%2010.727%2010.727%2010.727m0-10.094c-1.943%200-3.442-1.626-3.442-3.8c0-1.986%201.52-3.654%203.442-3.654c1.943%200%203.442%201.668%203.442%203.653c0%202.175-1.5%203.801-3.442%203.801m.021%207.623c-3.083%200-5.532-1.605-6.208-3.062v-.105c.676-1.31%202.85-2.767%206.187-2.767c3.358%200%205.532%201.457%206.208%202.788v.084c-.718%201.478-3.125%203.062-6.187%203.062%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%22M19.575%207.462h27.598c-.126-1.774-1.14-2.724-3.083-2.724H22.659c-1.943%200-2.957.95-3.083%202.723m-4.14%205.849h35.877c-.316-1.922-1.225-2.978-3.336-2.978H18.772c-2.111%200-3.02%201.056-3.336%202.978m33.935%203.42H17.357c-4.413%200-6.63%202.175-6.63%206.546v8.194c7.496%200%2013.641%206.144%2013.641%2013.64c0%202.619-.76%205.047-2.09%207.138H49.37c4.413%200%206.63-2.196%206.63-6.546V23.277c0-4.35-2.217-6.546-6.63-6.546M10.727%2055.84c5.891%200%2010.727-4.836%2010.727-10.727c0-5.892-4.836-10.727-10.727-10.727C4.857%2034.385%200%2039.22%200%2045.112c0%205.891%204.857%2010.727%2010.727%2010.727m0-10.094c-1.943%200-3.442-1.626-3.442-3.8c0-1.986%201.52-3.654%203.442-3.654c1.943%200%203.442%201.668%203.442%203.653c0%202.175-1.5%203.801-3.442%203.801m.021%207.623c-3.083%200-5.532-1.605-6.208-3.062v-.105c.676-1.31%202.85-2.767%206.187-2.767c3.358%200%205.532%201.457%206.208%202.788v.084c-.718%201.478-3.125%203.062-6.187%203.062%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/f7/rectangle-stack-fill-badge-person-crop.svg?color=%231a73e8&size=48
