@fluentui/react-icons/lib/atoms/svg/shopping-bag.js

Fluent System Icons are a collection of familiar, friendly, and modern icons from Microsoft.

"use client";
import { createFluentIcon } from '../../utils/createFluentIcon';
export const ShoppingBagFilled = ( /*#__PURE__*/createFluentIcon('ShoppingBagFilled', "1em", ["M6 4.5V6H5a1 1 0 0 0-1 1v8a2.93 2.93 0 0 0 .88 2.13A3 3 0 0 0 7 18h4.76a2.99 2.99 0 0 1-.76-2V4.5a2.48 2.48 0 0 0-.33-1.24 1.48 1.48 0 0 1 2.21.66c.08.18.12.37.12.58V6h-1v10a2 2 0 1 0 4 0V7a1 1 0 0 0-1-1h-1V4.5a2.48 2.48 0 0 0-4-2A2.54 2.54 0 0 0 8.5 2a2.42 2.42 0 0 0-1.77.73A2.43 2.43 0 0 0 6 4.5Zm1 0a1.48 1.48 0 0 1 .91-1.38 1.48 1.48 0 0 1 1.97.8c.08.18.12.37.12.58V6H7V4.5Z"]));
export const ShoppingBagRegular = ( /*#__PURE__*/createFluentIcon('ShoppingBagRegular', "1em", ["M10 2.5a2.5 2.5 0 0 0-4 2V6H5a1 1 0 0 0-1 1v8a3 3 0 0 0 3 3h6.5a2.5 2.5 0 0 0 2.5-2.5V7a1 1 0 0 0-1-1h-1V4.5a2.5 2.5 0 0 0-4-2Zm-3 2a1.5 1.5 0 1 1 3 0V6H7V4.5Zm3.67-1.25A1.5 1.5 0 0 1 13 4.5V6h-2V4.5c0-.45-.12-.88-.33-1.25ZM7 17a2 2 0 0 1-2-2V7h6v8.5c0 .56.19 1.08.5 1.5H7Zm8-1.5a1.5 1.5 0 0 1-3 0V7h3v8.5Z"]));
export const ShoppingBag16Regular = ( /*#__PURE__*/createFluentIcon('ShoppingBag16Regular', "16", ["M5 5V3a2 2 0 0 1 3-1.73A2 2 0 0 1 11 3v2h.5c.83 0 1.5.67 1.5 1.5V13a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V6.5C3 5.67 3.67 5 4.5 5H5Zm1-2v2h2V3a1 1 0 0 0-2 0Zm5 11a1 1 0 0 0 1-1V6.5a.5.5 0 0 0-.5-.5H10v7a1 1 0 0 0 1 1ZM9 6H4.5a.5.5 0 0 0-.5.5V13a1 1 0 0 0 1 1h4.27A2 2 0 0 1 9 13V6Zm0-3v2h1V3a1 1 0 0 0-1.25-.97A2 2 0 0 1 9 3Z"]));
export const ShoppingBag16Filled = ( /*#__PURE__*/createFluentIcon('ShoppingBag16Filled', "16", ["M5 5V3a2 2 0 0 1 3-1.73A2 2 0 0 1 11 3v2h.5c.83 0 1.5.67 1.5 1.5v7a1.5 1.5 0 0 1-3 0V3a1 1 0 0 0-1.25-.97A2 2 0 0 1 9 3v10.5c0 .56.19 1.08.5 1.5H5a2 2 0 0 1-2-2V6.5C3 5.67 3.67 5 4.5 5H5Zm2-3a1 1 0 0 0-1 1v2h2V3a1 1 0 0 0-1-1Z"]));
export const ShoppingBag20Regular = ( /*#__PURE__*/createFluentIcon('ShoppingBag20Regular', "20", ["M10 2.5a2.5 2.5 0 0 0-4 2V6H5a1 1 0 0 0-1 1v8a3 3 0 0 0 3 3h6.5a2.5 2.5 0 0 0 2.5-2.5V7a1 1 0 0 0-1-1h-1V4.5a2.5 2.5 0 0 0-4-2Zm-3 2a1.5 1.5 0 1 1 3 0V6H7V4.5Zm3.67-1.25A1.5 1.5 0 0 1 13 4.5V6h-2V4.5c0-.45-.12-.88-.33-1.25ZM7 17a2 2 0 0 1-2-2V7h6v8.5c0 .56.19 1.08.5 1.5H7Zm8-1.5a1.5 1.5 0 0 1-3 0V7h3v8.5Z"]));
export const ShoppingBag20Filled = ( /*#__PURE__*/createFluentIcon('ShoppingBag20Filled', "20", ["M6 4.5V6H5a1 1 0 0 0-1 1v8a2.93 2.93 0 0 0 .88 2.13A3 3 0 0 0 7 18h4.76a2.99 2.99 0 0 1-.76-2V4.5a2.48 2.48 0 0 0-.33-1.24 1.48 1.48 0 0 1 2.21.66c.08.18.12.37.12.58V6h-1v10a2 2 0 1 0 4 0V7a1 1 0 0 0-1-1h-1V4.5a2.48 2.48 0 0 0-4-2A2.54 2.54 0 0 0 8.5 2a2.42 2.42 0 0 0-1.77.73A2.43 2.43 0 0 0 6 4.5Zm1 0a1.48 1.48 0 0 1 .91-1.38 1.48 1.48 0 0 1 1.97.8c.08.18.12.37.12.58V6H7V4.5Z"]));
export const ShoppingBag24Regular = ( /*#__PURE__*/createFluentIcon('ShoppingBag24Regular', "24", ["M7 7V5a3 3 0 0 1 5-2.24A3 3 0 0 1 17 5v2h1.5c.83 0 1.5.67 1.5 1.5v10a3.5 3.5 0 0 1-3.5 3.5H8a4 4 0 0 1-4-4V8.5C4 7.67 4.67 7 5.5 7H7Zm6.63 13.5a3.48 3.48 0 0 1-.62-2v-10H5.5V18A2.5 2.5 0 0 0 8 20.5h5.63ZM11.5 7V5a1.5 1.5 0 0 0-3 0v2h3ZM13 7h2.5V5a1.5 1.5 0 0 0-2.66-.96c.1.3.16.63.16.96v2Zm1.51 11.5a2 2 0 0 0 3.99 0v-10h-3.99v10Z"]));
export const ShoppingBag24Filled = ( /*#__PURE__*/createFluentIcon('ShoppingBag24Filled', "24", ["M7 5v2H5.5C4.67 7 4 7.67 4 8.5V18a4 4 0 0 0 4 4h6c-.62-.74-1-1.7-1-2.75V5a3 3 0 0 0-.16-.96A1.5 1.5 0 0 1 15.5 5v2h-1v12.25a2.75 2.75 0 1 0 5.5 0V8.5c0-.83-.67-1.5-1.5-1.5H17V5a3 3 0 0 0-5-2.24A3 3 0 0 0 7 5Zm1.5 0a1.5 1.5 0 1 1 3 0v2h-3V5Z"]));
export const ShoppingBag28Regular = ( /*#__PURE__*/createFluentIcon('ShoppingBag28Regular', "28", ["M8 5.5a3.5 3.5 0 0 1 6-2.45 3.49 3.49 0 0 1 6 2.45V8h2.5c.83 0 1.5.67 1.5 1.5V22a4 4 0 0 1-4 4H8a4 4 0 0 1-4-4V9.5C4 8.67 4.67 8 5.5 8H8V5.5ZM18.5 8V5.5a2 2 0 0 0-3.67-1.1c.1.35.17.72.17 1.1V8h3.5Zm-5-2.5a2 2 0 1 0-4 0V8h4V5.5Zm2.5 4H5.5V22A2.5 2.5 0 0 0 8 24.5h8.88A3.98 3.98 0 0 1 16 22V9.5Zm4 15a2.5 2.5 0 0 0 2.5-2.5V9.5h-5V22a2.5 2.5 0 0 0 2.5 2.5Z"]));
export const ShoppingBag28Filled = ( /*#__PURE__*/createFluentIcon('ShoppingBag28Filled', "28", ["M8 5.5a3.5 3.5 0 0 1 6-2.45 3.49 3.49 0 0 1 6 2.45V8h2.5c.83 0 1.5.67 1.5 1.5v13.25A3.25 3.25 0 0 1 20.8 26h-.1a3.25 3.25 0 0 1-3.2-3.25V8h1V5.5a2 2 0 0 0-3.67-1.1c.1.35.17.72.17 1.1V8h1v14.75c0 1.26.49 2.4 1.29 3.25H8a4 4 0 0 1-4-4V9.5C4 8.67 4.67 8 5.5 8H8V5.5Zm5.5 0a2 2 0 1 0-4 0V8h4V5.5Z"]));
export const ShoppingBag32Regular = ( /*#__PURE__*/createFluentIcon('ShoppingBag32Regular', "32", ["M13.5 2A4.5 4.5 0 0 0 9 6.5V10H7a2 2 0 0 0-2 2v13.5A4.5 4.5 0 0 0 9.5 30h13a4.5 4.5 0 0 0 4.5-4.5V12a2 2 0 0 0-2-2h-2V6.5a4.5 4.5 0 0 0-7-3.74A4.48 4.48 0 0 0 13.5 2ZM25 12v13.5a2.5 2.5 0 0 1-5 0V12h5Zm-6.24 16H9.5A2.5 2.5 0 0 1 7 25.5V12h11v13.5c0 .93.28 1.79.76 2.5ZM21 10h-3V6.5c0-.82-.22-1.59-.6-2.25A2.5 2.5 0 0 1 21 6.5V10ZM11 6.5a2.5 2.5 0 0 1 5 0V10h-5V6.5Z"]));
export const ShoppingBag32Filled = ( /*#__PURE__*/createFluentIcon('ShoppingBag32Filled', "32", ["M9 6.5a4.5 4.5 0 0 1 7-3.74 4.5 4.5 0 0 1 7 3.74V10h2a2 2 0 0 1 2 2v14.5a3.5 3.5 0 1 1-7 0V10h1V6.5a2.5 2.5 0 0 0-3.6-2.25c.38.66.6 1.43.6 2.25v20c0 1.33.47 2.55 1.26 3.5H9.5A4.5 4.5 0 0 1 5 25.5V12c0-1.1.9-2 2-2h2V6.5Zm2 3.5h5V6.5a2.5 2.5 0 0 0-5 0V10Z"]));
export const ShoppingBag48Regular = ( /*#__PURE__*/createFluentIcon('ShoppingBag48Regular', "48", ["M20 4a6 6 0 0 0-6 6v4h-3.5A2.5 2.5 0 0 0 8 16.5v21a6.5 6.5 0 0 0 6.5 6.5h19a6.5 6.5 0 0 0 6.5-6.5v-21a2.5 2.5 0 0 0-2.5-2.5H34v-4a6 6 0 0 0-10-4.47A5.98 5.98 0 0 0 20 4Zm17.5 12.5v21a4 4 0 0 1-8 0v-21h8Zm-9.12 25H14.5a4 4 0 0 1-4-4v-21H27v21c0 1.5.51 2.9 1.38 4ZM31.5 14H26v-4c0-.87-.18-1.69-.51-2.43A3.49 3.49 0 0 1 31.5 10v4Zm-8-4v4h-7v-4a3.5 3.5 0 1 1 7 0Z"]));
export const ShoppingBag48Filled = ( /*#__PURE__*/createFluentIcon('ShoppingBag48Filled', "48", ["M14 10a6 6 0 0 1 10-4.47A6 6 0 0 1 34 10v4h3.5a2.5 2.5 0 0 1 2.5 2.5v22.25a5.25 5.25 0 1 1-10.5 0V14h2v-4a3.5 3.5 0 0 0-6.01-2.43c.33.74.51 1.56.51 2.43v4h1v24.75c0 2.03.78 3.87 2.05 5.25H14.5A6.5 6.5 0 0 1 8 37.5v-21a2.5 2.5 0 0 1 2.5-2.5H14v-4Zm2.5 4h7v-4a3.5 3.5 0 1 0-7 0v4Z"]));