Merge pull request #63 from Trendyol/feature/meal-order-icons

feat(icons): add meal-order-back, meal-order-cancel and meal-order-return icons

docs/stories/components/icon.stories.mdx

@@ -167,6 +167,9 @@ Icon names are in the list, fixed and cannot be used outside the list.
 `market-order-check`,
 `market`,
 `meal-bag`
+`meal-order-back`
+`meal-order-cancel`
+`meal-order-return`
 `message`,
 `metric-status-down`,
 `metric-status-up`,

src/components/Icon/list.ts

@@ -99,6 +99,9 @@ export const iconList = [
   'market-order-check',
   'market',
   'meal-bag',
+  'meal-order-back',
+  'meal-order-cancel',
+  'meal-order-return',
   'message',
   'metric-status-down',
   'metric-status-up',

src/icons/MealOrderBack.tsx

@@ -0,0 +1,23 @@
+import * as React from 'react';
+import Svg, { SvgProps, Path } from 'react-native-svg';
+const SvgMealOrderBack = (props: SvgProps) => (
+  <Svg
+    width={24}
+    height={24}
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}>
+    <Path
+      d="M2 0a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h20a1 1 0 0 0 1-1V1a1 1 0 0 0-1-1H2ZM10 6H2.833l-1.31 4.286A12.003 12.003 0 0 0 1 13.792V22a2 2 0 0 0 2 2h8.343A9 9 0 0 1 22.306 9.73L21.166 6H14v1.5a.5.5 0 0 1-.724.447l-1.052-.526a.495.495 0 0 0-.448 0l-1.052.526A.5.5 0 0 1 10 7.5V6Z"
+      fill={props?.fill ?? '#273142'}
+    />
+    <Path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M24 17a7 7 0 1 1-14 0 7 7 0 0 1 14 0Zm-7.293-2.707a1 1 0 0 1 0 1.414l-.293.293H20a1 1 0 1 1 0 2h-3.586l.293.293a1 1 0 0 1-1.414 1.414l-2-2a1 1 0 0 1 0-1.414l2-2a1 1 0 0 1 1.414 0Z"
+      fill={props?.fill ?? '#273142'}
+    />
+  </Svg>
+);
+export default SvgMealOrderBack;

src/icons/MealOrderCancel.tsx

@@ -0,0 +1,23 @@
+import * as React from 'react';
+import Svg, { SvgProps, Path } from 'react-native-svg';
+const SvgMealOrderCancel = (props: SvgProps) => (
+  <Svg
+    width={24}
+    height={24}
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}>
+    <Path
+      d="M2 0a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h20a1 1 0 0 0 1-1V1a1 1 0 0 0-1-1H2ZM10 6H2.833l-1.31 4.286A12.003 12.003 0 0 0 1 13.792V22a2 2 0 0 0 2 2h8.343A9 9 0 0 1 22.306 9.73L21.166 6H14v1.5a.5.5 0 0 1-.724.447l-1.052-.526a.495.495 0 0 0-.448 0l-1.052.526A.5.5 0 0 1 10 7.5V6Z"
+      fill={props?.fill ?? '#273142'}
+    />
+    <Path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M24 17a7 7 0 1 1-14 0 7 7 0 0 1 14 0Zm-10.171-3.172a1.121 1.121 0 0 1 1.585 0L17 15.414l1.586-1.586a1.121 1.121 0 0 1 1.586 1.586L18.586 17l1.586 1.586a1.121 1.121 0 0 1-1.586 1.586L17 18.586l-1.586 1.586a1.121 1.121 0 0 1-1.586-1.586L15.414 17l-1.585-1.586a1.121 1.121 0 0 1 0-1.586Z"
+      fill={props?.fill ?? '#273142'}
+    />
+  </Svg>
+);
+export default SvgMealOrderCancel;

src/icons/MealOrderReturn.tsx

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import Svg, { SvgProps, Path } from 'react-native-svg';
+const SvgMealOrderReturn = (props: SvgProps) => (
+  <Svg
+    width={24}
+    height={24}
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}>
+    <Path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M2 0a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h20a1 1 0 0 0 1-1V1a1 1 0 0 0-1-1H2Zm8 6H2.833l-1.31 4.286A12.003 12.003 0 0 0 1 13.792V22a2 2 0 0 0 2 2h8.343A9 9 0 0 1 22.306 9.73L21.166 6H14v1.5a.5.5 0 0 1-.724.447l-1.052-.526a.495.495 0 0 0-.448 0l-1.052.526A.5.5 0 0 1 10 7.5V6Zm7 18a7 7 0 1 0 0-14 7 7 0 0 0 0 14Zm-2.208-10.336a.714.714 0 0 0-1.427.05v1.598c0 .352.256.651.604.705l1.46.229a.714.714 0 1 0 .221-1.412l-.029-.005A2.571 2.571 0 1 1 14.43 17a.714.714 0 0 0-1.429.001 4 4 0 1 0 1.792-3.336Z"
+      fill={props?.fill ?? '#273142'}
+    />
+  </Svg>
+);
+export default SvgMealOrderReturn;

src/icons/index.ts

@@ -98,6 +98,9 @@ export { default as MarketOrderChange } from './MarketOrderChange';
 export { default as MarketOrderCheck } from './MarketOrderCheck';
 export { default as Market } from './Market';
 export { default as MealBag } from './MealBag';
+export { default as MealOrderBack } from './MealOrderBack';
+export { default as MealOrderCancel } from './MealOrderCancel';
+export { default as MealOrderReturn } from './MealOrderReturn';
 export { default as Message } from './Message';
 export { default as MetricStatusDown } from './MetricStatusDown';
 export { default as MetricStatusUp } from './MetricStatusUp';