rectangle badge xmark icon
rectangle-badge-xmark from Framework7 Icons by Vladimir Kharlampidi · Outline · MIT Free for personal and commercial use.
- Name
- rectangle-badge-xmark
- 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-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-plusrectangle-stack-fill-badge-minus
Use the rectangle badge xmark icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M49.689 9.428H14.914c-4.201 0-6.312 2.07-6.312 6.231v11.478c.543-.06 1.085-.1 1.608-.1c.543 0 1.085.04 1.628.1V15.82c0-2.09 1.126-3.156 3.116-3.156h34.693c1.99 0 3.116 1.066 3.116 3.156v24.221c0 2.09-1.126 3.156-3.116 3.156H22.734a11.6 11.6 0 0 1-1.287 3.236H49.69c4.22 0 6.311-2.09 6.311-6.23V15.658c0-4.14-2.09-6.23-6.312-6.23M10.21 50.212c5.608 0 10.211-4.583 10.211-10.21c0-5.589-4.603-10.212-10.211-10.212C4.623 29.79 0 34.413 0 40.001c0 5.628 4.623 10.211 10.211 10.211m-2.975-5.447c-.502.502-1.246.402-1.728-.06c-.463-.463-.543-1.227-.04-1.73l3.034-3.034l-2.794-2.814c-.442-.463-.442-1.206 0-1.628a1.146 1.146 0 0 1 1.629 0l2.834 2.773l3.015-3.015c.502-.502 1.266-.402 1.729.06c.462.463.562 1.207.06 1.73L11.94 40.06l2.794 2.814c.442.463.442 1.227 0 1.649a1.21 1.21 0 0 1-1.649 0l-2.794-2.794Z"/></svg>
React
import type { SVGProps } from "react";
export function F7RectangleBadgeXmark(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="M49.689 9.428H14.914c-4.201 0-6.312 2.07-6.312 6.231v11.478c.543-.06 1.085-.1 1.608-.1c.543 0 1.085.04 1.628.1V15.82c0-2.09 1.126-3.156 3.116-3.156h34.693c1.99 0 3.116 1.066 3.116 3.156v24.221c0 2.09-1.126 3.156-3.116 3.156H22.734a11.6 11.6 0 0 1-1.287 3.236H49.69c4.22 0 6.311-2.09 6.311-6.23V15.658c0-4.14-2.09-6.23-6.312-6.23M10.21 50.212c5.608 0 10.211-4.583 10.211-10.21c0-5.589-4.603-10.212-10.211-10.212C4.623 29.79 0 34.413 0 40.001c0 5.628 4.623 10.211 10.211 10.211m-2.975-5.447c-.502.502-1.246.402-1.728-.06c-.463-.463-.543-1.227-.04-1.73l3.034-3.034l-2.794-2.814c-.442-.463-.442-1.206 0-1.628a1.146 1.146 0 0 1 1.629 0l2.834 2.773l3.015-3.015c.502-.502 1.266-.402 1.729.06c.462.463.562 1.207.06 1.73L11.94 40.06l2.794 2.814c.442.463.442 1.227 0 1.649a1.21 1.21 0 0 1-1.649 0l-2.794-2.794Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M49.689 9.428H14.914c-4.201 0-6.312 2.07-6.312 6.231v11.478c.543-.06 1.085-.1 1.608-.1c.543 0 1.085.04 1.628.1V15.82c0-2.09 1.126-3.156 3.116-3.156h34.693c1.99 0 3.116 1.066 3.116 3.156v24.221c0 2.09-1.126 3.156-3.116 3.156H22.734a11.6 11.6 0 0 1-1.287 3.236H49.69c4.22 0 6.311-2.09 6.311-6.23V15.658c0-4.14-2.09-6.23-6.312-6.23M10.21 50.212c5.608 0 10.211-4.583 10.211-10.21c0-5.589-4.603-10.212-10.211-10.212C4.623 29.79 0 34.413 0 40.001c0 5.628 4.623 10.211 10.211 10.211m-2.975-5.447c-.502.502-1.246.402-1.728-.06c-.463-.463-.543-1.227-.04-1.73l3.034-3.034l-2.794-2.814c-.442-.463-.442-1.206 0-1.628a1.146 1.146 0 0 1 1.629 0l2.834 2.773l3.015-3.015c.502-.502 1.266-.402 1.729.06c.462.463.562 1.207.06 1.73L11.94 40.06l2.794 2.814c.442.463.442 1.227 0 1.649a1.21 1.21 0 0 1-1.649 0l-2.794-2.794Z"/></svg> </template>
CSS
.icon-rectangle-badge-xmark {
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%22M49.689%209.428H14.914c-4.201%200-6.312%202.07-6.312%206.231v11.478c.543-.06%201.085-.1%201.608-.1c.543%200%201.085.04%201.628.1V15.82c0-2.09%201.126-3.156%203.116-3.156h34.693c1.99%200%203.116%201.066%203.116%203.156v24.221c0%202.09-1.126%203.156-3.116%203.156H22.734a11.6%2011.6%200%200%201-1.287%203.236H49.69c4.22%200%206.311-2.09%206.311-6.23V15.658c0-4.14-2.09-6.23-6.312-6.23M10.21%2050.212c5.608%200%2010.211-4.583%2010.211-10.21c0-5.589-4.603-10.212-10.211-10.212C4.623%2029.79%200%2034.413%200%2040.001c0%205.628%204.623%2010.211%2010.211%2010.211m-2.975-5.447c-.502.502-1.246.402-1.728-.06c-.463-.463-.543-1.227-.04-1.73l3.034-3.034l-2.794-2.814c-.442-.463-.442-1.206%200-1.628a1.146%201.146%200%200%201%201.629%200l2.834%202.773l3.015-3.015c.502-.502%201.266-.402%201.729.06c.462.463.562%201.207.06%201.73L11.94%2040.06l2.794%202.814c.442.463.442%201.227%200%201.649a1.21%201.21%200%200%201-1.649%200l-2.794-2.794Z%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%22M49.689%209.428H14.914c-4.201%200-6.312%202.07-6.312%206.231v11.478c.543-.06%201.085-.1%201.608-.1c.543%200%201.085.04%201.628.1V15.82c0-2.09%201.126-3.156%203.116-3.156h34.693c1.99%200%203.116%201.066%203.116%203.156v24.221c0%202.09-1.126%203.156-3.116%203.156H22.734a11.6%2011.6%200%200%201-1.287%203.236H49.69c4.22%200%206.311-2.09%206.311-6.23V15.658c0-4.14-2.09-6.23-6.312-6.23M10.21%2050.212c5.608%200%2010.211-4.583%2010.211-10.21c0-5.589-4.603-10.212-10.211-10.212C4.623%2029.79%200%2034.413%200%2040.001c0%205.628%204.623%2010.211%2010.211%2010.211m-2.975-5.447c-.502.502-1.246.402-1.728-.06c-.463-.463-.543-1.227-.04-1.73l3.034-3.034l-2.794-2.814c-.442-.463-.442-1.206%200-1.628a1.146%201.146%200%200%201%201.629%200l2.834%202.773l3.015-3.015c.502-.502%201.266-.402%201.729.06c.462.463.562%201.207.06%201.73L11.94%2040.06l2.794%202.814c.442.463.442%201.227%200%201.649a1.21%201.21%200%200%201-1.649%200l-2.794-2.794Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/f7/rectangle-badge-xmark.svg?color=%231a73e8&size=48
