Feat add new icon set

src/icons/CameraComponent.tsx

@@ -0,0 +1,22 @@
+import * as React from 'react';
+import type { SVGProps } from 'react';
+const SvgCameracomponent = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={40}
+    height={40}
+    fill="none"
+    {...props}
+  >
+    <g
+      stroke="silver"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      strokeWidth={2.5}
+    >
+      <path d="M5 15a3.333 3.333 0 0 1 3.333-3.334h1.55a3.33 3.33 0 0 0 2.773-1.484L14.01 8.15a3.33 3.33 0 0 1 2.774-1.484h6.432c1.115 0 2.155.557 2.774 1.484l1.354 2.032a3.33 3.33 0 0 0 2.773 1.484h1.55A3.333 3.333 0 0 1 35 14.999v15a3.333 3.333 0 0 1-3.333 3.334H8.333A3.333 3.333 0 0 1 5 29.999z" />
+      <path d="M25 21.666a5 5 0 1 1-10 0 5 5 0 0 1 10 0" />
+    </g>
+  </svg>
+);
+export default SvgCameracomponent;

src/icons/DocumentComponent.tsx

@@ -0,0 +1,33 @@
+import * as React from 'react';
+import type { SVGProps } from 'react';
+const SvgDocumentcomponent = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={40}
+    height={40}
+    fill="none"
+    {...props}
+  >
+    <path
+      stroke="url(#document_component_svg__a)"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      strokeWidth={2.5}
+      d="M15 20h10m-10 6.667h10M28.333 35H11.667a3.333 3.333 0 0 1-3.334-3.333V8.333A3.333 3.333 0 0 1 11.667 5h9.31c.441 0 .865.176 1.178.488l9.024 9.024c.312.312.488.736.488 1.178v15.977A3.333 3.333 0 0 1 28.333 35"
+    />
+    <defs>
+      <linearGradient
+        id="document_component_svg__a"
+        x1={4.064}
+        x2={38.323}
+        y1={-0.489}
+        y2={1.476}
+        gradientUnits="userSpaceOnUse"
+      >
+        <stop stopColor="#FF92E1" />
+        <stop offset={1} stopColor="#FDC300" />
+      </linearGradient>
+    </defs>
+  </svg>
+);
+export default SvgDocumentcomponent;

src/icons/DownloadComponent.tsx

@@ -0,0 +1,33 @@
+import * as React from 'react';
+import type { SVGProps } from 'react';
+const SvgDownloadcomponent = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={24}
+    height={24}
+    fill="none"
+    {...props}
+  >
+    <path
+      stroke="url(#download_component_svg__a)"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      strokeWidth={2}
+      d="M4 16v1a3 3 0 0 0 3 3h10a3 3 0 0 0 3-3v-1m-4-4-4 4m0 0-4-4m4 4V4"
+    />
+    <defs>
+      <linearGradient
+        id="download_component_svg__a"
+        x1={1.072}
+        x2={2.801}
+        y1={22.928}
+        y2={-0.514}
+        gradientUnits="userSpaceOnUse"
+      >
+        <stop stopColor="#FF92DE" />
+        <stop offset={1} stopColor="#FDC300" />
+      </linearGradient>
+    </defs>
+  </svg>
+);
+export default SvgDownloadcomponent;

src/icons/MnemonicComponent.tsx

@@ -0,0 +1,26 @@
+import * as React from 'react';
+import type { SVGProps } from 'react';
+const SvgMnemoniccomponent = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={100}
+    height={100}
+    fill="none"
+    {...props}
+  >
+    <path
+      fill="#EFEFEF"
+      d="M10 14a4 4 0 0 1 4-4h72a4 4 0 0 1 4 4v72a4 4 0 0 1-4 4H14a4 4 0 0 1-4-4z"
+    />
+    <rect width={31} height={6} x={16} y={22} fill="silver" rx={2} />
+    <rect width={31} height={6} x={16} y={34} fill="silver" rx={2} />
+    <rect width={31} height={6} x={16} y={46} fill="silver" rx={2} />
+    <rect width={31} height={6} x={16} y={58} fill="silver" rx={2} />
+    <rect width={31} height={6} x={53} y={22} fill="silver" rx={2} />
+    <rect width={31} height={6} x={53} y={34} fill="silver" rx={2} />
+    <rect width={31} height={6} x={53} y={46} fill="silver" rx={2} />
+    <rect width={31} height={6} x={53} y={58} fill="silver" rx={2} />
+    <rect width={13} height={6} x={43} y={76} fill="#F9F9F9" rx={3} />
+  </svg>
+);
+export default SvgMnemoniccomponent;

src/icons/PaperwalletComponent.tsx

@@ -0,0 +1,29 @@
+import * as React from 'react';
+import type { SVGProps } from 'react';
+const SvgPaperwalletcomponent = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={100}
+    height={100}
+    fill="none"
+    {...props}
+  >
+    <path fill="silver" d="m10 10 75 5v70.725a4 4 0 0 1-4.266 3.99L10 85z" />
+    <path fill="#EFEFEF" d="M10 10h76a4 4 0 0 1 4 4v67a4 4 0 0 1-4 4H10z" />
+    <rect
+      width={50}
+      height={50}
+      x={25}
+      y={23}
+      fill="#fff"
+      stroke="silver"
+      strokeWidth={2}
+      rx={4}
+    />
+    <path
+      fill="silver"
+      d="M52 32a2 2 0 1 0-4 0zm-4 2a2 2 0 1 0 4 0zm14 20a2 2 0 1 0 0 4zm4 4a2 2 0 1 0 0-4zm-16-2v-2a2 2 0 0 0-2 2zm4 2a2 2 0 1 0 0-4zm-6 6a2 2 0 1 0 4 0zm4-22a2 2 0 1 0-4 0zm-2 6h-2a2 2 0 0 0 2 2zm8 14a2 2 0 1 0 0 4zm8 4a2 2 0 1 0 0-4zM34 46a2 2 0 1 0 0 4zm8 4a2 2 0 1 0 0-4zm8.02 0a2 2 0 1 0 0-4zm8 0a2 2 0 1 0 0-4zM66 46a2 2 0 1 0 0 4zm.02 4a2 2 0 1 0 0-4zM36 34h4v-4h-4zm4 0v4h4v-4zm0 4h-4v4h4zm-4 0v-4h-4v4zm0 0h-4a4 4 0 0 0 4 4zm4 0v4a4 4 0 0 0 4-4zm0-4h4a4 4 0 0 0-4-4zm-4-4a4 4 0 0 0-4 4h4zm24 4h4v-4h-4zm4 0v4h4v-4zm0 4h-4v4h4zm-4 0v-4h-4v4zm0 0h-4a4 4 0 0 0 4 4zm4 0v4a4 4 0 0 0 4-4zm0-4h4a4 4 0 0 0-4-4zm-4-4a4 4 0 0 0-4 4h4zM36 58h4v-4h-4zm4 0v4h4v-4zm0 4h-4v4h4zm-4 0v-4h-4v4zm0 0h-4a4 4 0 0 0 4 4zm4 0v4a4 4 0 0 0 4-4zm0-4h4a4 4 0 0 0-4-4zm-4-4a4 4 0 0 0-4 4h4zm12-22v2h4v-2zm14 26h4v-4h-4zm-12 0h4v-4h-4zm-2-2v8h4v-8zm0-14v6h4v-6zm10 24h8v-4h-8zM34 50h8v-4h-8zm16 0h.02v-4H50zm16 0h.02v-4H66zm-16 0h8.02v-4H50z"
+    />
+  </svg>
+);
+export default SvgPaperwalletcomponent;

src/icons/PrinterComponent.tsx

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import type { SVGProps } from 'react';
+const SvgPrintercomponent = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={24}
+    height={24}
+    fill="none"
+    {...props}
+  >
+    <path
+      stroke="#6F7786"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      strokeWidth={2}
+      d="M17 17h2a2 2 0 0 0 2-2v-4a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h2m2 4h6a2 2 0 0 0 2-2v-4a2 2 0 0 0-2-2H9a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2m8-12V5a2 2 0 0 0-2-2H9a2 2 0 0 0-2 2v4z"
+    />
+  </svg>
+);
+export default SvgPrintercomponent;

src/icons/QrcodeComponent.tsx

@@ -0,0 +1,17 @@
+import * as React from 'react';
+import type { SVGProps } from 'react';
+const SvgQrcodecomponent = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={24}
+    height={24}
+    fill="none"
+    {...props}
+  >
+    <path
+      fill="#6F7786"
+      d="M13 4a1 1 0 1 0-2 0zm-2 1a1 1 0 1 0 2 0zm7 10a1 1 0 1 0 0 2zm2 2a1 1 0 1 0 0-2zm-8-1v-1a1 1 0 0 0-1 1zm2 1a1 1 0 1 0 0-2zm-3 3a1 1 0 1 0 2 0zm2-11a1 1 0 1 0-2 0zm-1 3h-1a1 1 0 0 0 1 1zm4 7a1 1 0 1 0 0 2zm4 2a1 1 0 1 0 0-2zM4 11a1 1 0 1 0 0 2zm4 2a1 1 0 1 0 0-2zm4.01 0a1 1 0 1 0 0-2zm4 0a1 1 0 1 0 0-2zM20 11a1 1 0 1 0 0 2zm.01 2a1 1 0 1 0 0-2zM5 5h2V3H5zm2 0v2h2V5zm0 2H5v2h2zM5 7V5H3v2zm0 0H3a2 2 0 0 0 2 2zm2 0v2a2 2 0 0 0 2-2zm0-2h2a2 2 0 0 0-2-2zM5 3a2 2 0 0 0-2 2h2zm12 2h2V3h-2zm2 0v2h2V5zm0 2h-2v2h2zm-2 0V5h-2v2zm0 0h-2a2 2 0 0 0 2 2zm2 0v2a2 2 0 0 0 2-2zm0-2h2a2 2 0 0 0-2-2zm-2-2a2 2 0 0 0-2 2h2zM5 17h2v-2H5zm2 0v2h2v-2zm0 2H5v2h2zm-2 0v-2H3v2zm0 0H3a2 2 0 0 0 2 2zm2 0v2a2 2 0 0 0 2-2zm0-2h2a2 2 0 0 0-2-2zm-2-2a2 2 0 0 0-2 2h2zm6-11v1h2V4zm7 13h2v-2h-2zm-6 0h2v-2h-2zm-1-1v4h2v-4zm0-7v3h2V9zm5 12h4v-2h-4zM4 13h4v-2H4zm8 0h.01v-2H12zm8 0h.01v-2H20zm-8 0h4.01v-2H12z"
+    />
+  </svg>
+);
+export default SvgQrcodecomponent;

src/icons/SadEmojiComponent.tsx

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import type { SVGProps } from 'react';
+const SvgSadEmojicomponent = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={40}
+    height={40}
+    fill="none"
+    {...props}
+  >
+    <path
+      stroke="silver"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      strokeWidth={2.5}
+      d="M24.714 26.953a6.667 6.667 0 0 0-9.428 0M25 16.667h-.017m-9.983 0h-.017M5 20c0 8.284 6.716 15 15 15s15-6.716 15-15S28.284 5 20 5 5 11.716 5 20"
+    />
+  </svg>
+);
+export default SvgSadEmojicomponent;

src/icons/index.ts

@@ -3,6 +3,7 @@ export { default as AdaComponent } from './AdaComponent';
 export { default as ArrowLeftComponent } from './ArrowLeftComponent';
 export { default as BookGradientComponent } from './BookGradientComponent';
 export { default as BookComponent } from './BookComponent';
+export { default as CameraComponent } from './CameraComponent';
 export { default as CardanoLogoComponent } from './CardanoLogoComponent';
 export { default as CaretComponent } from './CaretComponent';
 export { default as CheckBoxComponent } from './CheckBoxComponent';
@@ -18,6 +19,8 @@ export { default as CodeGradientComponent } from './CodeGradientComponent';
 export { default as Copy } from './Copy';
 export { default as DocumentDownload } from './DocumentDownload';
 export { default as DocumentTextGradientComponent } from './DocumentTextGradientComponent';
+export { default as DocumentComponent } from './DocumentComponent';
+export { default as DownloadComponent } from './DownloadComponent';
 export { default as EyeCloseComponent } from './EyeCloseComponent';
 export { default as EyeGradientComponent } from './EyeGradientComponent';
 export { default as EyeOpenComponent } from './EyeOpenComponent';
@@ -37,16 +40,21 @@ export { default as LightBulbGradientComponent } from './LightBulbGradientCompon
 export { default as LoaderDarkGradientComponent } from './LoaderDarkGradientComponent';
 export { default as LoaderLightGradientComponent } from './LoaderLightGradientComponent';
 export { default as LoadingComponent } from './LoadingComponent';
+export { default as MnemonicComponent } from './MnemonicComponent';
 export { default as NewspaperGradientComponent } from './NewspaperGradientComponent';
+export { default as PaperwalletComponent } from './PaperwalletComponent';
 export { default as PencilOutlineComponent } from './PencilOutlineComponent';
 export { default as PlainCircleComponent } from './PlainCircleComponent';
 export { default as PlusCircleGradientComponent } from './PlusCircleGradientComponent';
 export { default as PlusCircleComponent } from './PlusCircleComponent';
 export { default as PlusSmallComponent } from './PlusSmallComponent';
+export { default as PrinterComponent } from './PrinterComponent';
+export { default as QrcodeComponent } from './QrcodeComponent';
 export { default as QuestionMarkCircleGradientComponent } from './QuestionMarkCircleGradientComponent';
 export { default as QuestionMarkComponent } from './QuestionMarkComponent';
 export { default as ReceiptTaxGradientComponent } from './ReceiptTaxGradientComponent';
 export { default as RefreshComponent } from './RefreshComponent';
+export { default as SadEmojiComponent } from './SadEmojiComponent';
 export { default as SearchComponent } from './SearchComponent';
 export { default as ShieldGradientComponent } from './ShieldGradientComponent';
 export { default as SortAlphabeticalAscComponent } from './SortAlphabeticalAscComponent';