shopping bag 03 icon
shopping-bag-03 from Huge Icons by Hugeicons · Stroke · MIT Free for personal and commercial use.
- Name
- shopping-bag-03
- Set
- Huge Icons
- Style
- Stroke
- Viewbox
- 24×24
- License
- MIT
Related icons in Huge Icons
shopping-bag-01shopping-bag-02shopping-bag-addshopping-bag-checkshopping-bag-favoriteshopping-bag-removeshopping-basket-01shopping-basket-02shopping-basket-03shopping-basket-add-01shopping-basket-add-02shopping-basket-add-03shopping-basket-check-in-01shopping-basket-check-in-02shopping-basket-check-in-03shopping-basket-check-out-01shopping-basket-check-out-02shopping-basket-check-out-03shopping-basket-done-01shopping-basket-done-02shopping-basket-done-03shopping-basket-favorite-01shopping-basket-favorite-02shopping-basket-favorite-03
Use the shopping bag 03 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-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M7 6a3 3 0 0 0 6 0"/><path d="M11.112 3H8.888c-2.67 0-4.006 0-4.868.82c-.862.821-.936 2.163-1.085 4.847l-.33 6c-.165 2.97-.247 4.456.635 5.395S5.6 21 8.557 21h2.886c2.956 0 4.435 0 5.317-.938c.882-.939.8-2.424.636-5.395l-.332-6c-.148-2.684-.222-4.026-1.084-4.846S13.783 3 11.112 3"/><path d="M12.888 3h2.224c2.67 0 4.006 0 4.868.82c.862.821.936 2.163 1.084 4.847l.332 6c.164 2.97.246 4.456-.636 5.395S18.4 21 15.443 21h-2.886"/></g></svg>
React
import type { SVGProps } from "react";
export function HugeiconsShoppingBag03(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" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5"><path d="M7 6a3 3 0 0 0 6 0"/><path d="M11.112 3H8.888c-2.67 0-4.006 0-4.868.82c-.862.821-.936 2.163-1.085 4.847l-.33 6c-.165 2.97-.247 4.456.635 5.395S5.6 21 8.557 21h2.886c2.956 0 4.435 0 5.317-.938c.882-.939.8-2.424.636-5.395l-.332-6c-.148-2.684-.222-4.026-1.084-4.846S13.783 3 11.112 3"/><path d="M12.888 3h2.224c2.67 0 4.006 0 4.868.82c.862.821.936 2.163 1.084 4.847l.332 6c.164 2.97.246 4.456-.636 5.395S18.4 21 15.443 21h-2.886"/></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-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M7 6a3 3 0 0 0 6 0"/><path d="M11.112 3H8.888c-2.67 0-4.006 0-4.868.82c-.862.821-.936 2.163-1.085 4.847l-.33 6c-.165 2.97-.247 4.456.635 5.395S5.6 21 8.557 21h2.886c2.956 0 4.435 0 5.317-.938c.882-.939.8-2.424.636-5.395l-.332-6c-.148-2.684-.222-4.026-1.084-4.846S13.783 3 11.112 3"/><path d="M12.888 3h2.224c2.67 0 4.006 0 4.868.82c.862.821.936 2.163 1.084 4.847l.332 6c.164 2.97.246 4.456-.636 5.395S18.4 21 15.443 21h-2.886"/></g></svg> </template>
CSS
.icon-shopping-bag-03 {
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-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M7%206a3%203%200%200%200%206%200%22%2F%3E%3Cpath%20d%3D%22M11.112%203H8.888c-2.67%200-4.006%200-4.868.82c-.862.821-.936%202.163-1.085%204.847l-.33%206c-.165%202.97-.247%204.456.635%205.395S5.6%2021%208.557%2021h2.886c2.956%200%204.435%200%205.317-.938c.882-.939.8-2.424.636-5.395l-.332-6c-.148-2.684-.222-4.026-1.084-4.846S13.783%203%2011.112%203%22%2F%3E%3Cpath%20d%3D%22M12.888%203h2.224c2.67%200%204.006%200%204.868.82c.862.821.936%202.163%201.084%204.847l.332%206c.164%202.97.246%204.456-.636%205.395S18.4%2021%2015.443%2021h-2.886%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-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M7%206a3%203%200%200%200%206%200%22%2F%3E%3Cpath%20d%3D%22M11.112%203H8.888c-2.67%200-4.006%200-4.868.82c-.862.821-.936%202.163-1.085%204.847l-.33%206c-.165%202.97-.247%204.456.635%205.395S5.6%2021%208.557%2021h2.886c2.956%200%204.435%200%205.317-.938c.882-.939.8-2.424.636-5.395l-.332-6c-.148-2.684-.222-4.026-1.084-4.846S13.783%203%2011.112%203%22%2F%3E%3Cpath%20d%3D%22M12.888%203h2.224c2.67%200%204.006%200%204.868.82c.862.821.936%202.163%201.084%204.847l.332%206c.164%202.97.246%204.456-.636%205.395S18.4%2021%2015.443%2021h-2.886%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/hugeicons/shopping-bag-03.svg?color=%231a73e8&size=48
