rectangle stack fill badge plus icon
rectangle-stack-fill-badge-plus from Framework7 Icons by Vladimir Kharlampidi · Outline · MIT Free for personal and commercial use.
- Name
- rectangle-stack-fill-badge-plus
- 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 plus 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.828 0 10.727-4.878 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.727m.021-3.76c-.739 0-1.393-.506-1.393-1.308V46.4H5.32a1.316 1.316 0 0 1-1.309-1.31c0-.696.591-1.288 1.31-1.288h4.032v-4.37c0-.803.655-1.289 1.394-1.289c.718 0 1.373.486 1.373 1.288v4.371h4.033c.718 0 1.288.592 1.288 1.288c0 .718-.57 1.31-1.288 1.31H12.12v4.37c0 .803-.655 1.31-1.373 1.31"/></svg>
React
import type { SVGProps } from "react";
export function F7RectangleStackFillBadgePlus(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.828 0 10.727-4.878 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.727m.021-3.76c-.739 0-1.393-.506-1.393-1.308V46.4H5.32a1.316 1.316 0 0 1-1.309-1.31c0-.696.591-1.288 1.31-1.288h4.032v-4.37c0-.803.655-1.289 1.394-1.289c.718 0 1.373.486 1.373 1.288v4.371h4.033c.718 0 1.288.592 1.288 1.288c0 .718-.57 1.31-1.288 1.31H12.12v4.37c0 .803-.655 1.31-1.373 1.31"/></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.828 0 10.727-4.878 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.727m.021-3.76c-.739 0-1.393-.506-1.393-1.308V46.4H5.32a1.316 1.316 0 0 1-1.309-1.31c0-.696.591-1.288 1.31-1.288h4.032v-4.37c0-.803.655-1.289 1.394-1.289c.718 0 1.373.486 1.373 1.288v4.371h4.033c.718 0 1.288.592 1.288 1.288c0 .718-.57 1.31-1.288 1.31H12.12v4.37c0 .803-.655 1.31-1.373 1.31"/></svg> </template>
CSS
.icon-rectangle-stack-fill-badge-plus {
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.828%200%2010.727-4.878%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.727m.021-3.76c-.739%200-1.393-.506-1.393-1.308V46.4H5.32a1.316%201.316%200%200%201-1.309-1.31c0-.696.591-1.288%201.31-1.288h4.032v-4.37c0-.803.655-1.289%201.394-1.289c.718%200%201.373.486%201.373%201.288v4.371h4.033c.718%200%201.288.592%201.288%201.288c0%20.718-.57%201.31-1.288%201.31H12.12v4.37c0%20.803-.655%201.31-1.373%201.31%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.828%200%2010.727-4.878%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.727m.021-3.76c-.739%200-1.393-.506-1.393-1.308V46.4H5.32a1.316%201.316%200%200%201-1.309-1.31c0-.696.591-1.288%201.31-1.288h4.032v-4.37c0-.803.655-1.289%201.394-1.289c.718%200%201.373.486%201.373%201.288v4.371h4.033c.718%200%201.288.592%201.288%201.288c0%20.718-.57%201.31-1.288%201.31H12.12v4.37c0%20.803-.655%201.31-1.373%201.31%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-plus.svg?color=%231a73e8&size=48
