import { createIcon } from '../utils/create-icon';

export const BagTypographyIcon = createIcon(() => (
  <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
    <line
      x1="0.499998"
      y1="-0.00131133"
      x2="0.499999"
      y2="-0.00121133"
      stroke="currentColor"
    />
    <path
      d="M3.06626 8.86136C3.04324 8.56217 3.03174 8.41257 3.08289 8.29726C3.12783 8.19594 3.20517 8.11243 3.30274 8.05984C3.41379 8 3.56383 8 3.8639 8H20.1361C20.4362 8 20.5862 8 20.6973 8.05984C20.7948 8.11243 20.8722 8.19594 20.9171 8.29726C20.9683 8.41257 20.9568 8.56217 20.9337 8.86136L20.3409 16.5681C20.2207 18.1306 20.1606 18.9119 19.8179 19.5036C19.5161 20.0246 19.0646 20.4428 18.522 20.7037C17.9057 21 17.1222 21 15.5551 21H8.44495C6.87785 21 6.0943 21 5.47804 20.7037C4.93542 20.4428 4.48386 20.0246 4.18209 19.5036C3.83937 18.9119 3.77928 18.1306 3.65909 16.5681L3.06626 8.86136Z"
      stroke="currentColor"
      strokeWidth="var(--v0-rt-symbol-icon-stroke, 2)"
      vectorEffect="non-scaling-stroke"
    />
    <path
      d="M8 12V5C8 2.79086 9.79086 1 12 1V1C14.2091 1 16 2.79086 16 5V12"
      stroke="currentColor"
      strokeWidth="var(--v0-rt-symbol-icon-stroke, 2)"
      vectorEffect="non-scaling-stroke"
      strokeLinecap="round"
    />
    <line
      x1="0.499998"
      y1="-0.00131133"
      x2="0.499999"
      y2="-0.00121133"
      stroke="currentColor"
    />
    <line
      x1="0.499998"
      y1="-0.00131133"
      x2="0.499999"
      y2="-0.00121133"
      stroke="currentColor"
    />
    <line
      x1="0.499998"
      y1="-0.00131133"
      x2="0.499999"
      y2="-0.00121133"
      stroke="currentColor"
    />
  </svg>
));