droplinked-editor-configs 1.8.0

package/src/assets/icon/Coding/HTML/HtmlLg.tsx

@@ -0,0 +1,9 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const HtmlLg = ({ color = "black", ...props }: SVGProps<SVGSVGElement>) => (
+    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+        <path d="M12 18.178L16.62 16.922L17.243 10.144H9.026L8.822 7.89H17.448L17.675 5.679H6.325L6.961 12.357H14.781L14.52 15.223L12 15.89L9.48 15.223L9.322 13.379H7.052L7.381 16.923L12 18.178ZM3 2H21L19.377 20L12 22L4.623 20L3 2Z" fill="#E44D26" />
+    </svg>
+
+);

package/src/assets/icon/Coding/HTML/HtmlMd.tsx

@@ -0,0 +1,9 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const HtmlMd = ({ color = "black", ...props }: SVGProps<SVGSVGElement>) => (
+    <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+        <path d="M10 15.1482L13.85 14.1015L14.3692 8.45317H7.52167L7.35167 6.57484H14.54L14.7292 4.73234H5.27083L5.80083 10.2973H12.3175L12.1 12.6857L10 13.2415L7.9 12.6857L7.76833 11.149H5.87667L6.15083 14.1023L10 15.1482ZM2.5 1.6665H17.5L16.1475 16.6665L10 18.3332L3.8525 16.6665L2.5 1.6665Z" fill="#E44D26" />
+    </svg>
+
+);

package/src/assets/icon/Coding/HTML/HtmlSm.tsx

@@ -0,0 +1,9 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const HtmlSm = ({ color = "black", ...props }: SVGProps<SVGSVGElement>) => (
+    <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+        <path d="M8 12.1186L11.08 11.2813L11.4953 6.76259H6.01733L5.88133 5.25992H11.632L11.7833 3.78592H4.21667L4.64067 8.23792H9.854L9.68 10.1486L8 10.5933L6.32 10.1486L6.21467 8.91925H4.70133L4.92067 11.2819L8 12.1186ZM2 1.33325H14L12.918 13.3333L8 14.6666L3.082 13.3333L2 1.33325Z" fill="#E44D26" />
+    </svg>
+
+);

package/src/assets/icon/Coding/JavaScript/JavascriptLg.tsx

@@ -0,0 +1,9 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const JavascriptLg = ({ color = "black", ...props }: SVGProps<SVGSVGElement>) => (
+    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+        <path d="M14.5346 15.0953C14.8086 15.6672 15.2334 16.1479 15.7602 16.4822C16.287 16.8166 16.8946 16.991 17.5132 16.9856C18.7643 16.9856 19.5636 16.3407 19.5636 15.4501C19.5636 14.383 18.7422 14.0046 17.3659 13.3833L16.6106 13.0494C14.4323 12.0924 12.9845 10.8935 12.9845 8.3591C12.9845 6.02395 14.7102 4.24734 17.4065 4.24734C18.2815 4.18211 19.1558 4.38417 19.9201 4.82827C20.6845 5.27238 21.3049 5.93884 21.704 6.74442L19.3528 8.30088C19.1985 7.90184 18.9303 7.56055 18.5837 7.32223C18.237 7.08391 17.8283 6.95981 17.4118 6.96638C17.2302 6.94768 17.0468 6.96816 16.8733 7.02653C16.6998 7.0849 16.54 7.17988 16.4041 7.30541C16.2681 7.43094 16.159 7.58428 16.0837 7.75567C16.0084 7.92705 15.9685 8.11273 15.9666 8.30088C15.9666 9.23513 16.5277 9.61264 17.8194 10.1912L18.5746 10.5241C21.1403 11.6585 22.5881 12.8147 22.5881 15.4146C22.5881 18.2173 20.453 19.7529 17.5847 19.7529C16.4675 19.8256 15.3538 19.5637 14.3776 18.9988C13.4015 18.4339 12.6045 17.5901 12.0828 16.569L14.5346 15.0953ZM3.86965 15.3682C4.34432 16.236 4.77575 16.9692 5.81067 16.9692C6.80235 16.9692 7.42877 16.569 7.42877 15.0134V4.24734L10.5873 4.23535L10.4479 15.0571C10.4479 18.2801 8.61455 19.7474 5.93948 19.7474C4.99451 19.8004 4.05612 19.5571 3.24789 19.0495C2.43965 18.5419 1.79947 17.7938 1.41162 16.9038L3.86965 15.3682Z" fill="#F5DE19" />
+    </svg>
+
+);

package/src/assets/icon/Coding/JavaScript/JavascriptMd.tsx

@@ -0,0 +1,9 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const JavascriptMd = ({ color = "black", ...props }: SVGProps<SVGSVGElement>) => (
+    <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+        <path d="M12.1121 12.5793C12.3404 13.0558 12.6944 13.4564 13.1334 13.735C13.5725 14.0137 14.0788 14.159 14.5943 14.1545C15.6368 14.1545 16.303 13.6171 16.303 12.8749C16.303 11.9857 15.6184 11.6703 14.4715 11.1526L13.8421 10.8744C12.0268 10.0769 10.8203 9.07774 10.8203 6.96576C10.8203 5.01979 12.2584 3.53928 14.5053 3.53928C15.2345 3.48493 15.9631 3.65331 16.6 4.0234C17.237 4.39349 17.754 4.94887 18.0866 5.62018L16.1272 6.91724C15.9987 6.58471 15.7752 6.3003 15.4863 6.1017C15.1974 5.9031 14.8569 5.79968 14.5097 5.80515C14.3584 5.78957 14.2056 5.80664 14.061 5.85528C13.9164 5.90392 13.7833 5.98307 13.67 6.08768C13.5567 6.19229 13.4658 6.32007 13.403 6.46289C13.3402 6.60572 13.307 6.76045 13.3054 6.91724C13.3054 7.69578 13.773 8.01037 14.8494 8.49251L15.4788 8.76996C17.6168 9.71527 18.8233 10.6788 18.8233 12.8453C18.8233 15.1809 17.0441 16.4606 14.6538 16.4606C13.7228 16.5211 12.7947 16.3029 11.9813 15.8322C11.1678 15.3614 10.5037 14.6583 10.0689 13.8073L12.1121 12.5793ZM3.22463 12.8067C3.62018 13.5299 3.97971 14.1409 4.84214 14.1409C5.66854 14.1409 6.19056 13.8073 6.19056 12.511V3.53928L8.82269 3.5293L8.70652 12.5474C8.70652 15.2333 7.17871 16.456 4.94948 16.456C4.16201 16.5002 3.38002 16.2974 2.70649 15.8744C2.03296 15.4514 1.49947 14.828 1.17627 14.0863L3.22463 12.8067Z" fill="#F5DE19" />
+    </svg>
+
+);

package/src/assets/icon/Coding/JavaScript/JavascriptSm.tsx

@@ -0,0 +1,9 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const JavascriptSm = ({ color = "black", ...props }: SVGProps<SVGSVGElement>) => (
+    <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+        <path d="M9.69009 10.0635C9.87273 10.4447 10.1559 10.7652 10.5071 10.9881C10.8584 11.211 11.2634 11.3273 11.6758 11.3237C12.5099 11.3237 13.0428 10.8937 13.0428 10.3C13.0428 9.5886 12.4951 9.33631 11.5776 8.9221L11.0741 8.69954C9.62186 8.06154 8.65665 7.26224 8.65665 5.57265C8.65665 4.01588 9.80714 2.83148 11.6046 2.83148C12.188 2.78799 12.7709 2.9227 13.2804 3.21877C13.79 3.51484 14.2036 3.95915 14.4697 4.4962L12.9022 5.53384C12.7993 5.26781 12.6205 5.04029 12.3894 4.88141C12.1583 4.72253 11.8859 4.63979 11.6082 4.64417C11.4871 4.6317 11.3649 4.64536 11.2492 4.68427C11.1335 4.72319 11.027 4.7865 10.9364 4.87019C10.8457 4.95388 10.773 5.05611 10.7228 5.17036C10.6726 5.28462 10.646 5.40841 10.6447 5.53384C10.6447 6.15667 11.0188 6.40835 11.8799 6.79405L12.3834 7.01602C14.0938 7.77226 15.0591 8.54307 15.0591 10.2763C15.0591 12.1448 13.6356 13.1685 11.7234 13.1685C10.9787 13.217 10.2362 13.0424 9.58541 12.6658C8.93465 12.2892 8.40335 11.7267 8.05552 11.0459L9.69009 10.0635ZM2.58009 10.2454C2.89654 10.8239 3.18416 11.3127 3.8741 11.3127C4.53522 11.3127 4.95284 11.0459 4.95284 10.0089V2.83148L7.05854 2.82349L6.96561 10.038C6.96561 12.1867 5.74336 13.1649 3.95998 13.1649C3.33 13.2002 2.70441 13.038 2.16558 12.6996C1.62676 12.3612 1.19997 11.8625 0.941406 11.2691L2.58009 10.2454Z" fill="#F5DE19" />
+    </svg>
+
+);

package/src/assets/icon/Finance/AddProduct/AddproductLg.tsx

@@ -0,0 +1,12 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const AddproductLg = ({ color = "black", ...props }: SVGProps<SVGSVGElement>) => (
+    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+        <path d="M21 12.75V7.33333C21 7.09622 20.8604 6.88135 20.6437 6.78505L12.2437 3.05171C12.0885 2.98276 11.9115 2.98276 11.7563 3.05171L3.35632 6.78505C3.13964 6.88135 3 7.09622 3 7.33333V17.5535C3 17.7906 3.13964 18.0055 3.35632 18.1018L11.7563 21.8351C11.9115 21.904 12.0885 21.904 12.2437 21.8351L15.5963 20.3451" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M21 6.75L12 10.95M12 10.95L3 6.75M12 10.95V21.75" stroke={color} strokeWidth="2" />
+        <path d="M16.4999 8.88997V12.5001M8.05566 4.74707L15.4478 8.03245L16.5487 8.52174" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M19.5 15V19.5M17.25 17.25H21.75" stroke={color} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+
+);

package/src/assets/icon/Finance/AddProduct/AddproductMd.tsx

@@ -0,0 +1,12 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const AddproductMd = ({ color = "black", ...props }: SVGProps<SVGSVGElement>) => (
+    <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+        <path d="M17.5 10.625V6.11111C17.5 5.91352 17.3837 5.73446 17.2031 5.65421L10.2031 2.54309C10.0738 2.48564 9.92625 2.48564 9.79692 2.54309L2.79693 5.65421C2.61637 5.73446 2.5 5.91352 2.5 6.11111V14.6279C2.5 14.8255 2.61637 15.0046 2.79693 15.0848L9.79692 18.1959C9.92625 18.2533 10.0738 18.2533 10.2031 18.1959L12.9969 16.9542" stroke={color} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M17.5 5.625L10 9.125M10 9.125L2.5 5.625M10 9.125V18.125" stroke={color} strokeWidth="1.5" />
+        <path d="M13.7502 7.40823V10.4166M6.71338 3.95581L12.8735 6.69362L13.7909 7.10137" stroke={color} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M16.25 12.5V16.25M14.375 14.375H18.125" stroke={color} strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+
+);

package/src/assets/icon/Finance/AddProduct/AddproductSm.tsx

@@ -0,0 +1,12 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const AddproductSm = ({ color = "black", ...props }: SVGProps<SVGSVGElement>) => (
+    <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+        <path d="M14 8.5V4.88889C14 4.73081 13.9069 4.58757 13.7625 4.52337L8.16247 2.03447C8.059 1.98851 7.941 1.98851 7.83753 2.03447L2.23755 4.52337C2.09309 4.58757 2 4.73081 2 4.88889V11.7023C2 11.8604 2.09309 12.0037 2.23755 12.0679L7.83753 14.5567C7.941 14.6027 8.059 14.6027 8.16247 14.5567L10.3975 13.5634" stroke={color} strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M14 4.5L8 7.3M8 7.3L2 4.5M8 7.3V14.5" stroke={color} />
+        <path d="M11.0001 5.92673V8.33345M5.37061 3.16479L10.2987 5.35505L11.0326 5.68124" stroke={color} strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M13 10V13M11.5 11.5H14.5" stroke={color} strokeWidth="0.75" strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+
+);

package/src/assets/icon/Finance/Bag/BagLg.tsx

@@ -0,0 +1,9 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const BagLg = ({ color = "black", ...props }: SVGProps<SVGSVGElement>) => (
+    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+        <path d="M16.0004 9V6C16.0004 3.79086 14.2095 2 12.0004 2C9.79123 2 8.00037 3.79086 8.00037 6V9M3.59237 10.352L2.99237 16.752C2.82178 18.5717 2.73648 19.4815 3.03842 20.1843C3.30367 20.8016 3.76849 21.3121 4.35839 21.6338C5.0299 22 5.94374 22 7.77142 22H16.2293C18.057 22 18.9708 22 19.6423 21.6338C20.2322 21.3121 20.6971 20.8016 20.9623 20.1843C21.2643 19.4815 21.179 18.5717 21.0084 16.752L20.4084 10.352C20.2643 8.81535 20.1923 8.04704 19.8467 7.46616C19.5424 6.95458 19.0927 6.54511 18.555 6.28984C17.9444 6 17.1727 6 15.6293 6L8.37142 6C6.82806 6 6.05638 6 5.44579 6.28984C4.90803 6.54511 4.45838 6.95458 4.15403 7.46616C3.80846 8.04704 3.73643 8.81534 3.59237 10.352Z" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+
+);

package/src/assets/icon/Finance/Bag/BagMd.tsx

@@ -0,0 +1,9 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const BagMd = ({ color = "black", ...props }: SVGProps<SVGSVGElement>) => (
+    <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+        <path d="M13.334 7.50008V5.00008C13.334 3.15913 11.8416 1.66675 10.0006 1.66675C8.15968 1.66675 6.6673 3.15913 6.6673 5.00008V7.50008M2.99397 8.62672L2.49397 13.9601C2.35181 15.4765 2.28072 16.2347 2.53234 16.8203C2.75338 17.3348 3.14073 17.7601 3.63232 18.0282C4.1919 18.3334 4.95344 18.3334 6.47651 18.3334H13.5248C15.0478 18.3334 15.8094 18.3334 16.3689 18.0282C16.8605 17.7601 17.2479 17.3348 17.4689 16.8203C17.7205 16.2347 17.6495 15.4765 17.5073 13.9601L17.0073 8.62672C16.8872 7.3462 16.8272 6.70595 16.5392 6.22188C16.2856 5.79557 15.9109 5.45434 15.4628 5.24162C14.954 5.00008 14.3109 5.00008 13.0248 5.00008L6.97651 5.00008C5.69037 5.00008 5.04731 5.00008 4.53848 5.24162C4.09035 5.45434 3.71564 5.79557 3.46202 6.22188C3.17404 6.70594 3.11402 7.3462 2.99397 8.62672Z" stroke={color} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+
+);

package/src/assets/icon/Finance/Bag/BagSm.tsx

@@ -0,0 +1,9 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const BagSm = ({ color = "black", ...props }: SVGProps<SVGSVGElement>) => (
+    <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+        <path d="M10.6666 5.99992V3.99992C10.6666 2.52716 9.47268 1.33325 7.99992 1.33325C6.52716 1.33325 5.33325 2.52716 5.33325 3.99992V5.99992M2.39459 6.90123L1.99459 11.1679C1.88086 12.381 1.82399 12.9876 2.02529 13.4561C2.20212 13.8677 2.512 14.208 2.90527 14.4224C3.35294 14.6666 3.96217 14.6666 5.18062 14.6666H10.8192C12.0377 14.6666 12.6469 14.6666 13.0946 14.4224C13.4878 14.208 13.7977 13.8677 13.9746 13.4561C14.1758 12.9876 14.119 12.381 14.0053 11.1679L13.6053 6.90123C13.5092 5.87682 13.4612 5.36461 13.2308 4.97736C13.0279 4.63631 12.7281 4.36333 12.3696 4.19315C11.9626 3.99992 11.4481 3.99992 10.4192 3.99992L5.58062 3.99992C4.55171 3.99992 4.03726 3.99992 3.6302 4.19315C3.2717 4.36332 2.97193 4.63631 2.76903 4.97736C2.53865 5.36461 2.49063 5.87682 2.39459 6.90123Z" stroke={color} strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+
+);

package/src/assets/icon/Finance/Bank/BankLg.tsx

@@ -0,0 +1,9 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const BankLg = ({ color = "black", ...props }: SVGProps<SVGSVGElement>) => (
+    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+        <path d="M5 9.00002V17M9.5 9.00002V17M14.5 9.00002V17M19 9.00002V17M3 18.6L3 19.4C3 19.9601 3 20.2401 3.10899 20.454C3.20487 20.6422 3.35785 20.7952 3.54601 20.891C3.75992 21 4.03995 21 4.6 21H19.4C19.9601 21 20.2401 21 20.454 20.891C20.6422 20.7952 20.7951 20.6422 20.891 20.454C21 20.2401 21 19.9601 21 19.4V18.6C21 18.04 21 17.7599 20.891 17.546C20.7951 17.3579 20.6422 17.2049 20.454 17.109C20.2401 17 19.9601 17 19.4 17H4.6C4.03995 17 3.75992 17 3.54601 17.109C3.35785 17.2049 3.20487 17.3579 3.10899 17.546C3 17.7599 3 18.04 3 18.6ZM11.6529 3.07715L4.25291 4.7216C3.80585 4.82094 3.58232 4.87062 3.41546 4.99082C3.26829 5.09685 3.15273 5.24092 3.08115 5.40759C3 5.59654 3 5.82553 3 6.28349L3 7.40002C3 7.96007 3 8.2401 3.10899 8.45401C3.20487 8.64217 3.35785 8.79515 3.54601 8.89103C3.75992 9.00002 4.03995 9.00002 4.6 9.00002H19.4C19.9601 9.00002 20.2401 9.00002 20.454 8.89103C20.6422 8.79515 20.7951 8.64217 20.891 8.45401C21 8.2401 21 7.96007 21 7.40002V6.2835C21 5.82553 21 5.59655 20.9188 5.40759C20.8473 5.24092 20.7317 5.09685 20.5845 4.99082C20.4177 4.87062 20.1942 4.82094 19.7471 4.7216L12.3471 3.07715C12.2176 3.04837 12.1528 3.03398 12.0874 3.02824C12.0292 3.02314 11.9708 3.02314 11.9126 3.02824C11.8472 3.03398 11.7824 3.04837 11.6529 3.07715Z" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+
+);

package/src/assets/icon/Finance/Bank/BankMd.tsx

@@ -0,0 +1,9 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const BankMd = ({ color = "black", ...props }: SVGProps<SVGSVGElement>) => (
+    <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+        <path d="M4.16667 7.49994V14.1666M7.91667 7.49994V14.1666M12.0833 7.49994V14.1666M15.8333 7.49994V14.1666M2.5 15.4999L2.5 16.1666C2.5 16.6333 2.5 16.8667 2.59083 17.0449C2.67072 17.2017 2.79821 17.3292 2.95501 17.4091C3.13327 17.4999 3.36662 17.4999 3.83333 17.4999H16.1667C16.6334 17.4999 16.8667 17.4999 17.045 17.4091C17.2018 17.3292 17.3293 17.2017 17.4092 17.0449C17.5 16.8667 17.5 16.6333 17.5 16.1666V15.4999C17.5 15.0332 17.5 14.7999 17.4092 14.6216C17.3293 14.4648 17.2018 14.3373 17.045 14.2574C16.8667 14.1666 16.6334 14.1666 16.1667 14.1666H3.83333C3.36662 14.1666 3.13327 14.1666 2.95501 14.2574C2.79821 14.3373 2.67072 14.4648 2.59083 14.6216C2.5 14.7999 2.5 15.0332 2.5 15.4999ZM9.71076 2.56421L3.54409 3.93458C3.17154 4.01737 2.98527 4.05876 2.84622 4.15894C2.72358 4.2473 2.62727 4.36735 2.56762 4.50624C2.5 4.66371 2.5 4.85453 2.5 5.23616L2.5 6.1666C2.5 6.63331 2.5 6.86667 2.59083 7.04493C2.67072 7.20173 2.79821 7.32921 2.95501 7.40911C3.13327 7.49994 3.36662 7.49994 3.83333 7.49994H16.1667C16.6334 7.49994 16.8667 7.49994 17.045 7.40911C17.2018 7.32921 17.3293 7.20173 17.4092 7.04493C17.5 6.86667 17.5 6.63331 17.5 6.1666V5.23616C17.5 4.85453 17.5 4.66371 17.4324 4.50624C17.3727 4.36735 17.2764 4.2473 17.1538 4.15894C17.0147 4.05877 16.8285 4.01737 16.4559 3.93458L10.2892 2.56421C10.1813 2.54022 10.1273 2.52823 10.0728 2.52345C10.0244 2.5192 9.97564 2.5192 9.9272 2.52345C9.87267 2.52823 9.8187 2.54022 9.71076 2.56421Z" stroke={color} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+
+);

package/src/assets/icon/Finance/Bank/BankSm.tsx

@@ -0,0 +1,9 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const BankSm = ({ color = "black", ...props }: SVGProps<SVGSVGElement>) => (
+    <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+        <path d="M3.33333 6.00009V11.3334M6.33333 6.00009V11.3334M9.66667 6.00009V11.3334M12.6667 6.00009V11.3334M2 12.4001L2 12.9334C2 13.3068 2 13.4935 2.07266 13.6361C2.13658 13.7615 2.23856 13.8635 2.36401 13.9274C2.50661 14.0001 2.6933 14.0001 3.06667 14.0001H12.9333C13.3067 14.0001 13.4934 14.0001 13.636 13.9274C13.7614 13.8635 13.8634 13.7615 13.9273 13.6361C14 13.4935 14 13.3068 14 12.9334V12.4001C14 12.0267 14 11.84 13.9273 11.6974C13.8634 11.572 13.7614 11.47 13.636 11.4061C13.4934 11.3334 13.3067 11.3334 12.9333 11.3334H3.06667C2.6933 11.3334 2.50661 11.3334 2.36401 11.4061C2.23857 11.47 2.13658 11.572 2.07266 11.6974C2 11.84 2 12.0267 2 12.4001ZM7.76861 2.05152L2.83527 3.14781C2.53723 3.21404 2.38821 3.24716 2.27698 3.3273C2.17886 3.39798 2.10182 3.49402 2.0541 3.60514C2 3.73111 2 3.88377 2 4.18908L2 4.93343C2 5.3068 2 5.49348 2.07266 5.63609C2.13658 5.76153 2.23856 5.86352 2.36401 5.92743C2.50661 6.00009 2.6933 6.00009 3.06667 6.00009H12.9333C13.3067 6.00009 13.4934 6.00009 13.636 5.92743C13.7614 5.86352 13.8634 5.76153 13.9273 5.63609C14 5.49348 14 5.3068 14 4.93343V4.18908C14 3.88377 14 3.73111 13.9459 3.60514C13.8982 3.49403 13.8211 3.39798 13.723 3.3273C13.6118 3.24716 13.4628 3.21404 13.1647 3.14781L8.23139 2.05152C8.14504 2.03233 8.10187 2.02273 8.05824 2.01891C8.01949 2.01551 7.98051 2.01551 7.94176 2.01891C7.89813 2.02273 7.85496 2.03233 7.76861 2.05152Z" stroke={color} strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+
+);

package/src/assets/icon/Finance/BarChart/BarchartLg.tsx

@@ -0,0 +1,12 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const BarchartLg = ({ color = "black", ...props }: SVGProps<SVGSVGElement>) => (
+    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+        <path d="M4.5 19.5V12.75H9" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M21 19.5H3" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M9 19.5V8.25H14.25" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M14.25 19.5V3.75H19.5V19.5" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+
+);

package/src/assets/icon/Finance/BarChart/BarchartMd.tsx

@@ -0,0 +1,12 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const BarchartMd = ({ color = "black", ...props }: SVGProps<SVGSVGElement>) => (
+    <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+        <path d="M3.75 16.25V10.625H7.5" stroke={color} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M17.5 16.25H2.5" stroke={color} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M7.5 16.25V6.875H11.875" stroke={color} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M11.875 16.25V3.125H16.25V16.25" stroke={color} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+
+);

package/src/assets/icon/Finance/BarChart/BarchartSm.tsx

@@ -0,0 +1,12 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const BarchartSm = ({ color = "black", ...props }: SVGProps<SVGSVGElement>) => (
+    <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+        <path d="M3 13V8.5H6" stroke={color} strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M14 13H2" stroke={color} strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M6 13V5.5H9.5" stroke={color} strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M9.5 13V2.5H13V13" stroke={color} strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+
+);

package/src/assets/icon/Finance/Basket/BasketLg.tsx

@@ -0,0 +1,9 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const BasketLg = ({ color = "black", ...props }: SVGProps<SVGSVGElement>) => (
+    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+        <path d="M20 10L18.5145 17.4276C18.3312 18.3439 18.2396 18.8021 18.0004 19.1448C17.7894 19.447 17.499 19.685 17.1613 19.8326C16.7783 20 16.3111 20 15.3766 20H8.62337C7.6889 20 7.22166 20 6.83869 19.8326C6.50097 19.685 6.2106 19.447 5.99964 19.1448C5.76041 18.8021 5.66878 18.3439 5.48551 17.4276L4 10M20 10H18M20 10H21M4 10H3M4 10H6M18 10H6M18 10L15 4M6 10L9 4M9 13V16M12 13V16M15 13V16" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+
+);

package/src/assets/icon/Finance/Basket/BasketMd.tsx

@@ -0,0 +1,9 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const BasketMd = ({ color = "black", ...props }: SVGProps<SVGSVGElement>) => (
+    <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+        <path d="M16.6667 8.33325L15.4287 14.5229C15.276 15.2865 15.1997 15.6683 15.0003 15.9539C14.8245 16.2058 14.5825 16.4041 14.3011 16.5271C13.9819 16.6666 13.5926 16.6666 12.8138 16.6666H7.18614C6.40742 16.6666 6.01805 16.6666 5.69891 16.5271C5.41747 16.4041 5.1755 16.2058 4.9997 15.9539C4.80034 15.6683 4.72398 15.2865 4.57126 14.5229L3.33333 8.33325M16.6667 8.33325H15M16.6667 8.33325H17.5M3.33333 8.33325H2.5M3.33333 8.33325H5M15 8.33325H5M15 8.33325L12.5 3.33325M5 8.33325L7.5 3.33325M7.5 10.8333V13.3333M10 10.8333V13.3333M12.5 10.8333V13.3333" stroke={color} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+
+);

package/src/assets/icon/Finance/Basket/BasketSm.tsx

@@ -0,0 +1,9 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const BasketSm = ({ color = "black", ...props }: SVGProps<SVGSVGElement>) => (
+    <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+        <path d="M13.3333 6.66675L12.343 11.6185C12.2208 12.2293 12.1597 12.5348 12.0003 12.7633C11.8596 12.9647 11.666 13.1234 11.4409 13.2218C11.1855 13.3334 10.8741 13.3334 10.2511 13.3334H5.74891C5.12593 13.3334 4.81444 13.3334 4.55913 13.2218C4.33398 13.1234 4.1404 12.9647 3.99976 12.7633C3.84027 12.5348 3.77919 12.2293 3.65701 11.6185L2.66667 6.66675M13.3333 6.66675H12M13.3333 6.66675H14M2.66667 6.66675H2M2.66667 6.66675H4M12 6.66675H4M12 6.66675L10 2.66675M4 6.66675L6 2.66675M6 8.66675V10.6667M8 8.66675V10.6667M10 8.66675V10.6667" stroke={color} strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+
+);

package/src/assets/icon/Finance/Bitcoin/BitcoinLg.tsx

@@ -0,0 +1,9 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const BitcoinLg = ({ color = "black", ...props }: SVGProps<SVGSVGElement>) => (
+    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+        <path d="M9.5 2V4M9.5 20V22M13.5 2V4M13.5 20V22M7.5 4H14C16.2091 4 18 5.79086 18 8C18 10.2091 16.2091 12 14 12H7.5H15C17.2091 12 19 13.7909 19 16C19 18.2091 17.2091 20 15 20H7.5M7.5 4H5.5M7.5 4V20M7.5 20H5.5" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+
+);

package/src/assets/icon/Finance/Bitcoin/BitcoinMd.tsx

@@ -0,0 +1,9 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const BitcoinMd = ({ color = "black", ...props }: SVGProps<SVGSVGElement>) => (
+    <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+        <path d="M7.91634 1.66675V3.33341M7.91634 16.6667V18.3334M11.2497 1.66675V3.33341M11.2497 16.6667V18.3334M6.24967 3.33341H11.6663C13.5073 3.33341 14.9997 4.8258 14.9997 6.66675C14.9997 8.5077 13.5073 10.0001 11.6663 10.0001H6.24967H12.4997C14.3406 10.0001 15.833 11.4925 15.833 13.3334C15.833 15.1744 14.3406 16.6667 12.4997 16.6667H6.24967M6.24967 3.33341H4.58301M6.24967 3.33341V16.6667M6.24967 16.6667H4.58301" stroke={color} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+
+);

package/src/assets/icon/Finance/Bitcoin/BitcoinSm.tsx

@@ -0,0 +1,9 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const BitcoinSm = ({ color = "black", ...props }: SVGProps<SVGSVGElement>) => (
+    <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+        <path d="M6.33366 1.33325V2.66659M6.33366 13.3333V14.6666M9.00033 1.33325V2.66659M9.00033 13.3333V14.6666M5.00033 2.66659H9.33366C10.8064 2.66659 12.0003 3.86049 12.0003 5.33325C12.0003 6.80601 10.8064 7.99992 9.33366 7.99992H5.00033H10.0003C11.4731 7.99992 12.667 9.19383 12.667 10.6666C12.667 12.1393 11.4731 13.3333 10.0003 13.3333H5.00033M5.00033 2.66659H3.66699M5.00033 2.66659V13.3333M5.00033 13.3333H3.66699" stroke={color} strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+
+);

package/src/assets/icon/Finance/Box/BoxLg.tsx

@@ -0,0 +1,11 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const BoxLg = ({ color = "black", ...props }: SVGProps<SVGSVGElement>) => (
+    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+        <path d="M3 17.1102V6.88997C3 6.65286 3.13964 6.43799 3.35632 6.34169L11.7563 2.60835C11.9115 2.5394 12.0885 2.5394 12.2437 2.60835L20.6437 6.34169C20.8604 6.43799 21 6.65286 21 6.88997V17.1102C21 17.3473 20.8604 17.5622 20.6437 17.6585L12.2437 21.3918C12.0885 21.4607 11.9115 21.4607 11.7563 21.3918L3.35632 17.6585C3.13964 17.5622 3 17.3473 3 17.1102Z" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M7.5 4.5L16.1437 8.34164C16.3604 8.43794 16.5 8.65281 16.5 8.88992V12.5" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M21.3002 6.5L12.0002 10.84M12.0002 10.84L2.7002 6.5M12.0002 10.84V22" stroke={color} strokeWidth="2" />
+    </svg>
+
+);

package/src/assets/icon/Finance/Box/BoxMd.tsx

@@ -0,0 +1,11 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const BoxMd = ({ color = "black", ...props }: SVGProps<SVGSVGElement>) => (
+    <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+        <path d="M2.5 14.2583V5.74148C2.5 5.54389 2.61637 5.36483 2.79693 5.28458L9.79692 2.17346C9.92625 2.11601 10.0737 2.11601 10.2031 2.17346L17.2031 5.28458C17.3837 5.36483 17.5 5.54389 17.5 5.74148V14.2583C17.5 14.4559 17.3837 14.635 17.2031 14.7152L10.2031 17.8263C10.0737 17.8837 9.92625 17.8837 9.79692 17.8263L2.79693 14.7152C2.61637 14.635 2.5 14.4559 2.5 14.2583Z" stroke={color} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M17.5 5.5L10 9M10 9L2.5 5.5M10 9V18" stroke={color} strokeWidth="1.5" />
+        <path d="M6.25 3.75L13.4531 6.95137C13.6337 7.03162 13.75 7.21068 13.75 7.40827V10.4167" stroke={color} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+
+);

package/src/assets/icon/Finance/Box/BoxSm.tsx

@@ -0,0 +1,11 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const BoxSm = ({ color = "black", ...props }: SVGProps<SVGSVGElement>) => (
+    <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+        <path d="M2 11.7023V4.88889C2 4.73082 2.09309 4.58757 2.23755 4.52337L7.83753 2.03447C7.941 1.98851 8.059 1.98851 8.16247 2.03447L13.7625 4.52337C13.9069 4.58757 14 4.73082 14 4.88889V11.7023C14 11.8604 13.9069 12.0037 13.7625 12.0679L8.16247 14.5567C8.059 14.6027 7.941 14.6027 7.83753 14.5567L2.23755 12.0679C2.09309 12.0037 2 11.8604 2 11.7023Z" stroke={color} strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M14 4.5L8 7.3M8 7.3L2 4.5M8 7.3V14.5" stroke={color} />
+        <path d="M11.0001 5.92673V8.33345M5.37061 3.16479L10.2987 5.35505L11.0326 5.68124" stroke={color} strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+
+);

package/src/assets/icon/Finance/Chart/ChartLg.tsx

@@ -0,0 +1,9 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const ChartLg = ({ color = "black", ...props }: SVGProps<SVGSVGElement>) => (
+    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+        <path d="M3 21V17M9 21V13M15 21V15M21 21V11M8.43934 5.56066C8.71079 5.83211 9.08579 6 9.5 6C9.91421 6 10.2892 5.83211 10.5607 5.56066M8.43934 5.56066C8.16789 5.28921 8 4.91421 8 4.5C8 3.67157 8.67157 3 9.5 3C10.3284 3 11 3.67157 11 4.5C11 4.91421 10.8321 5.28921 10.5607 5.56066M8.43934 5.56066L5.56066 8.43934M10.5607 5.56066L13.4393 8.43934M5.56066 8.43934C5.28921 8.16789 4.91421 8 4.5 8C3.67157 8 3 8.67157 3 9.5C3 10.3284 3.67157 11 4.5 11C5.32843 11 6 10.3284 6 9.5C6 9.08579 5.83211 8.71079 5.56066 8.43934ZM13.4393 8.43934C13.1679 8.71079 13 9.08579 13 9.5C13 10.3284 13.6716 11 14.5 11C15.3284 11 16 10.3284 16 9.5C16 9.08579 15.8321 8.71079 15.5607 8.43934M13.4393 8.43934C13.7108 8.16789 14.0858 8 14.5 8C14.9142 8 15.2892 8.16789 15.5607 8.43934M15.5607 8.43934L18.4393 5.56066M18.4393 5.56066C18.7108 5.83211 19.0858 6 19.5 6C20.3284 6 21 5.32843 21 4.5C21 3.67157 20.3284 3 19.5 3C18.6716 3 18 3.67157 18 4.5C18 4.91421 18.1679 5.28921 18.4393 5.56066Z" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+
+);

package/src/assets/icon/Finance/Chart/ChartMd.tsx

@@ -0,0 +1,9 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const ChartMd = ({ color = "black", ...props }: SVGProps<SVGSVGElement>) => (
+    <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+        <path d="M2.5 17.5V14.1667M7.5 17.5V10.8333M12.5 17.5V12.5M17.5 17.5V9.16667M7.03278 4.63388C7.25899 4.86009 7.57149 5 7.91667 5C8.26184 5 8.57433 4.86009 8.80058 4.63388M7.03278 4.63388C6.80657 4.40767 6.66667 4.09517 6.66667 3.75C6.66667 3.05964 7.22631 2.5 7.91667 2.5C8.607 2.5 9.16667 3.05964 9.16667 3.75C9.16667 4.09517 9.02675 4.40767 8.80058 4.63388M7.03278 4.63388L4.63388 7.03278M8.80058 4.63388L11.1994 7.03278M4.63388 7.03278C4.40767 6.80657 4.09517 6.66667 3.75 6.66667C3.05964 6.66667 2.5 7.22631 2.5 7.91667C2.5 8.607 3.05964 9.16667 3.75 9.16667C4.44036 9.16667 5 8.607 5 7.91667C5 7.57149 4.86009 7.25899 4.63388 7.03278ZM11.1994 7.03278C10.9732 7.25899 10.8333 7.57149 10.8333 7.91667C10.8333 8.607 11.393 9.16667 12.0833 9.16667C12.7737 9.16667 13.3333 8.607 13.3333 7.91667C13.3333 7.57149 13.1934 7.25899 12.9672 7.03278M11.1994 7.03278C11.4257 6.80657 11.7382 6.66667 12.0833 6.66667C12.4285 6.66667 12.741 6.80657 12.9672 7.03278M12.9672 7.03278L15.3661 4.63388M15.3661 4.63388C15.5923 4.86009 15.9048 5 16.25 5C16.9403 5 17.5 4.44036 17.5 3.75C17.5 3.05964 16.9403 2.5 16.25 2.5C15.5597 2.5 15 3.05964 15 3.75C15 4.09517 15.1399 4.40767 15.3661 4.63388Z" stroke={color} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+
+);

package/src/assets/icon/Finance/Chart/ChartSm.tsx

@@ -0,0 +1,10 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const ChartSm = ({ color = "black", ...props }: SVGProps<SVGSVGElement>) => (
+    <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+        <path d="M2 13.9999V11.3333M6 13.9999V8.66659M10 13.9999V9.99992M14 13.9999C14 13.9999 14 9.93675 14 7.33325" stroke={color} strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M5.62623 3.70711C5.80719 3.88807 6.05719 4 6.33333 4C6.60947 4 6.85947 3.88807 7.04047 3.70711M5.62623 3.70711C5.44526 3.52614 5.33333 3.27614 5.33333 3C5.33333 2.44771 5.78105 2 6.33333 2C6.8856 2 7.33333 2.44771 7.33333 3C7.33333 3.27614 7.2214 3.52614 7.04047 3.70711M5.62623 3.70711L3.70711 5.62623M7.04047 3.70711L8.95953 5.62623M3.70711 5.62623C3.52614 5.44526 3.27614 5.33333 3 5.33333C2.44771 5.33333 2 5.78105 2 6.33333C2 6.8856 2.44771 7.33333 3 7.33333C3.55229 7.33333 4 6.8856 4 6.33333C4 6.05719 3.88807 5.80719 3.70711 5.62623ZM8.95953 5.62623C8.7786 5.80719 8.66667 6.05719 8.66667 6.33333C8.66667 6.8856 9.1144 7.33333 9.66667 7.33333C10.2189 7.33333 10.6667 6.8856 10.6667 6.33333C10.6667 6.05719 10.5547 5.80719 10.3738 5.62623M8.95953 5.62623C9.14053 5.44526 9.39053 5.33333 9.66667 5.33333C9.9428 5.33333 10.1928 5.44526 10.3738 5.62623M10.3738 5.62623L12.2929 3.70711M12.2929 3.70711C12.4739 3.88807 12.7239 4 13 4C13.5523 4 14 3.55229 14 3C14 2.44771 13.5523 2 13 2C12.4477 2 12 2.44771 12 3C12 3.27614 12.1119 3.52614 12.2929 3.70711Z" stroke={color} strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+
+);

package/src/assets/icon/Finance/ChineeseYuan/ChineeseyuanLg.tsx

@@ -0,0 +1,19 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const ChineeseyuanLg = ({ color = "black", ...props }: SVGProps<SVGSVGElement>) => (
+    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+        <g clip-path="url(#clip0_11486_220)">
+            <path d="M6 6H18" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
+            <path d="M4.5 11.25H19.5" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
+            <path d="M14.25 11.25V16.5C14.25 17.0967 14.4871 17.669 14.909 18.091C15.331 18.5129 15.9033 18.75 16.5 18.75H20.25V16.5" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
+            <path d="M9.75 11.25V12.75C9.75 14.3413 9.11786 15.8674 7.99264 16.9926C6.86742 18.1179 5.3413 18.75 3.75 18.75" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
+        </g>
+        <defs>
+            <clipPath id="clip0_11486_220">
+                <rect width="24" height="24" fill="white" />
+            </clipPath>
+        </defs>
+    </svg>
+
+);

package/src/assets/icon/Finance/ChineeseYuan/ChineeseyuanMd.tsx

@@ -0,0 +1,19 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const ChineeseyuanMd = ({ color = "black", ...props }: SVGProps<SVGSVGElement>) => (
+    <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+        <g clip-path="url(#clip0_11486_214)">
+            <path d="M5 5H15" stroke={color} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+            <path d="M3.75 9.375H16.25" stroke={color} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+            <path d="M11.875 9.375V13.75C11.875 14.2473 12.0725 14.7242 12.4242 15.0758C12.7758 15.4275 13.2527 15.625 13.75 15.625H16.875V13.75" stroke={color} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+            <path d="M8.125 9.375V10.625C8.125 11.9511 7.59822 13.2229 6.66053 14.1605C5.72285 15.0982 4.45108 15.625 3.125 15.625" stroke={color} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+        </g>
+        <defs>
+            <clipPath id="clip0_11486_214">
+                <rect width="20" height="20" fill="white" />
+            </clipPath>
+        </defs>
+    </svg>
+
+);

package/src/assets/icon/Finance/ChineeseYuan/ChineeseyuanSm.tsx

@@ -0,0 +1,19 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const ChineeseyuanSm = ({ color = "black", ...props }: SVGProps<SVGSVGElement>) => (
+    <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+        <g clip-path="url(#clip0_11486_208)">
+            <path d="M4 4H12" stroke={color} strokeLinecap="round" strokeLinejoin="round" />
+            <path d="M3 7.5H13" stroke={color} strokeLinecap="round" strokeLinejoin="round" />
+            <path d="M9.5 7.5V11C9.5 11.3978 9.65804 11.7794 9.93934 12.0607C10.2206 12.342 10.6022 12.5 11 12.5H13.5V11" stroke={color} strokeLinecap="round" strokeLinejoin="round" />
+            <path d="M6.5 7.5V8.5C6.5 9.56087 6.07857 10.5783 5.32843 11.3284C4.57828 12.0786 3.56087 12.5 2.5 12.5" stroke={color} strokeLinecap="round" strokeLinejoin="round" />
+        </g>
+        <defs>
+            <clipPath id="clip0_11486_208">
+                <rect width="16" height="16" fill="white" />
+            </clipPath>
+        </defs>
+    </svg>
+
+);

package/src/assets/icon/Finance/Coin/CoinLg.tsx

@@ -0,0 +1,9 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const CoinLg = ({ color = "black", ...props }: SVGProps<SVGSVGElement>) => (
+    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+        <path d="M12.0335 6C6.87886 6 2.7002 8.26667 2.7002 10V14C2.7002 15.7333 6.87886 18 12.0335 18C17.1882 18 21.3669 15.7333 21.3669 14V10C21.3669 8.26667 17.1882 6 12.0335 6ZM12.0335 6C17.1882 6 21.3669 8.15733 21.3669 9.99733C21.3669 11.8373 17.1882 13.9787 12.0335 13.9787C6.87886 13.9787 2.7002 11.8373 2.7002 9.99733C2.7002 8.156 6.87886 6 12.0335 6Z" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+
+);

package/src/assets/icon/Finance/Coin/CoinMd.tsx

@@ -0,0 +1,9 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const CoinMd = ({ color = "black", ...props }: SVGProps<SVGSVGElement>) => (
+    <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+        <path d="M10.0556 5C5.33044 5 1.5 7.07778 1.5 8.66667V12.3333C1.5 13.9222 5.33044 16 10.0556 16C14.7807 16 18.6111 13.9222 18.6111 12.3333V8.66667C18.6111 7.07778 14.7807 5 10.0556 5ZM10.0556 5C14.7807 5 18.6111 6.97756 18.6111 8.66422C18.6111 10.3509 14.7807 12.3138 10.0556 12.3138C5.33044 12.3138 1.5 10.3509 1.5 8.66422C1.5 6.97633 5.33044 5 10.0556 5Z" stroke={color} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+
+);

package/src/assets/icon/Finance/Coin/CoinSm.tsx

@@ -0,0 +1,9 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const CoinSm = ({ color = "black", ...props }: SVGProps<SVGSVGElement>) => (
+    <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+        <path d="M8.02203 4C4.58558 4 1.7998 5.51111 1.7998 6.66667V9.33333C1.7998 10.4889 4.58558 12 8.02203 12C11.4585 12 14.2442 10.4889 14.2442 9.33333V6.66667C14.2442 5.51111 11.4585 4 8.02203 4ZM8.02203 4C11.4585 4 14.2442 5.43822 14.2442 6.66489C14.2442 7.89156 11.4585 9.31911 8.02203 9.31911C4.58558 9.31911 1.7998 7.89156 1.7998 6.66489C1.7998 5.43733 4.58558 4 8.02203 4Z" stroke={color} strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+
+);

package/src/assets/icon/Finance/Coins/CoinsLg.tsx

@@ -0,0 +1,12 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const CoinsLg = ({ color = "black", ...props }: SVGProps<SVGSVGElement>) => (
+    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+        <path d="M21.1426 13.1428V16.5714C21.1426 18.0571 17.5609 20 13.1426 20C8.72429 20 5.14258 18.0571 5.14258 16.5714V13.7143" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M5.47852 14.0104C6.46709 15.3224 9.52423 16.5532 13.1425 16.5532C17.5608 16.5532 21.1425 14.7178 21.1425 13.1407C21.1425 12.2549 20.0145 11.2847 18.2442 10.6035" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M17.7139 7.42847V10.857C17.7139 12.3428 14.1322 14.2856 9.71387 14.2856C5.29558 14.2856 1.71387 12.3428 1.71387 10.857V7.42847" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
+        <path fill-rule="evenodd" clip-rule="evenodd" d="M9.71387 10.8389C14.1322 10.8389 17.7139 9.00343 17.7139 7.42629C17.7139 5.84914 14.1322 4 9.71387 4C5.29558 4 1.71387 5.848 1.71387 7.42629C1.71387 9.00343 5.29558 10.8389 9.71387 10.8389Z" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+
+);

package/src/assets/icon/Finance/Coins/CoinsMd.tsx

@@ -0,0 +1,12 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const CoinsMd = ({ color = "black", ...props }: SVGProps<SVGSVGElement>) => (
+    <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+        <path d="M17.6195 10.9524V13.8095C17.6195 15.0476 14.6347 16.6667 10.9528 16.6667C7.27089 16.6667 4.28613 15.0476 4.28613 13.8095V11.4286" stroke={color} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M4.56543 11.6752C5.38924 12.7686 7.93686 13.7943 10.9521 13.7943C14.634 13.7943 17.6188 12.2648 17.6188 10.9505C17.6188 10.2124 16.6788 9.4038 15.2035 8.83618" stroke={color} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M14.762 6.19043V9.04757C14.762 10.2857 11.7773 11.9047 8.09538 11.9047C4.41347 11.9047 1.42871 10.2857 1.42871 9.04757V6.19043" stroke={color} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+        <path fill-rule="evenodd" clip-rule="evenodd" d="M8.09538 9.0323C11.7773 9.0323 14.762 7.50278 14.762 6.18849C14.762 4.8742 11.7773 3.33325 8.09538 3.33325C4.41347 3.33325 1.42871 4.87325 1.42871 6.18849C1.42871 7.50278 4.41347 9.0323 8.09538 9.0323Z" stroke={color} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+
+);

package/src/assets/icon/Finance/Coins/CoinsSm.tsx

@@ -0,0 +1,12 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const CoinsSm = ({ color = "black", ...props }: SVGProps<SVGSVGElement>) => (
+    <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+        <path d="M14.0954 8.76196V11.0477C14.0954 12.0382 11.7076 13.3334 8.76204 13.3334C5.81652 13.3334 3.42871 12.0382 3.42871 11.0477V9.14292" stroke={color} strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M3.65234 9.34009C4.31139 10.2148 6.34949 11.0353 8.76168 11.0353C11.7072 11.0353 14.095 9.81171 14.095 8.76028C14.095 8.1698 13.343 7.52294 12.1628 7.06885" stroke={color} strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M11.8092 4.95239V7.23811C11.8092 8.22858 9.42144 9.52382 6.47591 9.52382C3.53039 9.52382 1.14258 8.22858 1.14258 7.23811V4.95239" stroke={color} strokeLinecap="round" strokeLinejoin="round" />
+        <path fill-rule="evenodd" clip-rule="evenodd" d="M6.47591 7.22599C9.42144 7.22599 11.8092 6.00237 11.8092 4.95094C11.8092 3.89951 9.42144 2.66675 6.47591 2.66675C3.53039 2.66675 1.14258 3.89875 1.14258 4.95094C1.14258 6.00237 3.53039 7.22599 6.47591 7.22599Z" stroke={color} strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+
+);

package/src/assets/icon/Finance/Coupon/CouponLg.tsx

@@ -0,0 +1,17 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const CouponLg = ({ color = "black", ...props }: SVGProps<SVGSVGElement>) => (
+    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+        <path d="M2.46433 9.34375C2.21579 9.34375 1.98899 9.14229 2.00041 8.87895C2.06733 7.33687 2.25481 6.33298 2.78008 5.53884C3.08228 5.08196 3.45765 4.68459 3.88923 4.36468C5.05575 3.5 6.70139 3.5 9.99266 3.5H14.0074C17.2986 3.5 18.9443 3.5 20.1108 4.36468C20.5424 4.68459 20.9177 5.08196 21.2199 5.53884C21.7452 6.33289 21.9327 7.33665 21.9996 8.87843C22.011 9.14208 21.7839 9.34375 21.5351 9.34375C20.1493 9.34375 19.0259 10.533 19.0259 12C19.0259 13.467 20.1493 14.6562 21.5351 14.6562C21.7839 14.6562 22.011 14.8579 21.9996 15.1216C21.9327 16.6634 21.7452 17.6671 21.2199 18.4612C20.9177 18.918 20.5424 19.3154 20.1108 19.6353C18.9443 20.5 17.2986 20.5 14.0074 20.5H9.99266C6.70139 20.5 5.05575 20.5 3.88923 19.6353C3.45765 19.3154 3.08228 18.918 2.78008 18.4612C2.25481 17.667 2.06733 16.6631 2.00041 15.1211C1.98899 14.8577 2.21579 14.6562 2.46433 14.6562C3.85012 14.6562 4.97352 13.467 4.97352 12C4.97352 10.533 3.85012 9.34375 2.46433 9.34375Z" stroke={color} strokeWidth="2" strokeLinejoin="round" />
+        <g clip-path="url(#clip0_11288_198)">
+            <path d="M9.75 13.5C9.75 14.3284 10.4216 15 11.25 15H12.75C13.5784 15 14.25 14.3284 14.25 13.5C14.25 12.6716 13.5784 12 12.75 12H11.25C10.4216 12 9.75 11.3284 9.75 10.5C9.75 9.67157 10.4216 9 11.25 9H12.75C13.5784 9 14.25 9.67157 14.25 10.5M12 8.25V15.75" stroke={color} strokeWidth="1.25" strokeLinecap="round" strokeLinejoin="round" />
+        </g>
+        <defs>
+            <clipPath id="clip0_11288_198">
+                <rect width="9" height="9" fill="white" transform="translate(7.5 7.5)" />
+            </clipPath>
+        </defs>
+    </svg>
+
+);

package/src/assets/icon/Finance/Coupon/CouponMd.tsx

@@ -0,0 +1,17 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const CouponMd = ({ color = "black", ...props }: SVGProps<SVGSVGElement>) => (
+    <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+        <path d="M2.05394 7.78654C1.84682 7.78654 1.65782 7.61866 1.66734 7.39921C1.7231 6.11414 1.87934 5.27756 2.31706 4.61578C2.5689 4.23505 2.8817 3.90391 3.24135 3.63731C4.21345 2.91675 5.58482 2.91675 8.32754 2.91675H11.6732C14.4158 2.91675 15.7872 2.91675 16.7593 3.63731C17.119 3.90391 17.4317 4.23505 17.6836 4.61578C18.1213 5.27749 18.2776 6.11396 18.3333 7.39877C18.3428 7.61848 18.1536 7.78654 17.9462 7.78654C16.7914 7.78654 15.8552 8.77758 15.8552 10.0001C15.8552 11.2226 16.7914 12.2136 17.9462 12.2136C18.1536 12.2136 18.3428 12.3817 18.3333 12.6014C18.2776 13.8862 18.1213 14.7227 17.6836 15.3844C17.4317 15.7651 17.119 16.0962 16.7593 16.3628C15.7872 17.0834 14.4158 17.0834 11.6732 17.0834H8.32754C5.58482 17.0834 4.21345 17.0834 3.24135 16.3628C2.8817 16.0962 2.5689 15.7651 2.31706 15.3844C1.87934 14.7226 1.7231 13.886 1.66734 12.601C1.65782 12.3815 1.84682 12.2136 2.05394 12.2136C3.20876 12.2136 4.14493 11.2226 4.14493 10.0001C4.14493 8.77758 3.20876 7.78654 2.05394 7.78654Z" stroke={color} strokeWidth="1.5" strokeLinejoin="round" />
+        <g clip-path="url(#clip0_11288_193)">
+            <path d="M8.125 11.25C8.125 11.9404 8.68464 12.5 9.375 12.5H10.625C11.3154 12.5 11.875 11.9404 11.875 11.25C11.875 10.5596 11.3154 10 10.625 10H9.375C8.68464 10 8.125 9.44036 8.125 8.75C8.125 8.05964 8.68464 7.5 9.375 7.5H10.625C11.3154 7.5 11.875 8.05964 11.875 8.75M10 6.875V13.125" stroke={color} strokeLinecap="round" strokeLinejoin="round" />
+        </g>
+        <defs>
+            <clipPath id="clip0_11288_193">
+                <rect width="7.5" height="7.5" fill="white" transform="translate(6.25 6.25)" />
+            </clipPath>
+        </defs>
+    </svg>
+
+);

package/src/assets/icon/Finance/Coupon/CouponSm.tsx

@@ -0,0 +1,10 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const CouponSm = ({ color = "black", ...props }: SVGProps<SVGSVGElement>) => (
+    <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+        <path d="M1.64256 6.22909C1.47687 6.22909 1.32567 6.09478 1.33328 5.91922C1.3779 4.89117 1.50288 4.22191 1.85306 3.69248C2.05453 3.38789 2.30478 3.12298 2.5925 2.90971C3.37018 2.33325 4.46727 2.33325 6.66145 2.33325H9.33794C11.5321 2.33325 12.6292 2.33325 13.4069 2.90971C13.6946 3.12298 13.9448 3.38789 14.1463 3.69248C14.4965 4.22185 14.6215 4.89102 14.6661 5.91887C14.6737 6.09464 14.5223 6.22909 14.3564 6.22909C13.4325 6.22909 12.6836 7.02192 12.6836 7.99992C12.6836 8.97792 13.4325 9.77072 14.3564 9.77072C14.5223 9.77072 14.6737 9.90518 14.6661 10.081C14.6215 11.1089 14.4965 11.778 14.1463 12.3074C13.9448 12.6119 13.6946 12.8769 13.4069 13.0901C12.6292 13.6666 11.5321 13.6666 9.33794 13.6666H6.66145C4.46727 13.6666 3.37018 13.6666 2.5925 13.0901C2.30478 12.8769 2.05453 12.6119 1.85306 12.3074C1.50288 11.7779 1.3779 11.1087 1.33328 10.0807C1.32567 9.90505 1.47687 9.77072 1.64256 9.77072C2.56642 9.77072 3.31536 8.97792 3.31536 7.99992C3.31536 7.02192 2.56642 6.22909 1.64256 6.22909Z" stroke={color} strokeLinejoin="round" />
+        <path d="M6.5 9C6.5 9.55229 6.94772 10 7.5 10H8.5C9.05228 10 9.5 9.55229 9.5 9C9.5 8.44772 9.05228 8 8.5 8H7.5C6.94772 8 6.5 7.55229 6.5 7C6.5 6.44772 6.94772 6 7.5 6H8.5C9.05228 6 9.5 6.44772 9.5 7M8 5.5V10.5" stroke={color} strokeWidth="0.75" strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+
+);

package/src/assets/icon/Finance/CreditCard/CreditcardLg.tsx

@@ -0,0 +1,9 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const CreditcardLg = ({ color = "black", ...props }: SVGProps<SVGSVGElement>) => (
+    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+        <path d="M22 10H2M11 14H6M2 8.2L2 15.8C2 16.9201 2 17.4802 2.21799 17.908C2.40973 18.2843 2.71569 18.5903 3.09202 18.782C3.51984 19 4.07989 19 5.2 19L18.8 19C19.9201 19 20.4802 19 20.908 18.782C21.2843 18.5903 21.5903 18.2843 21.782 17.908C22 17.4802 22 16.9201 22 15.8V8.2C22 7.0799 22 6.51984 21.782 6.09202C21.5903 5.7157 21.2843 5.40974 20.908 5.21799C20.4802 5 19.9201 5 18.8 5L5.2 5C4.0799 5 3.51984 5 3.09202 5.21799C2.7157 5.40973 2.40973 5.71569 2.21799 6.09202C2 6.51984 2 7.07989 2 8.2Z" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+
+);