rectangle stack fill badge minus icon

rectangle-stack-fill-badge-minus from Framework7 Icons by Vladimir Kharlampidi · Outline · MIT Free for personal and commercial use.

Name
rectangle-stack-fill-badge-minus
Set
Framework7 Icons
Style
Outline
Viewbox
56×56
License
MIT

Related icons in Framework7 Icons

Use the rectangle stack fill badge minus 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.727M5.3 46.399c-.697 0-1.288-.612-1.288-1.287c0-.697.591-1.31 1.288-1.31h10.854a1.33 1.33 0 0 1 1.309 1.31c0 .675-.591 1.288-1.31 1.288Z"/></svg>

React

import type { SVGProps } from "react";

export function F7RectangleStackFillBadgeMinus(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.727M5.3 46.399c-.697 0-1.288-.612-1.288-1.287c0-.697.591-1.31 1.288-1.31h10.854a1.33 1.33 0 0 1 1.309 1.31c0 .675-.591 1.288-1.31 1.288Z"/></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.727M5.3 46.399c-.697 0-1.288-.612-1.288-1.287c0-.697.591-1.31 1.288-1.31h10.854a1.33 1.33 0 0 1 1.309 1.31c0 .675-.591 1.288-1.31 1.288Z"/></svg>
</template>

CSS

.icon-rectangle-stack-fill-badge-minus {
  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.727M5.3%2046.399c-.697%200-1.288-.612-1.288-1.287c0-.697.591-1.31%201.288-1.31h10.854a1.33%201.33%200%200%201%201.309%201.31c0%20.675-.591%201.288-1.31%201.288Z%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.727M5.3%2046.399c-.697%200-1.288-.612-1.288-1.287c0-.697.591-1.31%201.288-1.31h10.854a1.33%201.33%200%200%201%201.309%201.31c0%20.675-.591%201.288-1.31%201.288Z%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-minus.svg?color=%231a73e8&size=48