Merge pull request #68 from Trendyol/feat/adding-icons

feat(icon): add door-open and credit-card icons

docs/stories/components/icon.stories.mdx

@@ -107,12 +107,14 @@ Icon names are in the list, fixed and cannot be used outside the list.
 `confetti`,
 `copy`,
 `coupon`,
+`credit-card`,
 `delete`,
 `dialog`,
 `dislike`,
 `document-search`,
 `document`,
 `donation`,
+`door-open`,
 `download`,
 `edit`,
 `engagement`,

src/components/Icon/list.ts

@@ -39,12 +39,14 @@ export const iconList = [
   'confetti',
   'copy',
   'coupon',
+  'credit-card',
   'delete',
   'dialog',
   'dislike',
   'document-search',
   'document',
   'donation',
+  'door-open',
   'download',
   'edit',
   'engagement',

src/icons/CreditCard.tsx

@@ -0,0 +1,23 @@
+import * as React from 'react';
+import Svg, { SvgProps, Path } from 'react-native-svg';
+const SvgCreditCard = (props: SvgProps) => (
+  <Svg
+    width={24}
+    height={24}
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}>
+    <Path
+      d="M0 6c0-1.886 0-2.828.586-3.414C1.172 2 2.114 2 4 2h16c1.886 0 2.828 0 3.414.586C24 3.172 24 4.114 24 6v1H0V6Z"
+      fill={props?.fill ?? '#273142'}
+    />
+    <Path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M0 10h24v8c0 1.886 0 2.828-.586 3.414C22.828 22 21.886 22 20 22H4c-1.886 0-2.828 0-3.414-.586C0 20.828 0 19.886 0 18v-8Zm17.5 6a1.5 1.5 0 0 0 0 3h2a1.5 1.5 0 0 0 0-3h-2Z"
+      fill={props?.fill ?? '#273142'}
+    />
+  </Svg>
+);
+export default SvgCreditCard;

src/icons/DoorOpen.tsx

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import Svg, { SvgProps, Path } from 'react-native-svg';
+const SvgDoorOpen = (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="M14.836.014A1 1 0 0 1 16 1v1h3a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1h-3v1a1 1 0 0 1-1.164.986l-10-1.744A1 1 0 0 1 4 21.257V2.962a1 1 0 0 1 .836-.986l10-1.962ZM16 20h2V4h-2v16Zm-5.429-7.89a1.714 1.714 0 1 1 3.428 0 1.714 1.714 0 0 1-3.428 0Z"
+      fill={props?.fill ?? '#273142'}
+    />
+  </Svg>
+);
+export default SvgDoorOpen;

src/icons/index.ts

@@ -38,12 +38,14 @@ export { default as Compass } from './Compass';
 export { default as Confetti } from './Confetti';
 export { default as Copy } from './Copy';
 export { default as Coupon } from './Coupon';
+export { default as CreditCard } from './CreditCard';
 export { default as Delete } from './Delete';
 export { default as Dialog } from './Dialog';
 export { default as Dislike } from './Dislike';
 export { default as DocumentSearch } from './DocumentSearch';
 export { default as Document } from './Document';
 export { default as Donation } from './Donation';
+export { default as DoorOpen } from './DoorOpen';
 export { default as Download } from './Download';
 export { default as Edit } from './Edit';
 export { default as Engagement } from './Engagement';