cart badge minus icon
cart-badge-minus from Framework7 Icons by Vladimir Kharlampidi · Outline · MIT Free for personal and commercial use.
- Name
- cart-badge-minus
- Set
- Framework7 Icons
- Style
- Outline
- Viewbox
- 56×56
- License
- MIT
Related icons in Framework7 Icons
Use the cart 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.85C51.217 28.85 56 24.11 56 18.287c0-5.781-4.783-10.564-10.584-10.564c-5.781 0-10.564 4.783-10.564 10.564c0 5.822 4.783 10.563 10.564 10.563m-28.51 12.976h24.268c.81 0 1.517-.665 1.517-1.56c0-.893-.707-1.559-1.517-1.559H17.26c-1.186 0-1.914-.832-2.1-2.1l-.313-2.184h26.368c2.163 0 3.556-.915 4.346-2.703c-1.788 0-3.473-.353-5.032-1.04c-.312.416-.707.603-1.29.603l-24.87.021l-1.767-12.06h19.463c-.103-.957-.041-2.205.104-3.14H12.144l-.374-2.642c-.229-1.6-.79-2.412-2.911-2.412h-7.32C.707 11.05 0 11.778 0 12.61c0 .852.707 1.58 1.539 1.58h7.028l3.328 22.833c.436 2.953 1.996 4.803 5.011 4.803m23.186-22.25a1.31 1.31 0 0 1-1.29-1.29c0-.665.583-1.268 1.29-1.268h10.689c.686 0 1.268.603 1.268 1.269c0 .686-.582 1.289-1.268 1.289ZM18.55 51.933a3.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.369a3.33 3.33 0 0 0 3.369 3.369m19.464 0a3.34 3.34 0 0 0 3.368-3.37a3.355 3.355 0 0 0-3.368-3.368c-1.893 0-3.41 1.497-3.41 3.369c0 1.892 1.517 3.369 3.41 3.369"/></svg>
React
import type { SVGProps } from "react";
export function F7CartBadgeMinus(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.85C51.217 28.85 56 24.11 56 18.287c0-5.781-4.783-10.564-10.584-10.564c-5.781 0-10.564 4.783-10.564 10.564c0 5.822 4.783 10.563 10.564 10.563m-28.51 12.976h24.268c.81 0 1.517-.665 1.517-1.56c0-.893-.707-1.559-1.517-1.559H17.26c-1.186 0-1.914-.832-2.1-2.1l-.313-2.184h26.368c2.163 0 3.556-.915 4.346-2.703c-1.788 0-3.473-.353-5.032-1.04c-.312.416-.707.603-1.29.603l-24.87.021l-1.767-12.06h19.463c-.103-.957-.041-2.205.104-3.14H12.144l-.374-2.642c-.229-1.6-.79-2.412-2.911-2.412h-7.32C.707 11.05 0 11.778 0 12.61c0 .852.707 1.58 1.539 1.58h7.028l3.328 22.833c.436 2.953 1.996 4.803 5.011 4.803m23.186-22.25a1.31 1.31 0 0 1-1.29-1.29c0-.665.583-1.268 1.29-1.268h10.689c.686 0 1.268.603 1.268 1.269c0 .686-.582 1.289-1.268 1.289ZM18.55 51.933a3.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.369a3.33 3.33 0 0 0 3.369 3.369m19.464 0a3.34 3.34 0 0 0 3.368-3.37a3.355 3.355 0 0 0-3.368-3.368c-1.893 0-3.41 1.497-3.41 3.369c0 1.892 1.517 3.369 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.85C51.217 28.85 56 24.11 56 18.287c0-5.781-4.783-10.564-10.584-10.564c-5.781 0-10.564 4.783-10.564 10.564c0 5.822 4.783 10.563 10.564 10.563m-28.51 12.976h24.268c.81 0 1.517-.665 1.517-1.56c0-.893-.707-1.559-1.517-1.559H17.26c-1.186 0-1.914-.832-2.1-2.1l-.313-2.184h26.368c2.163 0 3.556-.915 4.346-2.703c-1.788 0-3.473-.353-5.032-1.04c-.312.416-.707.603-1.29.603l-24.87.021l-1.767-12.06h19.463c-.103-.957-.041-2.205.104-3.14H12.144l-.374-2.642c-.229-1.6-.79-2.412-2.911-2.412h-7.32C.707 11.05 0 11.778 0 12.61c0 .852.707 1.58 1.539 1.58h7.028l3.328 22.833c.436 2.953 1.996 4.803 5.011 4.803m23.186-22.25a1.31 1.31 0 0 1-1.29-1.29c0-.665.583-1.268 1.29-1.268h10.689c.686 0 1.268.603 1.268 1.269c0 .686-.582 1.289-1.268 1.289ZM18.55 51.933a3.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.369a3.33 3.33 0 0 0 3.369 3.369m19.464 0a3.34 3.34 0 0 0 3.368-3.37a3.355 3.355 0 0 0-3.368-3.368c-1.893 0-3.41 1.497-3.41 3.369c0 1.892 1.517 3.369 3.41 3.369"/></svg> </template>
CSS
.icon-cart-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.85C51.217%2028.85%2056%2024.11%2056%2018.287c0-5.781-4.783-10.564-10.584-10.564c-5.781%200-10.564%204.783-10.564%2010.564c0%205.822%204.783%2010.563%2010.564%2010.563m-28.51%2012.976h24.268c.81%200%201.517-.665%201.517-1.56c0-.893-.707-1.559-1.517-1.559H17.26c-1.186%200-1.914-.832-2.1-2.1l-.313-2.184h26.368c2.163%200%203.556-.915%204.346-2.703c-1.788%200-3.473-.353-5.032-1.04c-.312.416-.707.603-1.29.603l-24.87.021l-1.767-12.06h19.463c-.103-.957-.041-2.205.104-3.14H12.144l-.374-2.642c-.229-1.6-.79-2.412-2.911-2.412h-7.32C.707%2011.05%200%2011.778%200%2012.61c0%20.852.707%201.58%201.539%201.58h7.028l3.328%2022.833c.436%202.953%201.996%204.803%205.011%204.803m23.186-22.25a1.31%201.31%200%200%201-1.29-1.29c0-.665.583-1.268%201.29-1.268h10.689c.686%200%201.268.603%201.268%201.269c0%20.686-.582%201.289-1.268%201.289ZM18.55%2051.933a3.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.369a3.33%203.33%200%200%200%203.369%203.369m19.464%200a3.34%203.34%200%200%200%203.368-3.37a3.355%203.355%200%200%200-3.368-3.368c-1.893%200-3.41%201.497-3.41%203.369c0%201.892%201.517%203.369%203.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.85C51.217%2028.85%2056%2024.11%2056%2018.287c0-5.781-4.783-10.564-10.584-10.564c-5.781%200-10.564%204.783-10.564%2010.564c0%205.822%204.783%2010.563%2010.564%2010.563m-28.51%2012.976h24.268c.81%200%201.517-.665%201.517-1.56c0-.893-.707-1.559-1.517-1.559H17.26c-1.186%200-1.914-.832-2.1-2.1l-.313-2.184h26.368c2.163%200%203.556-.915%204.346-2.703c-1.788%200-3.473-.353-5.032-1.04c-.312.416-.707.603-1.29.603l-24.87.021l-1.767-12.06h19.463c-.103-.957-.041-2.205.104-3.14H12.144l-.374-2.642c-.229-1.6-.79-2.412-2.911-2.412h-7.32C.707%2011.05%200%2011.778%200%2012.61c0%20.852.707%201.58%201.539%201.58h7.028l3.328%2022.833c.436%202.953%201.996%204.803%205.011%204.803m23.186-22.25a1.31%201.31%200%200%201-1.29-1.29c0-.665.583-1.268%201.29-1.268h10.689c.686%200%201.268.603%201.268%201.269c0%20.686-.582%201.289-1.268%201.289ZM18.55%2051.933a3.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.369a3.33%203.33%200%200%200%203.369%203.369m19.464%200a3.34%203.34%200%200%200%203.368-3.37a3.355%203.355%200%200%200-3.368-3.368c-1.893%200-3.41%201.497-3.41%203.369c0%201.892%201.517%203.369%203.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-badge-minus.svg?color=%231a73e8&size=48
