person crop rectangle icon

person-crop-rectangle-fill from Framework7 Icons by Vladimir Kharlampidi · Fill · MIT Free for personal and commercial use.

Name: person-crop-rectangle-fill
Set: Framework7 Icons
Style: Fill
Viewbox: 56×56
License: MIT

1 other variant in Framework7 Icons

person-crop-rectangle

Use the person crop rectangle icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M7.715 49.574h40.57c4.899 0 7.36-2.437 7.36-7.265V13.69c0-4.828-2.461-7.265-7.36-7.265H7.715C2.84 6.426.355 8.84.355 13.69v28.62c0 4.851 2.485 7.265 7.36 7.265m20.273-16.71c-4.195 0-7.547-3.563-7.547-8.298c0-4.453 3.352-8.062 7.547-8.062c4.219 0 7.57 3.61 7.57 8.062c0 4.735-3.351 8.297-7.57 8.297m.024 3.679c6.937 0 12.609 2.977 15.703 9.258h-31.43c3.117-6.281 8.766-9.258 15.727-9.258"/></svg>

React

import type { SVGProps } from "react";

export function F7PersonCropRectangleFill(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="M7.715 49.574h40.57c4.899 0 7.36-2.437 7.36-7.265V13.69c0-4.828-2.461-7.265-7.36-7.265H7.715C2.84 6.426.355 8.84.355 13.69v28.62c0 4.851 2.485 7.265 7.36 7.265m20.273-16.71c-4.195 0-7.547-3.563-7.547-8.298c0-4.453 3.352-8.062 7.547-8.062c4.219 0 7.57 3.61 7.57 8.062c0 4.735-3.351 8.297-7.57 8.297m.024 3.679c6.937 0 12.609 2.977 15.703 9.258h-31.43c3.117-6.281 8.766-9.258 15.727-9.258"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M7.715 49.574h40.57c4.899 0 7.36-2.437 7.36-7.265V13.69c0-4.828-2.461-7.265-7.36-7.265H7.715C2.84 6.426.355 8.84.355 13.69v28.62c0 4.851 2.485 7.265 7.36 7.265m20.273-16.71c-4.195 0-7.547-3.563-7.547-8.298c0-4.453 3.352-8.062 7.547-8.062c4.219 0 7.57 3.61 7.57 8.062c0 4.735-3.351 8.297-7.57 8.297m.024 3.679c6.937 0 12.609 2.977 15.703 9.258h-31.43c3.117-6.281 8.766-9.258 15.727-9.258"/></svg>
</template>

CSS

.icon-person-crop-rectangle-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%22M7.715%2049.574h40.57c4.899%200%207.36-2.437%207.36-7.265V13.69c0-4.828-2.461-7.265-7.36-7.265H7.715C2.84%206.426.355%208.84.355%2013.69v28.62c0%204.851%202.485%207.265%207.36%207.265m20.273-16.71c-4.195%200-7.547-3.563-7.547-8.298c0-4.453%203.352-8.062%207.547-8.062c4.219%200%207.57%203.61%207.57%208.062c0%204.735-3.351%208.297-7.57%208.297m.024%203.679c6.937%200%2012.609%202.977%2015.703%209.258h-31.43c3.117-6.281%208.766-9.258%2015.727-9.258%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%22M7.715%2049.574h40.57c4.899%200%207.36-2.437%207.36-7.265V13.69c0-4.828-2.461-7.265-7.36-7.265H7.715C2.84%206.426.355%208.84.355%2013.69v28.62c0%204.851%202.485%207.265%207.36%207.265m20.273-16.71c-4.195%200-7.547-3.563-7.547-8.298c0-4.453%203.352-8.062%207.547-8.062c4.219%200%207.57%203.61%207.57%208.062c0%204.735-3.351%208.297-7.57%208.297m.024%203.679c6.937%200%2012.609%202.977%2015.703%209.258h-31.43c3.117-6.281%208.766-9.258%2015.727-9.258%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/f7/person-crop-rectangle-fill.svg?color=%231a73e8&size=48

person crop rectangle icon

1 other variant in Framework7 Icons

Related icons in Framework7 Icons

Use the person crop rectangle icon

SVG

React

Vue

CSS