@vygruppen/spor-icon-react-native 0.2.7 → 0.4.0

package/dist/chunk-MRQP6RRD.js

@@ -0,0 +1,35 @@
+import { useTheme, Box } from 'app/spor';
+import * as React from 'react';
+import { forwardRef } from 'react';
+import Svg, { Path } from 'react-native-svg';
+
+// tmp/NotificationMuteOutline30Icon.tsx
+var NotificationMuteOutline30Icon = ({ color = "darkGrey", width, height, ...props }, ref) => {
+  var _a, _b;
+  const theme = useTheme();
+  return /* @__PURE__ */ React.createElement(Box, {
+    ...props
+  }, /* @__PURE__ */ React.createElement(Svg, {
+    width: ((_a = props.style) == null ? void 0 : _a.width) ?? width ?? 30,
+    height: ((_b = props.style) == null ? void 0 : _b.height) ?? height ?? 30,
+    viewBox: "0 0 30 30",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
+    ref
+  }, /* @__PURE__ */ React.createElement(Path, {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M15 3C11.6863 3 9 5.68629 9 9V13.3939L5.04309 22.2969C4.97435 22.4516 4.98852 22.6305 5.08075 22.7725C5.17298 22.9144 5.33075 23 5.5 23H8.17356L5.61039 26.1866C5.43732 26.4018 5.47145 26.7165 5.68662 26.8896C5.90179 27.0627 6.21653 27.0286 6.38961 26.8134L6.65147 26.4878C6.66892 26.4476 6.69198 26.4091 6.72079 26.3732L24.9589 3.6988C25.0463 3.49738 24.9927 3.25468 24.8134 3.11041C24.5982 2.93734 24.2835 2.97146 24.1104 3.18664L20.768 7.34205C20.0486 4.83473 17.7386 3 15 3ZM8.97791 22L19.958 8.34906C19.639 5.89519 17.5408 4 15 4C12.2386 4 10 6.23858 10 9V13.5C10 13.57 9.98532 13.6391 9.95691 13.7031L6.26938 22H8.97791Z",
+    fill: theme.colors[color] ?? "#2B2B2C"
+  }), /* @__PURE__ */ React.createElement(Path, {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M21 10.2162L20 11.4595V13.5C20 13.57 20.0147 13.6391 20.0431 13.7031L23.7306 22H11.6962L11 23C11 25.2091 12.7909 27 15 27C17.2091 27 19 25.2091 19 23H24.5C24.6693 23 24.827 22.9144 24.9192 22.7725C25.0115 22.6305 25.0256 22.4516 24.9569 22.2969L21 13.3939V10.2162ZM12 23C12 24.6569 13.3431 26 15 26C16.6569 26 18 24.6569 18 23H12Z",
+    fill: theme.colors[color] ?? "#2B2B2C"
+  })));
+};
+var ForwardRef = forwardRef(NotificationMuteOutline30Icon);
+var NotificationMuteOutline30Icon_default = ForwardRef;
+
+export { NotificationMuteOutline30Icon_default };

package/dist/chunk-NGZHYZQM.js

@@ -0,0 +1,33 @@
+import { useTheme, Box } from 'app/spor';
+import * as React from 'react';
+import { forwardRef } from 'react';
+import Svg, { Path } from 'react-native-svg';
+
+// tmp/NotificationReceivedOutline18Icon.tsx
+var NotificationReceivedOutline18Icon = ({ color = "darkGrey", width, height, ...props }, ref) => {
+  var _a, _b;
+  const theme = useTheme();
+  return /* @__PURE__ */ React.createElement(Box, {
+    ...props
+  }, /* @__PURE__ */ React.createElement(Svg, {
+    width: ((_a = props.style) == null ? void 0 : _a.width) ?? width ?? 18,
+    height: ((_b = props.style) == null ? void 0 : _b.height) ?? height ?? 18,
+    viewBox: "0 0 18 18",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
+    ref
+  }, /* @__PURE__ */ React.createElement(Path, {
+    d: "M16 5.5C16 7.433 14.433 9 12.5 9C10.567 9 9 7.433 9 5.5C9 3.567 10.567 2 12.5 2C14.433 2 16 3.567 16 5.5Z",
+    fill: "#ED0000"
+  }), /* @__PURE__ */ React.createElement(Path, {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M9.66056 1.57221C9.79051 1.5982 9.94257 1.63593 10.1007 1.69228C9.74304 1.91813 9.4194 2.19298 9.13922 2.50741L9.12571 2.50634C9.08269 2.50303 9.04876 2.50144 9.02671 2.50068L9.00316 2.50005L9 2.5C7.34315 2.5 6 3.84315 6 5.5V8.5C6 8.57762 5.98193 8.65418 5.94721 8.72361L3.80902 13H14.191L12.689 9.9961C13.0466 9.98133 13.3934 9.92482 13.7247 9.83134L15.4472 13.2764C15.5247 13.4314 15.5164 13.6155 15.4253 13.7629C15.3342 13.9103 15.1733 14 15 14H11.5C11.5 15.3807 10.3807 16.5 9 16.5C7.61929 16.5 6.5 15.3807 6.5 14H3C2.82671 14 2.66578 13.9103 2.57468 13.7629C2.48357 13.6155 2.47529 13.4314 2.55279 13.2764L5 8.38197V5.5C5 3.29086 6.79086 1.5 9 1.5V2C9 1.5 9.00013 1.5 9.00026 1.5H9.00054H9.00117L9.0027 1.50001L9.00688 1.50003L9.01955 1.50019C9.02985 1.50036 9.04386 1.50068 9.06118 1.50127C9.09577 1.50247 9.14387 1.50478 9.20241 1.50929C9.31881 1.51824 9.48005 1.53611 9.66056 1.57221ZM7.5 14C7.5 14.8284 8.17157 15.5 9 15.5C9.82843 15.5 10.5 14.8284 10.5 14H7.5Z",
+    fill: theme.colors[color] ?? "#2B2B2C"
+  })));
+};
+var ForwardRef = forwardRef(NotificationReceivedOutline18Icon);
+var NotificationReceivedOutline18Icon_default = ForwardRef;
+
+export { NotificationReceivedOutline18Icon_default };

package/dist/{chunk-ESRWL5TU.js → chunk-P7AJKPX3.js}

@@ -6,7 +6,7 @@ import Svg, { Circle, Path } from 'react-native-svg';
 // tmp/SuccessFill12Icon.tsx
 var SuccessFill12Icon = ({ color = "darkGrey", width, height, ...props }, ref) => {
   var _a, _b;
-  useTheme();
+  const theme = useTheme();
   return /* @__PURE__ */ React.createElement(Box, {
     ...props
   }, /* @__PURE__ */ React.createElement(Svg, {
@@ -27,7 +27,7 @@ var SuccessFill12Icon = ({ color = "darkGrey", width, height, ...props }, ref) =
     fillRule: "evenodd",
     clipRule: "evenodd",
     d: "M1 6C1 3.23858 3.23858 1 6 1C8.76142 1 11 3.23858 11 6C11 8.76142 8.76142 11 6 11C3.23858 11 1 8.76142 1 6ZM8.35355 5.35355C8.54882 5.15829 8.54882 4.84171 8.35355 4.64645C8.15829 4.45118 7.84171 4.45118 7.64645 4.64645L5.5 6.79289L4.35355 5.64646C4.15829 5.45119 3.84171 5.4512 3.64645 5.64646C3.45118 5.84172 3.45118 6.1583 3.64645 6.35356L5.14645 7.85355C5.34171 8.04882 5.65829 8.04881 5.85355 7.85355L8.35355 5.35355Z",
-    fill: "#037D67"
+    fill: theme.colors[color] ?? "#2B2B2C"
   })));
 };
 var ForwardRef = forwardRef(SuccessFill12Icon);

package/dist/chunk-Q3YAZHSQ.js

@@ -0,0 +1,30 @@
+import { useTheme, Box } from 'app/spor';
+import * as React from 'react';
+import { forwardRef } from 'react';
+import Svg, { Path } from 'react-native-svg';
+
+// tmp/CheckmarkOutline24Icon.tsx
+var CheckmarkOutline24Icon = ({ color = "darkGrey", width, height, ...props }, ref) => {
+  var _a, _b;
+  const theme = useTheme();
+  return /* @__PURE__ */ React.createElement(Box, {
+    ...props
+  }, /* @__PURE__ */ React.createElement(Svg, {
+    width: ((_a = props.style) == null ? void 0 : _a.width) ?? width ?? 24,
+    height: ((_b = props.style) == null ? void 0 : _b.height) ?? height ?? 24,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
+    ref
+  }, /* @__PURE__ */ React.createElement(Path, {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M20.3103 4.60788C20.5268 4.77922 20.5635 5.09367 20.3921 5.31023L9.31521 19.3102C9.22038 19.4301 9.07593 19.5 8.9231 19.5C8.77026 19.5 8.62582 19.4301 8.53099 19.3102L3.60791 13.088C3.43657 12.8715 3.47322 12.557 3.68978 12.3857C3.90634 12.2143 4.22079 12.251 4.39213 12.4675L8.9231 18.1942L19.6079 4.68975C19.7793 4.47319 20.0937 4.43654 20.3103 4.60788Z",
+    fill: theme.colors[color] ?? "#2B2B2C"
+  })));
+};
+var ForwardRef = forwardRef(CheckmarkOutline24Icon);
+var CheckmarkOutline24Icon_default = ForwardRef;
+
+export { CheckmarkOutline24Icon_default };

package/dist/{chunk-IA45TDA6.js → chunk-RO6APKZ7.js}

@@ -6,7 +6,7 @@ import Svg, { Path } from 'react-native-svg';
 // tmp/SuccessOutline24Icon.tsx
 var SuccessOutline24Icon = ({ color = "darkGrey", width, height, ...props }, ref) => {
   var _a, _b;
-  useTheme();
+  const theme = useTheme();
   return /* @__PURE__ */ React.createElement(Box, {
     ...props
   }, /* @__PURE__ */ React.createElement(Svg, {
@@ -21,12 +21,12 @@ var SuccessOutline24Icon = ({ color = "darkGrey", width, height, ...props }, ref
     fillRule: "evenodd",
     clipRule: "evenodd",
     d: "M12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4ZM3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12Z",
-    fill: "#037D67"
+    fill: theme.colors[color] ?? "#2B2B2C"
   }), /* @__PURE__ */ React.createElement(Path, {
     fillRule: "evenodd",
     clipRule: "evenodd",
     d: "M16.8536 8.64645C17.0488 8.84171 17.0488 9.15829 16.8536 9.35355L11.3536 14.8536C11.1583 15.0488 10.8417 15.0488 10.6464 14.8536L8.14645 12.3536C7.95118 12.1583 7.95118 11.8417 8.14645 11.6464C8.34171 11.4512 8.65829 11.4512 8.85355 11.6464L11 13.7929L16.1464 8.64645C16.3417 8.45118 16.6583 8.45118 16.8536 8.64645Z",
-    fill: "#037D67"
+    fill: theme.colors[color] ?? "#2B2B2C"
   })));
 };
 var ForwardRef = forwardRef(SuccessOutline24Icon);

package/dist/chunk-S2XH4A3Y.js

@@ -0,0 +1,30 @@
+import { useTheme, Box } from 'app/spor';
+import * as React from 'react';
+import { forwardRef } from 'react';
+import Svg, { Path } from 'react-native-svg';
+
+// tmp/CheckmarkOutline18Icon.tsx
+var CheckmarkOutline18Icon = ({ color = "darkGrey", width, height, ...props }, ref) => {
+  var _a, _b;
+  const theme = useTheme();
+  return /* @__PURE__ */ React.createElement(Box, {
+    ...props
+  }, /* @__PURE__ */ React.createElement(Svg, {
+    width: ((_a = props.style) == null ? void 0 : _a.width) ?? width ?? 18,
+    height: ((_b = props.style) == null ? void 0 : _b.height) ?? height ?? 18,
+    viewBox: "0 0 18 18",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
+    ref
+  }, /* @__PURE__ */ React.createElement(Path, {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M14.3272 4.62192C14.536 4.80262 14.5588 5.11839 14.3781 5.3272L7.45502 13.3272C7.36004 13.4369 7.22207 13.5 7.07693 13.5C6.9318 13.5 6.79382 13.4369 6.69885 13.3272L3.62192 9.77164C3.44122 9.56283 3.46401 9.24707 3.67282 9.06637C3.88163 8.88567 4.19739 8.90845 4.37809 9.11726L7.07693 12.2359L13.6219 4.67282C13.8026 4.46401 14.1184 4.44122 14.3272 4.62192Z",
+    fill: theme.colors[color] ?? "#2B2B2C"
+  })));
+};
+var ForwardRef = forwardRef(CheckmarkOutline18Icon);
+var CheckmarkOutline18Icon_default = ForwardRef;
+
+export { CheckmarkOutline18Icon_default };

package/dist/{chunk-64WHBDCE.js → chunk-S4T3JO3A.js}

@@ -6,7 +6,7 @@ import Svg, { Path } from 'react-native-svg';
 // tmp/ErrorOutline18Icon.tsx
 var ErrorOutline18Icon = ({ color = "darkGrey", width, height, ...props }, ref) => {
   var _a, _b;
-  useTheme();
+  const theme = useTheme();
   return /* @__PURE__ */ React.createElement(Box, {
     ...props
   }, /* @__PURE__ */ React.createElement(Svg, {
@@ -21,7 +21,7 @@ var ErrorOutline18Icon = ({ color = "darkGrey", width, height, ...props }, ref)
     fillRule: "evenodd",
     clipRule: "evenodd",
     d: "M9 2.5C5.41015 2.5 2.5 5.41015 2.5 9C2.5 12.5899 5.41015 15.5 9 15.5C12.5899 15.5 15.5 12.5899 15.5 9C15.5 5.41015 12.5899 2.5 9 2.5ZM1.5 9C1.5 4.85786 4.85786 1.5 9 1.5C13.1421 1.5 16.5 4.85786 16.5 9C16.5 13.1421 13.1421 16.5 9 16.5C4.85786 16.5 1.5 13.1421 1.5 9ZM6.14645 6.14645C6.34171 5.95118 6.65829 5.95118 6.85355 6.14645L9 8.29289L11.1464 6.14645C11.3417 5.95118 11.6583 5.95118 11.8536 6.14645C12.0488 6.34171 12.0488 6.65829 11.8536 6.85355L9.70711 9L11.8536 11.1464C12.0488 11.3417 12.0488 11.6583 11.8536 11.8536C11.6583 12.0488 11.3417 12.0488 11.1464 11.8536L9 9.70711L6.85355 11.8536C6.65829 12.0488 6.34171 12.0488 6.14645 11.8536C5.95118 11.6583 5.95118 11.3417 6.14645 11.1464L8.29289 9L6.14645 6.85355C5.95118 6.65829 5.95118 6.34171 6.14645 6.14645Z",
-    fill: "#ED0000"
+    fill: theme.colors[color] ?? "#2B2B2C"
   })));
 };
 var ForwardRef = forwardRef(ErrorOutline18Icon);

package/dist/{chunk-5V7BOZAH.js → chunk-S54ZGVBC.js}

@@ -6,7 +6,7 @@ import Svg, { Path } from 'react-native-svg';
 // tmp/SuccessOutline12Icon.tsx
 var SuccessOutline12Icon = ({ color = "darkGrey", width, height, ...props }, ref) => {
   var _a, _b;
-  useTheme();
+  const theme = useTheme();
   return /* @__PURE__ */ React.createElement(Box, {
     ...props
   }, /* @__PURE__ */ React.createElement(Svg, {
@@ -21,7 +21,7 @@ var SuccessOutline12Icon = ({ color = "darkGrey", width, height, ...props }, ref
     fillRule: "evenodd",
     clipRule: "evenodd",
     d: "M2 6C2 3.79086 3.79086 2 6 2C8.20914 2 10 3.79086 10 6C10 8.20914 8.20914 10 6 10C3.79086 10 2 8.20914 2 6ZM6 1C3.23858 1 1 3.23858 1 6C1 8.76142 3.23858 11 6 11C8.76142 11 11 8.76142 11 6C11 3.23858 8.76142 1 6 1ZM8.35355 5.35355C8.54882 5.15829 8.54882 4.84171 8.35355 4.64645C8.15829 4.45118 7.84171 4.45118 7.64645 4.64645L5.5 6.79289L4.35355 5.64646C4.15829 5.45119 3.84171 5.4512 3.64645 5.64646C3.45118 5.84172 3.45118 6.1583 3.64645 6.35356L5.14645 7.85355C5.34171 8.04882 5.65829 8.04881 5.85355 7.85355L8.35355 5.35355Z",
-    fill: "#037D67"
+    fill: theme.colors[color] ?? "#2B2B2C"
   })));
 };
 var ForwardRef = forwardRef(SuccessOutline12Icon);

package/dist/{chunk-3SEMWTI5.js → chunk-TQDHVU4C.js}

@@ -6,7 +6,7 @@ import Svg, { Circle, Path } from 'react-native-svg';
 // tmp/ErrorFill12Icon.tsx
 var ErrorFill12Icon = ({ color = "darkGrey", width, height, ...props }, ref) => {
   var _a, _b;
-  useTheme();
+  const theme = useTheme();
   return /* @__PURE__ */ React.createElement(Box, {
     ...props
   }, /* @__PURE__ */ React.createElement(Svg, {
@@ -26,7 +26,7 @@ var ErrorFill12Icon = ({ color = "darkGrey", width, height, ...props }, ref) =>
     fillRule: "evenodd",
     clipRule: "evenodd",
     d: "M6 1C3.23858 1 1 3.23858 1 6C1 8.76142 3.23858 11 6 11C8.76142 11 11 8.76142 11 6C11 3.23858 8.76142 1 6 1ZM4.14645 4.14645C4.34171 3.95118 4.65829 3.95118 4.85355 4.14645L6 5.29289L7.14645 4.14645C7.34171 3.95118 7.65829 3.95118 7.85355 4.14645C8.04882 4.34171 8.04882 4.65829 7.85355 4.85355L6.70711 6L7.85355 7.14645C8.04882 7.34171 8.04882 7.65829 7.85355 7.85355C7.65829 8.04882 7.34171 8.04882 7.14645 7.85355L6 6.70711L4.85355 7.85355C4.65829 8.04882 4.34171 8.04882 4.14645 7.85355C3.95118 7.65829 3.95118 7.34171 4.14645 7.14645L5.29289 6L4.14645 4.85355C3.95118 4.65829 3.95118 4.34171 4.14645 4.14645Z",
-    fill: "#ED0000"
+    fill: theme.colors[color] ?? "#2B2B2C"
   })));
 };
 var ForwardRef = forwardRef(ErrorFill12Icon);

package/dist/chunk-VUIGOUQ2.js

@@ -0,0 +1,35 @@
+import { useTheme, Box } from 'app/spor';
+import * as React from 'react';
+import { forwardRef } from 'react';
+import Svg, { Circle, Path } from 'react-native-svg';
+
+// tmp/NotificationReceivedOutline30Icon.tsx
+var NotificationReceivedOutline30Icon = ({ color = "darkGrey", width, height, ...props }, ref) => {
+  var _a, _b;
+  const theme = useTheme();
+  return /* @__PURE__ */ React.createElement(Box, {
+    ...props
+  }, /* @__PURE__ */ React.createElement(Svg, {
+    width: ((_a = props.style) == null ? void 0 : _a.width) ?? width ?? 30,
+    height: ((_b = props.style) == null ? void 0 : _b.height) ?? height ?? 30,
+    viewBox: "0 0 30 30",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
+    ref
+  }, /* @__PURE__ */ React.createElement(Circle, {
+    cx: 21.5,
+    cy: 8.5,
+    r: 5.5,
+    fill: "#ED0000"
+  }), /* @__PURE__ */ React.createElement(Path, {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M15 3C15.8393 3 16.6392 3.17261 17.3653 3.48437C17.0818 3.71835 16.8184 3.97592 16.5783 4.25406C16.0824 4.08925 15.5519 4 15 4C12.2386 4 10 6.23858 10 9V13.5C10 13.57 9.98532 13.6391 9.95691 13.7031L6.26938 22H23.7306L20.5915 14.937C20.8884 14.9785 21.1917 15 21.5 15C21.571 15 21.6418 14.9989 21.7123 14.9966L24.9569 22.2969C25.0256 22.4516 25.0115 22.6305 24.9192 22.7725C24.827 22.9144 24.6693 23 24.5 23H19C19 25.2091 17.2091 27 15 27C12.7909 27 11 25.2091 11 23H5.5C5.33075 23 5.17298 22.9144 5.08075 22.7725C4.98852 22.6305 4.97435 22.4516 5.04309 22.2969L9 13.3939V9C9 5.68629 11.6863 3 15 3ZM12 23C12 24.6569 13.3431 26 15 26C16.6569 26 18 24.6569 18 23H12Z",
+    fill: theme.colors[color] ?? "#2B2B2C"
+  })));
+};
+var ForwardRef = forwardRef(NotificationReceivedOutline30Icon);
+var NotificationReceivedOutline30Icon_default = ForwardRef;
+
+export { NotificationReceivedOutline30Icon_default };

package/dist/chunk-WPC3KJRZ.js

@@ -0,0 +1,30 @@
+import { useTheme, Box } from 'app/spor';
+import * as React from 'react';
+import { forwardRef } from 'react';
+import Svg, { Path } from 'react-native-svg';
+
+// tmp/CheckmarkFill24Icon.tsx
+var CheckmarkFill24Icon = ({ color = "darkGrey", width, height, ...props }, ref) => {
+  var _a, _b;
+  const theme = useTheme();
+  return /* @__PURE__ */ React.createElement(Box, {
+    ...props
+  }, /* @__PURE__ */ React.createElement(Svg, {
+    width: ((_a = props.style) == null ? void 0 : _a.width) ?? width ?? 24,
+    height: ((_b = props.style) == null ? void 0 : _b.height) ?? height ?? 24,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
+    ref
+  }, /* @__PURE__ */ React.createElement(Path, {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M20.6205 4.21579C21.0536 4.55847 21.1269 5.18738 20.7842 5.62049L9.70728 19.6205C9.51761 19.8602 9.22873 20 8.92306 20C8.61738 20 8.3285 19.8602 8.13884 19.6205L3.21576 13.3983C2.87308 12.9652 2.94638 12.3363 3.3795 11.9936C3.81261 11.6509 4.44152 11.7242 4.7842 12.1573L8.92306 17.3884L19.2158 4.37953C19.5584 3.94641 20.1873 3.87311 20.6205 4.21579Z",
+    fill: theme.colors[color] ?? "#2B2B2C"
+  })));
+};
+var ForwardRef = forwardRef(CheckmarkFill24Icon);
+var CheckmarkFill24Icon_default = ForwardRef;
+
+export { CheckmarkFill24Icon_default };

package/dist/chunk-ZM5YFOHV.js

@@ -0,0 +1,35 @@
+import { useTheme, Box } from 'app/spor';
+import * as React from 'react';
+import { forwardRef } from 'react';
+import Svg, { Path } from 'react-native-svg';
+
+// tmp/NotificationMuteOutline18Icon.tsx
+var NotificationMuteOutline18Icon = ({ color = "darkGrey", width, height, ...props }, ref) => {
+  var _a, _b;
+  const theme = useTheme();
+  return /* @__PURE__ */ React.createElement(Box, {
+    ...props
+  }, /* @__PURE__ */ React.createElement(Svg, {
+    width: ((_a = props.style) == null ? void 0 : _a.width) ?? width ?? 18,
+    height: ((_b = props.style) == null ? void 0 : _b.height) ?? height ?? 18,
+    viewBox: "0 0 18 18",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
+    ref
+  }, /* @__PURE__ */ React.createElement(Path, {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M9 1.5C6.79086 1.5 5 3.29086 5 5.5V8.38197L2.55279 13.2764C2.47529 13.4314 2.48357 13.6155 2.57468 13.7629C2.66578 13.9103 2.82671 14 3 14H4.43559L3.10686 15.6911C2.93626 15.9082 2.97397 16.2226 3.19111 16.3932C3.40825 16.5638 3.72257 16.5261 3.89318 16.3089L14.8932 2.30893C15.0638 2.0918 15.0261 1.77747 14.8089 1.60686C14.5918 1.43626 14.2775 1.47397 14.1069 1.69111L12.5555 3.66557C11.8905 2.37926 10.5479 1.5 9 1.5ZM11.8507 4.56264C11.457 3.36485 10.3295 2.5 9 2.5C7.34315 2.5 6 3.84315 6 5.5V8.5C6 8.57762 5.98193 8.65418 5.94721 8.72361L3.80902 13H5.22131L11.8507 4.56264Z",
+    fill: theme.colors[color] ?? "#2B2B2C"
+  }), /* @__PURE__ */ React.createElement(Path, {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M9 16.5C7.80279 16.5 6.80213 15.6585 6.5573 14.5346L7.76307 13H14.191L12.0528 8.72361C12.0181 8.65418 12 8.57762 12 8.5V7.60755L13 6.33482V8.38197L15.4472 13.2764C15.5247 13.4314 15.5164 13.6155 15.4253 13.7629C15.3342 13.9103 15.1733 14 15 14H11.5C11.5 15.3807 10.3807 16.5 9 16.5ZM7.5 14C7.5 14.8284 8.17157 15.5 9 15.5C9.82843 15.5 10.5 14.8284 10.5 14H7.5Z",
+    fill: theme.colors[color] ?? "#2B2B2C"
+  })));
+};
+var ForwardRef = forwardRef(NotificationMuteOutline18Icon);
+var NotificationMuteOutline18Icon_default = ForwardRef;
+
+export { NotificationMuteOutline18Icon_default };