@transferwise/icons 3.22.1 → 3.22.3

package/lib/index.js

@@ -387,6 +387,39 @@ const AutoConvert = ({
   });
 };
 
+const Backpack = ({
+  className = undefined,
+  isFocusable = false,
+  filled = undefined,
+  title = undefined,
+  role = undefined,
+  size = 16,
+  ...restProps
+}) => {
+  if (filled) {
+    console.warn("<Backpack filled /> is now deprecated, please use <BackpackFill /> or refer to https://transferwise.github.io/icons/ for more info.");
+  }
+  return /*#__PURE__*/jsxRuntime.jsx("span", {
+    className: `tw-icon tw-icon-backpack ${className ? className : ''}`,
+    "data-testid": restProps['data-testid'] || 'backpack-icon',
+    children: /*#__PURE__*/jsxRuntime.jsx("svg", {
+      "aria-label": title,
+      "aria-hidden": !title ? true : undefined,
+      focusable: isFocusable,
+      role: role ?? (title ? 'graphics-symbol img' : 'none'),
+      width: String(size),
+      height: String(size),
+      fill: "currentColor",
+      viewBox: "0 0 24 24",
+      children: (Number(size) === 16 || Number(size) === 24 || Number(size) === 32) && /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
+        children: /*#__PURE__*/jsxRuntime.jsx("path", {
+          d: "M12 2a4 4 0 0 1 4 4v.418A5 5 0 0 1 19 11v5h1v4h-1v1c0 .5-.5 1-1 1H6a1 1 0 0 1-1-1v-1H4v-4h1v-5a5 5 0 0 1 3-4.584V6a4 4 0 0 1 4-4M7 20h10v-5h-2v2h-2v-2H7zm3-12a3 3 0 0 0-3 3v2h10v-2a3 3 0 0 0-3-3zm2-4a2 2 0 0 0-2 2h4a2 2 0 0 0-2-2"
+        })
+      })
+    })
+  });
+};
+
 const BackslashCircle = ({
   className = undefined,
   isFocusable = false,
@@ -10551,6 +10584,7 @@ exports.ArrowRight = ArrowRight;
 exports.ArrowUp = ArrowUp;
 exports.Atm = Atm;
 exports.AutoConvert = AutoConvert;
+exports.Backpack = Backpack;
 exports.BackslashCircle = BackslashCircle;
 exports.Balance = Balance;
 exports.Bank = Bank;