cart badge plus icon
cart-badge-plus from Framework7 Icons by Vladimir Kharlampidi · Outline · MIT Free for personal and commercial use.
- Name
- cart-badge-plus
- Set
- Framework7 Icons
- Style
- Outline
- Viewbox
- 56×56
- License
- MIT
Related icons in Framework7 Icons
Use the cart 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="M45.416 28.85C51.155 28.85 56 24.068 56 18.287S51.217 7.723 45.416 7.723c-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.803m28.53-16.677c-.727 0-1.372-.5-1.372-1.268v-4.326h-3.972a1.274 1.274 0 0 1-1.268-1.268c0-.686.561-1.269 1.268-1.269h3.972v-4.304c0-.79.645-1.29 1.373-1.29c.727 0 1.35.5 1.35 1.29v4.304h3.973c.707 0 1.29.582 1.29 1.269s-.583 1.268-1.29 1.268h-3.972v4.326c0 .769-.624 1.268-1.351 1.268M18.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 F7CartBadgePlus(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.155 28.85 56 24.068 56 18.287S51.217 7.723 45.416 7.723c-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.803m28.53-16.677c-.727 0-1.372-.5-1.372-1.268v-4.326h-3.972a1.274 1.274 0 0 1-1.268-1.268c0-.686.561-1.269 1.268-1.269h3.972v-4.304c0-.79.645-1.29 1.373-1.29c.727 0 1.35.5 1.35 1.29v4.304h3.973c.707 0 1.29.582 1.29 1.269s-.583 1.268-1.29 1.268h-3.972v4.326c0 .769-.624 1.268-1.351 1.268M18.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.155 28.85 56 24.068 56 18.287S51.217 7.723 45.416 7.723c-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.803m28.53-16.677c-.727 0-1.372-.5-1.372-1.268v-4.326h-3.972a1.274 1.274 0 0 1-1.268-1.268c0-.686.561-1.269 1.268-1.269h3.972v-4.304c0-.79.645-1.29 1.373-1.29c.727 0 1.35.5 1.35 1.29v4.304h3.973c.707 0 1.29.582 1.29 1.269s-.583 1.268-1.29 1.268h-3.972v4.326c0 .769-.624 1.268-1.351 1.268M18.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-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%22M45.416%2028.85C51.155%2028.85%2056%2024.068%2056%2018.287S51.217%207.723%2045.416%207.723c-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.803m28.53-16.677c-.727%200-1.372-.5-1.372-1.268v-4.326h-3.972a1.274%201.274%200%200%201-1.268-1.268c0-.686.561-1.269%201.268-1.269h3.972v-4.304c0-.79.645-1.29%201.373-1.29c.727%200%201.35.5%201.35%201.29v4.304h3.973c.707%200%201.29.582%201.29%201.269s-.583%201.268-1.29%201.268h-3.972v4.326c0%20.769-.624%201.268-1.351%201.268M18.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.155%2028.85%2056%2024.068%2056%2018.287S51.217%207.723%2045.416%207.723c-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.803m28.53-16.677c-.727%200-1.372-.5-1.372-1.268v-4.326h-3.972a1.274%201.274%200%200%201-1.268-1.268c0-.686.561-1.269%201.268-1.269h3.972v-4.304c0-.79.645-1.29%201.373-1.29c.727%200%201.35.5%201.35%201.29v4.304h3.973c.707%200%201.29.582%201.29%201.269s-.583%201.268-1.29%201.268h-3.972v4.326c0%20.769-.624%201.268-1.351%201.268M18.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-plus.svg?color=%231a73e8&size=48
