rectangle badge checkmark icon
rectangle-badge-checkmark from Framework7 Icons by Vladimir Kharlampidi · Outline · MIT Free for personal and commercial use.
- Name
- rectangle-badge-checkmark
- 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-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-plusrectangle-stack-fill-badge-minus
Use the rectangle badge checkmark 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-1.206-4.221c-.322 0-.724-.14-.985-.422l-3.86-4.221c-.14-.161-.24-.523-.24-.804c0-.684.542-1.226 1.226-1.226c.402 0 .723.2.944.422l2.855 3.095l5.326-7.377a1.23 1.23 0 0 1 1.025-.542c.664 0 1.247.522 1.247 1.226c0 .2-.1.482-.282.723l-6.23 8.664c-.202.281-.604.462-1.026.462"/></svg>
React
import type { SVGProps } from "react";
export function F7RectangleBadgeCheckmark(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-1.206-4.221c-.322 0-.724-.14-.985-.422l-3.86-4.221c-.14-.161-.24-.523-.24-.804c0-.684.542-1.226 1.226-1.226c.402 0 .723.2.944.422l2.855 3.095l5.326-7.377a1.23 1.23 0 0 1 1.025-.542c.664 0 1.247.522 1.247 1.226c0 .2-.1.482-.282.723l-6.23 8.664c-.202.281-.604.462-1.026.462"/></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-1.206-4.221c-.322 0-.724-.14-.985-.422l-3.86-4.221c-.14-.161-.24-.523-.24-.804c0-.684.542-1.226 1.226-1.226c.402 0 .723.2.944.422l2.855 3.095l5.326-7.377a1.23 1.23 0 0 1 1.025-.542c.664 0 1.247.522 1.247 1.226c0 .2-.1.482-.282.723l-6.23 8.664c-.202.281-.604.462-1.026.462"/></svg> </template>
CSS
.icon-rectangle-badge-checkmark {
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-1.206-4.221c-.322%200-.724-.14-.985-.422l-3.86-4.221c-.14-.161-.24-.523-.24-.804c0-.684.542-1.226%201.226-1.226c.402%200%20.723.2.944.422l2.855%203.095l5.326-7.377a1.23%201.23%200%200%201%201.025-.542c.664%200%201.247.522%201.247%201.226c0%20.2-.1.482-.282.723l-6.23%208.664c-.202.281-.604.462-1.026.462%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-1.206-4.221c-.322%200-.724-.14-.985-.422l-3.86-4.221c-.14-.161-.24-.523-.24-.804c0-.684.542-1.226%201.226-1.226c.402%200%20.723.2.944.422l2.855%203.095l5.326-7.377a1.23%201.23%200%200%201%201.025-.542c.664%200%201.247.522%201.247%201.226c0%20.2-.1.482-.282.723l-6.23%208.664c-.202.281-.604.462-1.026.462%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/f7/rectangle-badge-checkmark.svg?color=%231a73e8&size=48
