cart3 icon
cart3-duotone from Reicon by REICON · Duotone · Shopping · MIT Free for personal and commercial use.
- Name
- cart3-duotone
- Set
- Reicon
- Style
- Duotone
- Category
- Shopping
- Viewbox
- 24×24
- License
- MIT
2 other variants in Reicon
The same icon in other sets
More shopping icons from Reicon
Use the cart3 icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M10 2a1.75 1.75 0 1 0 0 3.5h4A1.75 1.75 0 1 0 14 2zM3.863 16.205c-.858-3.432-1.287-5.147-.386-6.301S6.147 8.75 9.684 8.75h4.63c3.538 0 5.307 0 6.208 1.154s.472 2.87-.386 6.301c-.546 2.183-.819 3.274-1.633 3.91c-.813.635-1.938.635-4.188.635h-4.63c-2.25 0-3.376 0-4.19-.635c-.813-.636-1.086-1.727-1.632-3.91" opacity=".5"/><path d="M15.58 4.502a1.74 1.74 0 0 0 .002-1.501c.683.005 1.216.036 1.692.222a3.25 3.25 0 0 1 1.426 1.09c.367.494.54 1.127.776 1.998l.047.17l.512 2.964c-.408-.282-.935-.45-1.617-.55l-.361-2.087c-.284-1.04-.387-1.367-.561-1.601a1.75 1.75 0 0 0-.768-.587c-.22-.086-.486-.111-1.148-.118M8.418 3a1.74 1.74 0 0 0 .002 1.502c-.662.007-.928.032-1.148.118a1.75 1.75 0 0 0-.768.587c-.174.234-.277.561-.56 1.6l-.362 2.089c-.681.1-1.208.267-1.617.548l.512-2.962l.047-.17c.237-.872.41-1.506.776-2a3.25 3.25 0 0 1 1.426-1.089c.476-.186 1.008-.217 1.692-.222m.332 9.749a.75.75 0 0 0-1.5 0v4a.75.75 0 0 0 1.5 0zM16 12a.75.75 0 0 1 .75.75v4a.75.75 0 0 1-1.5 0v-4A.75.75 0 0 1 16 12m-3.25.75a.75.75 0 0 0-1.5 0v4a.75.75 0 0 0 1.5 0z"/></g></svg>
React
import type { SVGProps } from "react";
export function ReiconCart3Duotone(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M10 2a1.75 1.75 0 1 0 0 3.5h4A1.75 1.75 0 1 0 14 2zM3.863 16.205c-.858-3.432-1.287-5.147-.386-6.301S6.147 8.75 9.684 8.75h4.63c3.538 0 5.307 0 6.208 1.154s.472 2.87-.386 6.301c-.546 2.183-.819 3.274-1.633 3.91c-.813.635-1.938.635-4.188.635h-4.63c-2.25 0-3.376 0-4.19-.635c-.813-.636-1.086-1.727-1.632-3.91" opacity=".5"/><path d="M15.58 4.502a1.74 1.74 0 0 0 .002-1.501c.683.005 1.216.036 1.692.222a3.25 3.25 0 0 1 1.426 1.09c.367.494.54 1.127.776 1.998l.047.17l.512 2.964c-.408-.282-.935-.45-1.617-.55l-.361-2.087c-.284-1.04-.387-1.367-.561-1.601a1.75 1.75 0 0 0-.768-.587c-.22-.086-.486-.111-1.148-.118M8.418 3a1.74 1.74 0 0 0 .002 1.502c-.662.007-.928.032-1.148.118a1.75 1.75 0 0 0-.768.587c-.174.234-.277.561-.56 1.6l-.362 2.089c-.681.1-1.208.267-1.617.548l.512-2.962l.047-.17c.237-.872.41-1.506.776-2a3.25 3.25 0 0 1 1.426-1.089c.476-.186 1.008-.217 1.692-.222m.332 9.749a.75.75 0 0 0-1.5 0v4a.75.75 0 0 0 1.5 0zM16 12a.75.75 0 0 1 .75.75v4a.75.75 0 0 1-1.5 0v-4A.75.75 0 0 1 16 12m-3.25.75a.75.75 0 0 0-1.5 0v4a.75.75 0 0 0 1.5 0z"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M10 2a1.75 1.75 0 1 0 0 3.5h4A1.75 1.75 0 1 0 14 2zM3.863 16.205c-.858-3.432-1.287-5.147-.386-6.301S6.147 8.75 9.684 8.75h4.63c3.538 0 5.307 0 6.208 1.154s.472 2.87-.386 6.301c-.546 2.183-.819 3.274-1.633 3.91c-.813.635-1.938.635-4.188.635h-4.63c-2.25 0-3.376 0-4.19-.635c-.813-.636-1.086-1.727-1.632-3.91" opacity=".5"/><path d="M15.58 4.502a1.74 1.74 0 0 0 .002-1.501c.683.005 1.216.036 1.692.222a3.25 3.25 0 0 1 1.426 1.09c.367.494.54 1.127.776 1.998l.047.17l.512 2.964c-.408-.282-.935-.45-1.617-.55l-.361-2.087c-.284-1.04-.387-1.367-.561-1.601a1.75 1.75 0 0 0-.768-.587c-.22-.086-.486-.111-1.148-.118M8.418 3a1.74 1.74 0 0 0 .002 1.502c-.662.007-.928.032-1.148.118a1.75 1.75 0 0 0-.768.587c-.174.234-.277.561-.56 1.6l-.362 2.089c-.681.1-1.208.267-1.617.548l.512-2.962l.047-.17c.237-.872.41-1.506.776-2a3.25 3.25 0 0 1 1.426-1.089c.476-.186 1.008-.217 1.692-.222m.332 9.749a.75.75 0 0 0-1.5 0v4a.75.75 0 0 0 1.5 0zM16 12a.75.75 0 0 1 .75.75v4a.75.75 0 0 1-1.5 0v-4A.75.75 0 0 1 16 12m-3.25.75a.75.75 0 0 0-1.5 0v4a.75.75 0 0 0 1.5 0z"/></g></svg> </template>
CSS
.icon-cart3-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%22currentColor%22%3E%3Cpath%20d%3D%22M10%202a1.75%201.75%200%201%200%200%203.5h4A1.75%201.75%200%201%200%2014%202zM3.863%2016.205c-.858-3.432-1.287-5.147-.386-6.301S6.147%208.75%209.684%208.75h4.63c3.538%200%205.307%200%206.208%201.154s.472%202.87-.386%206.301c-.546%202.183-.819%203.274-1.633%203.91c-.813.635-1.938.635-4.188.635h-4.63c-2.25%200-3.376%200-4.19-.635c-.813-.636-1.086-1.727-1.632-3.91%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20d%3D%22M15.58%204.502a1.74%201.74%200%200%200%20.002-1.501c.683.005%201.216.036%201.692.222a3.25%203.25%200%200%201%201.426%201.09c.367.494.54%201.127.776%201.998l.047.17l.512%202.964c-.408-.282-.935-.45-1.617-.55l-.361-2.087c-.284-1.04-.387-1.367-.561-1.601a1.75%201.75%200%200%200-.768-.587c-.22-.086-.486-.111-1.148-.118M8.418%203a1.74%201.74%200%200%200%20.002%201.502c-.662.007-.928.032-1.148.118a1.75%201.75%200%200%200-.768.587c-.174.234-.277.561-.56%201.6l-.362%202.089c-.681.1-1.208.267-1.617.548l.512-2.962l.047-.17c.237-.872.41-1.506.776-2a3.25%203.25%200%200%201%201.426-1.089c.476-.186%201.008-.217%201.692-.222m.332%209.749a.75.75%200%200%200-1.5%200v4a.75.75%200%200%200%201.5%200zM16%2012a.75.75%200%200%201%20.75.75v4a.75.75%200%200%201-1.5%200v-4A.75.75%200%200%201%2016%2012m-3.25.75a.75.75%200%200%200-1.5%200v4a.75.75%200%200%200%201.5%200z%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%22currentColor%22%3E%3Cpath%20d%3D%22M10%202a1.75%201.75%200%201%200%200%203.5h4A1.75%201.75%200%201%200%2014%202zM3.863%2016.205c-.858-3.432-1.287-5.147-.386-6.301S6.147%208.75%209.684%208.75h4.63c3.538%200%205.307%200%206.208%201.154s.472%202.87-.386%206.301c-.546%202.183-.819%203.274-1.633%203.91c-.813.635-1.938.635-4.188.635h-4.63c-2.25%200-3.376%200-4.19-.635c-.813-.636-1.086-1.727-1.632-3.91%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20d%3D%22M15.58%204.502a1.74%201.74%200%200%200%20.002-1.501c.683.005%201.216.036%201.692.222a3.25%203.25%200%200%201%201.426%201.09c.367.494.54%201.127.776%201.998l.047.17l.512%202.964c-.408-.282-.935-.45-1.617-.55l-.361-2.087c-.284-1.04-.387-1.367-.561-1.601a1.75%201.75%200%200%200-.768-.587c-.22-.086-.486-.111-1.148-.118M8.418%203a1.74%201.74%200%200%200%20.002%201.502c-.662.007-.928.032-1.148.118a1.75%201.75%200%200%200-.768.587c-.174.234-.277.561-.56%201.6l-.362%202.089c-.681.1-1.208.267-1.617.548l.512-2.962l.047-.17c.237-.872.41-1.506.776-2a3.25%203.25%200%200%201%201.426-1.089c.476-.186%201.008-.217%201.692-.222m.332%209.749a.75.75%200%200%200-1.5%200v4a.75.75%200%200%200%201.5%200zM16%2012a.75.75%200%200%201%20.75.75v4a.75.75%200%200%201-1.5%200v-4A.75.75%200%200%201%2016%2012m-3.25.75a.75.75%200%200%200-1.5%200v4a.75.75%200%200%200%201.5%200z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/reicon/cart3-duotone.svg?color=%231a73e8&size=48
