@astraicons/react/bold/esm/BagIcon.js

A comprehensive icon set designed for websites, applications, social networks, and print media, tailored specifically for UI Astra.

import * as React from "react";
function BagIcon({
  title,
  titleId,
  ...props
}, svgRef) {
  return /*#__PURE__*/React.createElement("svg", Object.assign({
    xmlns: "http://www.w3.org/2000/svg",
    viewBox: "0 0 24 24",
    fill: "currentColor",
    "aria-hidden": "true",
    ref: svgRef,
    "aria-labelledby": titleId
  }, props), title ? /*#__PURE__*/React.createElement("title", {
    id: titleId
  }, title) : null, /*#__PURE__*/React.createElement("path", {
    fillRule: "evenodd",
    d: "M16.75 6.876c2.672-.843 5.81 1.316 5.165 4.383l-1.306 6.215C20.056 20.105 17.63 22 14.81 22H9.154c-2.969 0-5.506-2.037-6.007-4.823L2.065 11.17c-.548-3.042 2.49-5.106 5.185-4.447a4.75 4.75 0 0 1 9.5.027zm-8 .55q.268.195.514.443c1.576 1.584 4.253 1.611 5.83.027q.076-.078.156-.15V6.75a3.25 3.25 0 0 0-6.5 0zm6.5 4.948a.75.75 0 0 0 1.5 0v-.962a.75.75 0 0 0-1.5 0zM8 13.35a.75.75 0 0 1-.75-.75v-1a.75.75 0 0 1 1.5 0v1a.75.75 0 0 1-.75.75",
    clipRule: "evenodd"
  }));
}
const ForwardRef = React.forwardRef(BagIcon);
export default ForwardRef;