cart fill badge minus icon
cart-fill-badge-minus from Framework7 Icons by Vladimir Kharlampidi · Outline · MIT Free for personal and commercial use.
- Name
- cart-fill-badge-minus
- Set
- Framework7 Icons
- Style
- Outline
- Viewbox
- 56×56
- License
- MIT
Related icons in Framework7 Icons
Use the cart 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="M45.416 28.73C51.217 28.73 56 23.968 56 18.166S51.217 7.602 45.416 7.602c-5.781 0-10.564 4.762-10.564 10.564S39.635 28.73 45.416 28.73m-28.51 13.287h24.268c.81 0 1.517-.665 1.517-1.56c0-.893-.707-1.559-1.517-1.559H17.26c-1.186 0-1.893-.832-2.1-2.1l-.333-2.183h26.388c2.163 0 3.577-.936 4.305-2.6l.166-.437c-7.694-.02-13.683-5.947-13.683-13.412q0-.936.125-1.872H12.165l-.395-2.64c-.25-1.602-.79-2.413-2.911-2.413h-7.32c-.832 0-1.539.728-1.539 1.56c0 .852.707 1.58 1.539 1.58h7.028l3.328 22.833c.436 2.953 1.996 4.804 5.011 4.804m23.186-22.583c-.707 0-1.29-.603-1.29-1.268c0-.686.583-1.268 1.29-1.268h10.689c.686 0 1.268.582 1.268 1.268c0 .665-.582 1.268-1.268 1.268ZM15.18 48.754a3.33 3.33 0 0 0 3.369 3.37a3.34 3.34 0 0 0 3.369-3.37a3.355 3.355 0 0 0-3.37-3.368a3.34 3.34 0 0 0-3.368 3.369m19.422 0c0 1.893 1.518 3.37 3.41 3.37a3.34 3.34 0 0 0 3.37-3.37a3.355 3.355 0 0 0-3.37-3.368c-1.892 0-3.41 1.497-3.41 3.369"/></svg>
React
import type { SVGProps } from "react";
export function F7CartFillBadgeMinus(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="M45.416 28.73C51.217 28.73 56 23.968 56 18.166S51.217 7.602 45.416 7.602c-5.781 0-10.564 4.762-10.564 10.564S39.635 28.73 45.416 28.73m-28.51 13.287h24.268c.81 0 1.517-.665 1.517-1.56c0-.893-.707-1.559-1.517-1.559H17.26c-1.186 0-1.893-.832-2.1-2.1l-.333-2.183h26.388c2.163 0 3.577-.936 4.305-2.6l.166-.437c-7.694-.02-13.683-5.947-13.683-13.412q0-.936.125-1.872H12.165l-.395-2.64c-.25-1.602-.79-2.413-2.911-2.413h-7.32c-.832 0-1.539.728-1.539 1.56c0 .852.707 1.58 1.539 1.58h7.028l3.328 22.833c.436 2.953 1.996 4.804 5.011 4.804m23.186-22.583c-.707 0-1.29-.603-1.29-1.268c0-.686.583-1.268 1.29-1.268h10.689c.686 0 1.268.582 1.268 1.268c0 .665-.582 1.268-1.268 1.268ZM15.18 48.754a3.33 3.33 0 0 0 3.369 3.37a3.34 3.34 0 0 0 3.369-3.37a3.355 3.355 0 0 0-3.37-3.368a3.34 3.34 0 0 0-3.368 3.369m19.422 0c0 1.893 1.518 3.37 3.41 3.37a3.34 3.34 0 0 0 3.37-3.37a3.355 3.355 0 0 0-3.37-3.368c-1.892 0-3.41 1.497-3.41 3.369"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M45.416 28.73C51.217 28.73 56 23.968 56 18.166S51.217 7.602 45.416 7.602c-5.781 0-10.564 4.762-10.564 10.564S39.635 28.73 45.416 28.73m-28.51 13.287h24.268c.81 0 1.517-.665 1.517-1.56c0-.893-.707-1.559-1.517-1.559H17.26c-1.186 0-1.893-.832-2.1-2.1l-.333-2.183h26.388c2.163 0 3.577-.936 4.305-2.6l.166-.437c-7.694-.02-13.683-5.947-13.683-13.412q0-.936.125-1.872H12.165l-.395-2.64c-.25-1.602-.79-2.413-2.911-2.413h-7.32c-.832 0-1.539.728-1.539 1.56c0 .852.707 1.58 1.539 1.58h7.028l3.328 22.833c.436 2.953 1.996 4.804 5.011 4.804m23.186-22.583c-.707 0-1.29-.603-1.29-1.268c0-.686.583-1.268 1.29-1.268h10.689c.686 0 1.268.582 1.268 1.268c0 .665-.582 1.268-1.268 1.268ZM15.18 48.754a3.33 3.33 0 0 0 3.369 3.37a3.34 3.34 0 0 0 3.369-3.37a3.355 3.355 0 0 0-3.37-3.368a3.34 3.34 0 0 0-3.368 3.369m19.422 0c0 1.893 1.518 3.37 3.41 3.37a3.34 3.34 0 0 0 3.37-3.37a3.355 3.355 0 0 0-3.37-3.368c-1.892 0-3.41 1.497-3.41 3.369"/></svg> </template>
CSS
.icon-cart-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%22M45.416%2028.73C51.217%2028.73%2056%2023.968%2056%2018.166S51.217%207.602%2045.416%207.602c-5.781%200-10.564%204.762-10.564%2010.564S39.635%2028.73%2045.416%2028.73m-28.51%2013.287h24.268c.81%200%201.517-.665%201.517-1.56c0-.893-.707-1.559-1.517-1.559H17.26c-1.186%200-1.893-.832-2.1-2.1l-.333-2.183h26.388c2.163%200%203.577-.936%204.305-2.6l.166-.437c-7.694-.02-13.683-5.947-13.683-13.412q0-.936.125-1.872H12.165l-.395-2.64c-.25-1.602-.79-2.413-2.911-2.413h-7.32c-.832%200-1.539.728-1.539%201.56c0%20.852.707%201.58%201.539%201.58h7.028l3.328%2022.833c.436%202.953%201.996%204.804%205.011%204.804m23.186-22.583c-.707%200-1.29-.603-1.29-1.268c0-.686.583-1.268%201.29-1.268h10.689c.686%200%201.268.582%201.268%201.268c0%20.665-.582%201.268-1.268%201.268ZM15.18%2048.754a3.33%203.33%200%200%200%203.369%203.37a3.34%203.34%200%200%200%203.369-3.37a3.355%203.355%200%200%200-3.37-3.368a3.34%203.34%200%200%200-3.368%203.369m19.422%200c0%201.893%201.518%203.37%203.41%203.37a3.34%203.34%200%200%200%203.37-3.37a3.355%203.355%200%200%200-3.37-3.368c-1.892%200-3.41%201.497-3.41%203.369%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%22M45.416%2028.73C51.217%2028.73%2056%2023.968%2056%2018.166S51.217%207.602%2045.416%207.602c-5.781%200-10.564%204.762-10.564%2010.564S39.635%2028.73%2045.416%2028.73m-28.51%2013.287h24.268c.81%200%201.517-.665%201.517-1.56c0-.893-.707-1.559-1.517-1.559H17.26c-1.186%200-1.893-.832-2.1-2.1l-.333-2.183h26.388c2.163%200%203.577-.936%204.305-2.6l.166-.437c-7.694-.02-13.683-5.947-13.683-13.412q0-.936.125-1.872H12.165l-.395-2.64c-.25-1.602-.79-2.413-2.911-2.413h-7.32c-.832%200-1.539.728-1.539%201.56c0%20.852.707%201.58%201.539%201.58h7.028l3.328%2022.833c.436%202.953%201.996%204.804%205.011%204.804m23.186-22.583c-.707%200-1.29-.603-1.29-1.268c0-.686.583-1.268%201.29-1.268h10.689c.686%200%201.268.582%201.268%201.268c0%20.665-.582%201.268-1.268%201.268ZM15.18%2048.754a3.33%203.33%200%200%200%203.369%203.37a3.34%203.34%200%200%200%203.369-3.37a3.355%203.355%200%200%200-3.37-3.368a3.34%203.34%200%200%200-3.368%203.369m19.422%200c0%201.893%201.518%203.37%203.41%203.37a3.34%203.34%200%200%200%203.37-3.37a3.355%203.355%200%200%200-3.37-3.368c-1.892%200-3.41%201.497-3.41%203.369%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/f7/cart-fill-badge-minus.svg?color=%231a73e8&size=48
