Merge pull request #15 from input-output-hk/feat-add-icons

Feat add icons

Author: pczeglik-iohk

src/icons/Copy.tsx

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import type { SVGProps } from 'react';
+const SvgCopy = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={18}
+    height={18}
+    fill="none"
+    {...props}
+  >
+    <path
+      fill="currentColor"
+      fillRule="evenodd"
+      d="M3 2a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h1V7a3 3 0 0 1 3-3h5V3a1 1 0 0 0-1-1zm11 2V3a3 3 0 0 0-3-3H3a3 3 0 0 0-3 3v8a3 3 0 0 0 3 3h1v1a3 3 0 0 0 3 3h8a3 3 0 0 0 3-3V7a3 3 0 0 0-3-3zM7 6a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V7a1 1 0 0 0-1-1z"
+      clipRule="evenodd"
+    />
+  </svg>
+);
+export default SvgCopy;

src/icons/Key.tsx

@@ -0,0 +1,33 @@
+import * as React from 'react';
+import type { SVGProps } from 'react';
+const SvgKey = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={32}
+    height={32}
+    fill="none"
+    {...props}
+  >
+    <path
+      stroke="url(#key_svg__a)"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      strokeWidth={2}
+      d="M21 7.667A3.333 3.333 0 0 1 24.335 11M31 11c0 5.523-4.477 10-10 10-1.01 0-1.985-.15-2.904-.428l-3.762 3.761H11v3.334H7.667V31h-5C1.747 31 1 30.254 1 29.333v-4.31c0-.441.176-.865.489-1.178l9.94-9.94A10 10 0 0 1 11 11c0-5.523 4.477-10 10-10s10 4.477 10 10"
+    />
+    <defs>
+      <linearGradient
+        id="key_svg__a"
+        x1={-4.489}
+        x2={39.465}
+        y1={-4.489}
+        y2={-1.248}
+        gradientUnits="userSpaceOnUse"
+      >
+        <stop stopColor="#FF92E1" />
+        <stop offset={1} stopColor="#FDC300" />
+      </linearGradient>
+    </defs>
+  </svg>
+);
+export default SvgKey;

src/icons/index.ts

@@ -15,6 +15,7 @@ export { default as ChevronUpComponent } from './ChevronUpComponent';
 export { default as ChipGradientComponent } from './ChipGradientComponent';
 export { default as CloseComponent } from './CloseComponent';
 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 EyeCloseComponent } from './EyeCloseComponent';
@@ -29,6 +30,7 @@ export { default as HappyEmojiComponent } from './HappyEmojiComponent';
 export { default as HardwareWalletComponent } from './HardwareWalletComponent';
 export { default as InfoGradientComponent } from './InfoGradientComponent';
 export { default as InfoComponent } from './InfoComponent';
+export { default as Key } from './Key';
 export { default as LaceGradientComponent } from './LaceGradientComponent';
 export { default as LaceLogoComponent } from './LaceLogoComponent';
 export { default as LightBulbGradientComponent } from './LightBulbGradientComponent';