cart icon
cart-broken from Solar by 480 Design · Broken · Shopping · CC-BY-4.0 Attribution required.
- Name
- cart-broken
- Set
- Solar
- Style
- Broken
- Category
- Shopping
- Viewbox
- 24×24
- License
- CC BY 4.0
5 other variants in Solar
The same icon in other sets
More shopping icons from Solar
bag-2-boldbag-3-boldbag-4-boldbag-5-boldbag-boldbag-check-boldbag-cross-boldbag-heart-boldbag-music-2-boldbag-music-boldbag-smile-boldcart-2-boldcart-3-boldcart-4-boldcart-5-boldcart-check-boldcart-cross-boldcart-large-2-boldcart-large-3-boldcart-large-4-boldcart-large-boldcart-large-minimalistic-boldcart-plus-boldshop-2-bold
Use the cart icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><path stroke-linecap="round" d="M3.864 16.4552C4.40967 18.6379 4.68251 19.7292 5.49629 20.3646C6.31008 21 7.435 21 9.68486 21H14.3155C16.5654 21 17.6903 21 18.5041 20.3646C19.3179 19.7292 19.5907 18.6379 20.1364 16.4552C20.9943 13.0234 21.4233 11.3075 20.5225 10.1538C19.6217 9 17.853 9 14.3155 9H9.68486C6.14745 9 4.37875 9 3.47791 10.1538C2.94912 10.831 2.87855 11.702 3.08398 13"/><path d="M19.5 9.5L18.7896 6.89465C18.5157 5.89005 18.3787 5.38775 18.0978 5.00946C17.818 4.63273 17.4378 4.34234 17.0008 4.17152C16.5619 4 16.0413 4 15 4M4.5 9.5L5.2104 6.89465C5.48432 5.89005 5.62128 5.38775 5.90221 5.00946C6.18199 4.63273 6.56216 4.34234 6.99922 4.17152C7.43808 4 7.95872 4 9 4"/><path d="M9 4C9 3.44772 9.44772 3 10 3H14C14.5523 3 15 3.44772 15 4C15 4.55228 14.5523 5 14 5H10C9.44772 5 9 4.55228 9 4Z"/></g></svg>
React
import type { SVGProps } from "react";
export function SolarCartBroken(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" strokeWidth="1.5"><path strokeLinecap="round" d="M3.864 16.4552C4.40967 18.6379 4.68251 19.7292 5.49629 20.3646C6.31008 21 7.435 21 9.68486 21H14.3155C16.5654 21 17.6903 21 18.5041 20.3646C19.3179 19.7292 19.5907 18.6379 20.1364 16.4552C20.9943 13.0234 21.4233 11.3075 20.5225 10.1538C19.6217 9 17.853 9 14.3155 9H9.68486C6.14745 9 4.37875 9 3.47791 10.1538C2.94912 10.831 2.87855 11.702 3.08398 13"/><path d="M19.5 9.5L18.7896 6.89465C18.5157 5.89005 18.3787 5.38775 18.0978 5.00946C17.818 4.63273 17.4378 4.34234 17.0008 4.17152C16.5619 4 16.0413 4 15 4M4.5 9.5L5.2104 6.89465C5.48432 5.89005 5.62128 5.38775 5.90221 5.00946C6.18199 4.63273 6.56216 4.34234 6.99922 4.17152C7.43808 4 7.95872 4 9 4"/><path d="M9 4C9 3.44772 9.44772 3 10 3H14C14.5523 3 15 3.44772 15 4C15 4.55228 14.5523 5 14 5H10C9.44772 5 9 4.55228 9 4Z"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><path stroke-linecap="round" d="M3.864 16.4552C4.40967 18.6379 4.68251 19.7292 5.49629 20.3646C6.31008 21 7.435 21 9.68486 21H14.3155C16.5654 21 17.6903 21 18.5041 20.3646C19.3179 19.7292 19.5907 18.6379 20.1364 16.4552C20.9943 13.0234 21.4233 11.3075 20.5225 10.1538C19.6217 9 17.853 9 14.3155 9H9.68486C6.14745 9 4.37875 9 3.47791 10.1538C2.94912 10.831 2.87855 11.702 3.08398 13"/><path d="M19.5 9.5L18.7896 6.89465C18.5157 5.89005 18.3787 5.38775 18.0978 5.00946C17.818 4.63273 17.4378 4.34234 17.0008 4.17152C16.5619 4 16.0413 4 15 4M4.5 9.5L5.2104 6.89465C5.48432 5.89005 5.62128 5.38775 5.90221 5.00946C6.18199 4.63273 6.56216 4.34234 6.99922 4.17152C7.43808 4 7.95872 4 9 4"/><path d="M9 4C9 3.44772 9.44772 3 10 3H14C14.5523 3 15 3.44772 15 4C15 4.55228 14.5523 5 14 5H10C9.44772 5 9 4.55228 9 4Z"/></g></svg> </template>
CSS
.icon-cart-broken {
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%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M3.864%2016.4552C4.40967%2018.6379%204.68251%2019.7292%205.49629%2020.3646C6.31008%2021%207.435%2021%209.68486%2021H14.3155C16.5654%2021%2017.6903%2021%2018.5041%2020.3646C19.3179%2019.7292%2019.5907%2018.6379%2020.1364%2016.4552C20.9943%2013.0234%2021.4233%2011.3075%2020.5225%2010.1538C19.6217%209%2017.853%209%2014.3155%209H9.68486C6.14745%209%204.37875%209%203.47791%2010.1538C2.94912%2010.831%202.87855%2011.702%203.08398%2013%22%2F%3E%3Cpath%20d%3D%22M19.5%209.5L18.7896%206.89465C18.5157%205.89005%2018.3787%205.38775%2018.0978%205.00946C17.818%204.63273%2017.4378%204.34234%2017.0008%204.17152C16.5619%204%2016.0413%204%2015%204M4.5%209.5L5.2104%206.89465C5.48432%205.89005%205.62128%205.38775%205.90221%205.00946C6.18199%204.63273%206.56216%204.34234%206.99922%204.17152C7.43808%204%207.95872%204%209%204%22%2F%3E%3Cpath%20d%3D%22M9%204C9%203.44772%209.44772%203%2010%203H14C14.5523%203%2015%203.44772%2015%204C15%204.55228%2014.5523%205%2014%205H10C9.44772%205%209%204.55228%209%204Z%22%2F%3E%3C%2Fg%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%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M3.864%2016.4552C4.40967%2018.6379%204.68251%2019.7292%205.49629%2020.3646C6.31008%2021%207.435%2021%209.68486%2021H14.3155C16.5654%2021%2017.6903%2021%2018.5041%2020.3646C19.3179%2019.7292%2019.5907%2018.6379%2020.1364%2016.4552C20.9943%2013.0234%2021.4233%2011.3075%2020.5225%2010.1538C19.6217%209%2017.853%209%2014.3155%209H9.68486C6.14745%209%204.37875%209%203.47791%2010.1538C2.94912%2010.831%202.87855%2011.702%203.08398%2013%22%2F%3E%3Cpath%20d%3D%22M19.5%209.5L18.7896%206.89465C18.5157%205.89005%2018.3787%205.38775%2018.0978%205.00946C17.818%204.63273%2017.4378%204.34234%2017.0008%204.17152C16.5619%204%2016.0413%204%2015%204M4.5%209.5L5.2104%206.89465C5.48432%205.89005%205.62128%205.38775%205.90221%205.00946C6.18199%204.63273%206.56216%204.34234%206.99922%204.17152C7.43808%204%207.95872%204%209%204%22%2F%3E%3Cpath%20d%3D%22M9%204C9%203.44772%209.44772%203%2010%203H14C14.5523%203%2015%203.44772%2015%204C15%204.55228%2014.5523%205%2014%205H10C9.44772%205%209%204.55228%209%204Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/solar/cart-broken.svg?color=%231a73e8&size=48
