cart icon
cart-line-duotone from Solar by 480 Design · Line Duotone · Shopping · CC-BY-4.0 Attribution required.
- Name
- cart-line-duotone
- Set
- Solar
- Style
- Line Duotone
- 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 d="M3.86376 16.4552C3.00581 13.0234 2.57684 11.3075 3.47767 10.1538C4.3785 9 6.14721 9 9.68462 9H14.3153C17.8527 9 19.6214 9 20.5222 10.1538C21.4231 11.3075 20.9941 13.0234 20.1362 16.4552C19.5905 18.6379 19.3176 19.7292 18.5039 20.3646C17.6901 21 16.5652 21 14.3153 21H9.68462C7.43476 21 6.30983 21 5.49605 20.3646C4.68227 19.7292 4.40943 18.6379 3.86376 16.4552Z"/><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" opacity=".5"/><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 SolarCartLineDuotone(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 d="M3.86376 16.4552C3.00581 13.0234 2.57684 11.3075 3.47767 10.1538C4.3785 9 6.14721 9 9.68462 9H14.3153C17.8527 9 19.6214 9 20.5222 10.1538C21.4231 11.3075 20.9941 13.0234 20.1362 16.4552C19.5905 18.6379 19.3176 19.7292 18.5039 20.3646C17.6901 21 16.5652 21 14.3153 21H9.68462C7.43476 21 6.30983 21 5.49605 20.3646C4.68227 19.7292 4.40943 18.6379 3.86376 16.4552Z"/><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" opacity=".5"/><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 d="M3.86376 16.4552C3.00581 13.0234 2.57684 11.3075 3.47767 10.1538C4.3785 9 6.14721 9 9.68462 9H14.3153C17.8527 9 19.6214 9 20.5222 10.1538C21.4231 11.3075 20.9941 13.0234 20.1362 16.4552C19.5905 18.6379 19.3176 19.7292 18.5039 20.3646C17.6901 21 16.5652 21 14.3153 21H9.68462C7.43476 21 6.30983 21 5.49605 20.3646C4.68227 19.7292 4.40943 18.6379 3.86376 16.4552Z"/><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" opacity=".5"/><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-line-duotone {
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%20d%3D%22M3.86376%2016.4552C3.00581%2013.0234%202.57684%2011.3075%203.47767%2010.1538C4.3785%209%206.14721%209%209.68462%209H14.3153C17.8527%209%2019.6214%209%2020.5222%2010.1538C21.4231%2011.3075%2020.9941%2013.0234%2020.1362%2016.4552C19.5905%2018.6379%2019.3176%2019.7292%2018.5039%2020.3646C17.6901%2021%2016.5652%2021%2014.3153%2021H9.68462C7.43476%2021%206.30983%2021%205.49605%2020.3646C4.68227%2019.7292%204.40943%2018.6379%203.86376%2016.4552Z%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%20opacity%3D%22.5%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%20d%3D%22M3.86376%2016.4552C3.00581%2013.0234%202.57684%2011.3075%203.47767%2010.1538C4.3785%209%206.14721%209%209.68462%209H14.3153C17.8527%209%2019.6214%209%2020.5222%2010.1538C21.4231%2011.3075%2020.9941%2013.0234%2020.1362%2016.4552C19.5905%2018.6379%2019.3176%2019.7292%2018.5039%2020.3646C17.6901%2021%2016.5652%2021%2014.3153%2021H9.68462C7.43476%2021%206.30983%2021%205.49605%2020.3646C4.68227%2019.7292%204.40943%2018.6379%203.86376%2016.4552Z%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%20opacity%3D%22.5%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-line-duotone.svg?color=%231a73e8&size=48
