cart3 icon
cart3-filled from Reicon by REICON · Filled · Shopping · MIT Free for personal and commercial use.
- Name
- cart3-filled
- Set
- Reicon
- Style
- Filled
- 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"><path fill="currentColor" fill-rule="evenodd" d="M10 2.25a1.75 1.75 0 0 0-1.582 1c-.684.006-1.216.037-1.692.223A3.25 3.25 0 0 0 5.3 4.563c-.367.493-.54 1.127-.776 1.998l-.047.17l-.513 2.964q-.277.191-.486.459c-.901 1.153-.472 2.87.386 6.301c.545 2.183.818 3.274 1.632 3.91C6.31 21 7.435 21 9.685 21h4.63c2.25 0 3.375 0 4.189-.635c.814-.636 1.086-1.727 1.632-3.91c.858-3.432 1.287-5.147.386-6.301a2.2 2.2 0 0 0-.487-.46l-.513-2.962l-.046-.17c-.237-.872-.41-1.506-.776-2a3.25 3.25 0 0 0-1.426-1.089c-.476-.186-1.009-.217-1.692-.222A1.75 1.75 0 0 0 14 2.25zm8.418 6.896l-.362-2.088c-.283-1.04-.386-1.367-.56-1.601a1.75 1.75 0 0 0-.768-.587c-.22-.086-.486-.111-1.148-.118A1.75 1.75 0 0 1 14 5.75h-4a1.75 1.75 0 0 1-1.58-.998c-.663.007-.928.032-1.148.118a1.75 1.75 0 0 0-.768.587c-.174.234-.277.56-.56 1.6l-.362 2.089C6.58 9 7.91 9 9.685 9h4.63c1.775 0 3.105 0 4.103.146M8 12.25a.75.75 0 0 1 .75.75v4a.75.75 0 0 1-1.5 0v-4a.75.75 0 0 1 .75-.75m8.75.75a.75.75 0 0 0-1.5 0v4a.75.75 0 0 0 1.5 0zM12 12.25a.75.75 0 0 1 .75.75v4a.75.75 0 0 1-1.5 0v-4a.75.75 0 0 1 .75-.75" clip-rule="evenodd"/></svg>
React
import type { SVGProps } from "react";
export function ReiconCart3Filled(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fillRule="evenodd" d="M10 2.25a1.75 1.75 0 0 0-1.582 1c-.684.006-1.216.037-1.692.223A3.25 3.25 0 0 0 5.3 4.563c-.367.493-.54 1.127-.776 1.998l-.047.17l-.513 2.964q-.277.191-.486.459c-.901 1.153-.472 2.87.386 6.301c.545 2.183.818 3.274 1.632 3.91C6.31 21 7.435 21 9.685 21h4.63c2.25 0 3.375 0 4.189-.635c.814-.636 1.086-1.727 1.632-3.91c.858-3.432 1.287-5.147.386-6.301a2.2 2.2 0 0 0-.487-.46l-.513-2.962l-.046-.17c-.237-.872-.41-1.506-.776-2a3.25 3.25 0 0 0-1.426-1.089c-.476-.186-1.009-.217-1.692-.222A1.75 1.75 0 0 0 14 2.25zm8.418 6.896l-.362-2.088c-.283-1.04-.386-1.367-.56-1.601a1.75 1.75 0 0 0-.768-.587c-.22-.086-.486-.111-1.148-.118A1.75 1.75 0 0 1 14 5.75h-4a1.75 1.75 0 0 1-1.58-.998c-.663.007-.928.032-1.148.118a1.75 1.75 0 0 0-.768.587c-.174.234-.277.56-.56 1.6l-.362 2.089C6.58 9 7.91 9 9.685 9h4.63c1.775 0 3.105 0 4.103.146M8 12.25a.75.75 0 0 1 .75.75v4a.75.75 0 0 1-1.5 0v-4a.75.75 0 0 1 .75-.75m8.75.75a.75.75 0 0 0-1.5 0v4a.75.75 0 0 0 1.5 0zM12 12.25a.75.75 0 0 1 .75.75v4a.75.75 0 0 1-1.5 0v-4a.75.75 0 0 1 .75-.75" clipRule="evenodd"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M10 2.25a1.75 1.75 0 0 0-1.582 1c-.684.006-1.216.037-1.692.223A3.25 3.25 0 0 0 5.3 4.563c-.367.493-.54 1.127-.776 1.998l-.047.17l-.513 2.964q-.277.191-.486.459c-.901 1.153-.472 2.87.386 6.301c.545 2.183.818 3.274 1.632 3.91C6.31 21 7.435 21 9.685 21h4.63c2.25 0 3.375 0 4.189-.635c.814-.636 1.086-1.727 1.632-3.91c.858-3.432 1.287-5.147.386-6.301a2.2 2.2 0 0 0-.487-.46l-.513-2.962l-.046-.17c-.237-.872-.41-1.506-.776-2a3.25 3.25 0 0 0-1.426-1.089c-.476-.186-1.009-.217-1.692-.222A1.75 1.75 0 0 0 14 2.25zm8.418 6.896l-.362-2.088c-.283-1.04-.386-1.367-.56-1.601a1.75 1.75 0 0 0-.768-.587c-.22-.086-.486-.111-1.148-.118A1.75 1.75 0 0 1 14 5.75h-4a1.75 1.75 0 0 1-1.58-.998c-.663.007-.928.032-1.148.118a1.75 1.75 0 0 0-.768.587c-.174.234-.277.56-.56 1.6l-.362 2.089C6.58 9 7.91 9 9.685 9h4.63c1.775 0 3.105 0 4.103.146M8 12.25a.75.75 0 0 1 .75.75v4a.75.75 0 0 1-1.5 0v-4a.75.75 0 0 1 .75-.75m8.75.75a.75.75 0 0 0-1.5 0v4a.75.75 0 0 0 1.5 0zM12 12.25a.75.75 0 0 1 .75.75v4a.75.75 0 0 1-1.5 0v-4a.75.75 0 0 1 .75-.75" clip-rule="evenodd"/></svg> </template>
CSS
.icon-cart3-filled {
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%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M10%202.25a1.75%201.75%200%200%200-1.582%201c-.684.006-1.216.037-1.692.223A3.25%203.25%200%200%200%205.3%204.563c-.367.493-.54%201.127-.776%201.998l-.047.17l-.513%202.964q-.277.191-.486.459c-.901%201.153-.472%202.87.386%206.301c.545%202.183.818%203.274%201.632%203.91C6.31%2021%207.435%2021%209.685%2021h4.63c2.25%200%203.375%200%204.189-.635c.814-.636%201.086-1.727%201.632-3.91c.858-3.432%201.287-5.147.386-6.301a2.2%202.2%200%200%200-.487-.46l-.513-2.962l-.046-.17c-.237-.872-.41-1.506-.776-2a3.25%203.25%200%200%200-1.426-1.089c-.476-.186-1.009-.217-1.692-.222A1.75%201.75%200%200%200%2014%202.25zm8.418%206.896l-.362-2.088c-.283-1.04-.386-1.367-.56-1.601a1.75%201.75%200%200%200-.768-.587c-.22-.086-.486-.111-1.148-.118A1.75%201.75%200%200%201%2014%205.75h-4a1.75%201.75%200%200%201-1.58-.998c-.663.007-.928.032-1.148.118a1.75%201.75%200%200%200-.768.587c-.174.234-.277.56-.56%201.6l-.362%202.089C6.58%209%207.91%209%209.685%209h4.63c1.775%200%203.105%200%204.103.146M8%2012.25a.75.75%200%200%201%20.75.75v4a.75.75%200%200%201-1.5%200v-4a.75.75%200%200%201%20.75-.75m8.75.75a.75.75%200%200%200-1.5%200v4a.75.75%200%200%200%201.5%200zM12%2012.25a.75.75%200%200%201%20.75.75v4a.75.75%200%200%201-1.5%200v-4a.75.75%200%200%201%20.75-.75%22%20clip-rule%3D%22evenodd%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M10%202.25a1.75%201.75%200%200%200-1.582%201c-.684.006-1.216.037-1.692.223A3.25%203.25%200%200%200%205.3%204.563c-.367.493-.54%201.127-.776%201.998l-.047.17l-.513%202.964q-.277.191-.486.459c-.901%201.153-.472%202.87.386%206.301c.545%202.183.818%203.274%201.632%203.91C6.31%2021%207.435%2021%209.685%2021h4.63c2.25%200%203.375%200%204.189-.635c.814-.636%201.086-1.727%201.632-3.91c.858-3.432%201.287-5.147.386-6.301a2.2%202.2%200%200%200-.487-.46l-.513-2.962l-.046-.17c-.237-.872-.41-1.506-.776-2a3.25%203.25%200%200%200-1.426-1.089c-.476-.186-1.009-.217-1.692-.222A1.75%201.75%200%200%200%2014%202.25zm8.418%206.896l-.362-2.088c-.283-1.04-.386-1.367-.56-1.601a1.75%201.75%200%200%200-.768-.587c-.22-.086-.486-.111-1.148-.118A1.75%201.75%200%200%201%2014%205.75h-4a1.75%201.75%200%200%201-1.58-.998c-.663.007-.928.032-1.148.118a1.75%201.75%200%200%200-.768.587c-.174.234-.277.56-.56%201.6l-.362%202.089C6.58%209%207.91%209%209.685%209h4.63c1.775%200%203.105%200%204.103.146M8%2012.25a.75.75%200%200%201%20.75.75v4a.75.75%200%200%201-1.5%200v-4a.75.75%200%200%201%20.75-.75m8.75.75a.75.75%200%200%200-1.5%200v4a.75.75%200%200%200%201.5%200zM12%2012.25a.75.75%200%200%201%20.75.75v4a.75.75%200%200%201-1.5%200v-4a.75.75%200%200%201%20.75-.75%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/reicon/cart3-filled.svg?color=%231a73e8&size=48
