All files / lib/components/icons/Inventory index.tsx

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
 
 
 
2x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
import React from 'react';
 
function InventoryIcon({ className, onClick }: { className?: string; onClick: () => void }) {
  return (
    <svg
      width="18"
      height="21"
      viewBox="0 0 18 21"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      className={className}
      onClick={onClick}
    >
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M5.1 3.1C5.5 1.3 7.1 0 9 0C10.9 0 12.5 1.3 12.9 3.1C15.8 3.5 18 6 18 9V19C18 20.1 17.1 21 16 21H14H4H2C0.9 21 0 20.1 0 19V9C0 6 2.2 3.5 5.1 3.1ZM9 1.5C8 1.5 7.1 2.1 6.7 3H11.3C10.9 2.1 10 1.5 9 1.5ZM1.5 19C1.5 19.3 1.7 19.5 2 19.5H4V13.3C4 12 5 11 6.3 11H11.7C13 11 14 12 14 13.3V19.5H16C16.3 19.5 16.5 19.3 16.5 19V9C16.5 6.5 14.5 4.5 12 4.5H6C3.5 4.5 1.5 6.5 1.5 9V19ZM5.5 13.3V14.2H12.5V13.3C12.5 12.9 12.1 12.5 11.7 12.5H6.3C5.9 12.5 5.5 12.9 5.5 13.3ZM5.5 15.7V19.5H12.5V15.7H5.5ZM6.7 7.2002H11.2C11.7 7.2002 12 7.6002 12 8.0002C12 8.4002 11.7 8.7002 11.3 8.8002H6.8C6.3 8.8002 6 8.4002 6 8.0002C6 7.6002 6.3 7.2002 6.7 7.2002Z"
        fill="black"
      />
    </svg>
  );
}
 
export default InventoryIcon;