droplinked-editor-configs 1.8.0

package/src/assets/icon/Sign/Alert/AlertMd.tsx

@@ -0,0 +1,16 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const AlertMd = ({ 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_8234_4991)">
+            <path d="M9.99984 6.66663V9.99996M9.99984 13.3333H10.0082M18.3332 9.99996C18.3332 14.6023 14.6022 18.3333 9.99984 18.3333C5.39746 18.3333 1.6665 14.6023 1.6665 9.99996C1.6665 5.39759 5.39746 1.66663 9.99984 1.66663C14.6022 1.66663 18.3332 5.39759 18.3332 9.99996Z" stroke={color} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+        </g>
+        <defs>
+            <clipPath id="clip0_8234_4991">
+                <rect width="20" height="20" fill="white" />
+            </clipPath>
+        </defs>
+    </svg>
+
+);

package/src/assets/icon/Sign/Alert/AlertSm.tsx

@@ -0,0 +1,16 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const AlertSm = ({ 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_8234_4989)">
+            <path d="M8.00016 5.33337V8.00004M8.00016 10.6667H8.00683M14.6668 8.00004C14.6668 11.6819 11.6821 14.6667 8.00016 14.6667C4.31826 14.6667 1.3335 11.6819 1.3335 8.00004C1.3335 4.31814 4.31826 1.33337 8.00016 1.33337C11.6821 1.33337 14.6668 4.31814 14.6668 8.00004Z" stroke={color} strokeLinecap="round" strokeLinejoin="round" />
+        </g>
+        <defs>
+            <clipPath id="clip0_8234_4989">
+                <rect width="16" height="16" fill="white" />
+            </clipPath>
+        </defs>
+    </svg>
+
+);

package/src/assets/icon/Sign/Asterisk/AsteriskLg.tsx

@@ -0,0 +1,9 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const AsteriskLg = ({ 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 4V20M18 6L6 18M20 12H4M18 18L6 6" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+
+);

package/src/assets/icon/Sign/Asterisk/AsteriskMd.tsx

@@ -0,0 +1,9 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const AsteriskMd = ({ 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="M9.99967 3.33337V16.6667M14.9997 5.00004L4.99967 15M16.6663 10H3.33301M14.9997 15L4.99967 5.00004" stroke={color} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+
+);

package/src/assets/icon/Sign/Asterisk/AsteriskSm.tsx

@@ -0,0 +1,9 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const AsteriskSm = ({ 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.00033 2.66663V13.3333M12.0003 3.99996L4.00033 12M13.3337 7.99996H2.66699M12.0003 12L4.00033 3.99996" stroke={color} strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+
+);

package/src/assets/icon/Sign/AvailableFilled/AvailablefilledLg.tsx

@@ -0,0 +1,9 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const AvailablefilledLg = ({ 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 fill-rule="evenodd" clip-rule="evenodd" d="M12 24C5.37259 24 0 18.6275 0 12C0 5.37259 5.37259 0 12 0C18.6275 0 24 5.37259 24 12C24 18.6275 18.6275 24 12 24ZM17.5312 9.08234C17.9081 8.67859 17.8863 8.0458 17.4825 7.66897C17.0788 7.29214 16.446 7.31396 16.0691 7.71771L10.0802 14.1344L7.93125 11.832C7.55442 11.4282 6.92163 11.4064 6.51788 11.7833C6.11413 12.1601 6.09231 12.7929 6.46914 13.1966L9.34914 16.2823C9.53827 16.485 9.80301 16.6 10.0802 16.6C10.3574 16.6 10.6221 16.485 10.8113 16.2823L17.5312 9.08234Z" fill={color} />
+    </svg>
+
+);

package/src/assets/icon/Sign/AvailableFilled/AvailablefilledMd.tsx

@@ -0,0 +1,9 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const AvailablefilledMd = ({ 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 fill-rule="evenodd" clip-rule="evenodd" d="M10 20C4.47716 20 0 15.5229 0 10C0 4.47716 4.47716 0 10 0C15.5229 0 20 4.47716 20 10C20 15.5229 15.5229 20 10 20ZM14.5485 7.51176C14.8311 7.20895 14.8147 6.73435 14.5119 6.45173C14.2091 6.1691 13.7345 6.18547 13.4519 6.48828L8.40016 11.9008L6.54845 9.91685C6.26583 9.61404 5.79124 9.59768 5.48842 9.8803C5.18561 10.1629 5.16925 10.6375 5.45187 10.9403L7.85187 13.5118C7.99372 13.6637 8.19228 13.75 8.40016 13.75C8.60805 13.75 8.80661 13.6637 8.94845 13.5118L14.5485 7.51176Z" fill={color} />
+    </svg>
+
+);

package/src/assets/icon/Sign/AvailableFilled/AvailablefilledSm.tsx

@@ -0,0 +1,9 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const AvailablefilledSm = ({ 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 fill-rule="evenodd" clip-rule="evenodd" d="M8 16C3.58173 16 0 12.4183 0 8C0 3.58173 3.58173 0 8 0C12.4183 0 16 3.58173 16 8C16 12.4183 12.4183 16 8 16ZM11.5657 5.94118C11.7541 5.7393 11.7432 5.42291 11.5413 5.23449C11.3394 5.04607 11.023 5.05698 10.8346 5.25886L6.72013 9.66722L5.16566 8.00171C4.97724 7.79984 4.66085 7.78893 4.45897 7.97735C4.2571 8.16576 4.24619 8.48216 4.4346 8.68403L6.3546 10.7412C6.44917 10.8425 6.58154 10.9 6.72013 10.9C6.85872 10.9 6.99109 10.8425 7.08566 10.7412L11.5657 5.94118Z" fill={color} />
+    </svg>
+
+);

package/src/assets/icon/Sign/AvailableOutlined/AvailableoutlinedLg.tsx

@@ -0,0 +1,10 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const AvailableoutlinedLg = ({ 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 23C5.92487 23 1 18.0752 1 12C1 5.92488 5.92488 1 12 1C18.0752 1 23 5.92487 23 12C23 18.0752 18.0752 23 12 23Z" stroke={color} strokeWidth="2" />
+        <path d="M8 12.4286L10.4 15L16 9" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+
+);

package/src/assets/icon/Sign/AvailableOutlined/AvailableoutlinedMd.tsx

@@ -0,0 +1,10 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const AvailableoutlinedMd = ({ 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 19.25C4.89137 19.25 0.75 15.1087 0.75 10C0.75 4.89137 4.89137 0.75 10 0.75C15.1087 0.75 19.25 4.89137 19.25 10C19.25 15.1087 15.1087 19.25 10 19.25Z" stroke={color} strokeWidth="1.5" />
+        <path d="M7 10.2857L8.8 12L13 8" stroke={color} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+
+);

package/src/assets/icon/Sign/AvailableOutlined/AvailableoutlinedSm.tsx

@@ -0,0 +1,10 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const AvailableoutlinedSm = ({ 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 15.5C3.85787 15.5 0.5 12.1422 0.5 8C0.5 3.85787 3.85787 0.5 8 0.5C12.1422 0.5 15.5 3.85787 15.5 8C15.5 12.1422 12.1422 15.5 8 15.5Z" stroke={color} />
+        <path d="M5 8.28571L6.8 10L11 6" stroke={color} strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+
+);

package/src/assets/icon/Sign/Block/BlockLg.tsx

@@ -0,0 +1,10 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const BlockLg = ({ 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 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z" stroke={color} strokeWidth="2" />
+        <path d="M5 19L19 5" stroke={color} strokeWidth="2" />
+    </svg>
+
+);

package/src/assets/icon/Sign/Block/BlockMd.tsx

@@ -0,0 +1,17 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const BlockMd = ({ 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_10199_195)">
+            <path d="M10.0003 18.3333C14.6027 18.3333 18.3337 14.6023 18.3337 9.99996C18.3337 5.39759 14.6027 1.66663 10.0003 1.66663C5.39795 1.66663 1.66699 5.39759 1.66699 9.99996C1.66699 14.6023 5.39795 18.3333 10.0003 18.3333Z" stroke={color} strokeWidth="1.5" />
+            <path d="M4.16699 15.8333L15.8337 4.16663" stroke={color} strokeWidth="1.5" />
+        </g>
+        <defs>
+            <clipPath id="clip0_10199_195">
+                <rect width="20" height="20" fill="white" />
+            </clipPath>
+        </defs>
+    </svg>
+
+);

package/src/assets/icon/Sign/Block/BlockSm.tsx

@@ -0,0 +1,17 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const BlockSm = ({ 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_10199_192)">
+            <path d="M7.99967 14.6667C11.6816 14.6667 14.6663 11.6819 14.6663 8.00004C14.6663 4.31814 11.6816 1.33337 7.99967 1.33337C4.31778 1.33337 1.33301 4.31814 1.33301 8.00004C1.33301 11.6819 4.31778 14.6667 7.99967 14.6667Z" stroke={color} />
+            <path d="M3.33301 12.6667L12.6663 3.33337" stroke={color} />
+        </g>
+        <defs>
+            <clipPath id="clip0_10199_192">
+                <rect width="16" height="16" fill="white" />
+            </clipPath>
+        </defs>
+    </svg>
+
+);

package/src/assets/icon/Sign/Bug/BugLg.tsx

@@ -0,0 +1,23 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const BugLg = ({ 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_12312_251)">
+            <path d="M9 9V8C9 7.20435 9.31607 6.44129 9.87868 5.87868C10.4413 5.31607 11.2044 5 12 5C12.7956 5 13.5587 5.31607 14.1213 5.87868C14.6839 6.44129 15 7.20435 15 8V9" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
+            <path d="M8 9H16C16.5956 9.89259 16.9409 10.9286 17 12V15C17 16.3261 16.4732 17.5979 15.5355 18.5355C14.5979 19.4732 13.3261 20 12 20C10.6739 20 9.40215 19.4732 8.46447 18.5355C7.52678 17.5979 7 16.3261 7 15V12C7.05907 10.9286 7.4044 9.89259 8 9Z" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
+            <path d="M3 13H7" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
+            <path d="M17 13H21" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
+            <path d="M12 20V14" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
+            <path d="M4 19L7.35 17" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
+            <path d="M19.9999 19L16.6499 17" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
+            <path d="M4 7L7.75 9.4" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
+            <path d="M20 7L16.25 9.4" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
+        </g>
+        <defs>
+            <clipPath id="clip0_12312_251">
+                <rect width="24" height="24" fill="white" />
+            </clipPath>
+        </defs>
+    </svg>
+);

package/src/assets/icon/Sign/Bug/BugMd.tsx

@@ -0,0 +1,23 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const BugMd = ({ 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_12312_240)">
+            <path d="M7.5 7.50008V6.66675C7.5 6.00371 7.76339 5.36782 8.23223 4.89898C8.70107 4.43014 9.33696 4.16675 10 4.16675C10.663 4.16675 11.2989 4.43014 11.7678 4.89898C12.2366 5.36782 12.5 6.00371 12.5 6.66675V7.50008" stroke={color} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+            <path d="M6.66683 7.5H13.3335C13.8298 8.24382 14.1176 9.10714 14.1668 10V12.5C14.1668 13.6051 13.7278 14.6649 12.9464 15.4463C12.165 16.2277 11.1052 16.6667 10.0002 16.6667C8.89509 16.6667 7.83529 16.2277 7.05388 15.4463C6.27248 14.6649 5.8335 13.6051 5.8335 12.5V10C5.88272 9.10714 6.1705 8.24382 6.66683 7.5Z" stroke={color} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+            <path d="M2.5 10.8333H5.83333" stroke={color} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+            <path d="M14.1665 10.8333H17.4998" stroke={color} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+            <path d="M10 16.6667V11.6667" stroke={color} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+            <path d="M3.3335 15.8334L6.12516 14.1667" stroke={color} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+            <path d="M16.6667 15.8334L13.875 14.1667" stroke={color} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+            <path d="M3.3335 5.83325L6.4585 7.83325" stroke={color} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+            <path d="M16.6665 5.83325L13.5415 7.83325" stroke={color} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+        </g>
+        <defs>
+            <clipPath id="clip0_12312_240">
+                <rect width="20" height="20" fill="white" />
+            </clipPath>
+        </defs>
+    </svg>
+);

package/src/assets/icon/Sign/Bug/BugSm.tsx

@@ -0,0 +1,23 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const BugSm = ({ 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_12312_229)">
+            <path d="M6 5.99992V5.33325C6 4.80282 6.21071 4.29411 6.58579 3.91904C6.96086 3.54397 7.46957 3.33325 8 3.33325C8.53043 3.33325 9.03914 3.54397 9.41421 3.91904C9.78929 4.29411 10 4.80282 10 5.33325V5.99992" stroke={color} strokeLinecap="round" strokeLinejoin="round" />
+            <path d="M5.33317 6H10.6665C11.0636 6.59506 11.2938 7.28571 11.3332 8V10C11.3332 10.8841 10.982 11.7319 10.3569 12.357C9.73174 12.9821 8.88389 13.3333 7.99984 13.3333C7.11578 13.3333 6.26794 12.9821 5.64281 12.357C5.01769 11.7319 4.6665 10.8841 4.6665 10V8C4.70589 7.28571 4.9361 6.59506 5.33317 6Z" stroke={color} strokeLinecap="round" strokeLinejoin="round" />
+            <path d="M2 8.66675H4.66667" stroke={color} strokeLinecap="round" strokeLinejoin="round" />
+            <path d="M11.3335 8.66675H14.0002" stroke={color} strokeLinecap="round" strokeLinejoin="round" />
+            <path d="M8 13.3333V9.33325" stroke={color} strokeLinecap="round" strokeLinejoin="round" />
+            <path d="M2.6665 12.6666L4.89984 11.3333" stroke={color} strokeLinecap="round" strokeLinejoin="round" />
+            <path d="M13.3334 12.6666L11.1001 11.3333" stroke={color} strokeLinecap="round" strokeLinejoin="round" />
+            <path d="M2.6665 4.66675L5.1665 6.26675" stroke={color} strokeLinecap="round" strokeLinejoin="round" />
+            <path d="M13.3335 4.66675L10.8335 6.26675" stroke={color} strokeLinecap="round" strokeLinejoin="round" />
+        </g>
+        <defs>
+            <clipPath id="clip0_12312_229">
+                <rect width="16" height="16" fill="white" />
+            </clipPath>
+        </defs>
+    </svg>
+);

package/src/assets/icon/Sign/Check/CheckLg.tsx

@@ -0,0 +1,8 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const CheckLg = ({ 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="M6 11.9926L9.99748 15.9901L17.9916 7.99512" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+);

package/src/assets/icon/Sign/Check/CheckMd.tsx

@@ -0,0 +1,8 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const CheckMd = ({ 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="M5 9.99374L8.33124 13.325L14.993 6.66248" stroke={color} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+);

package/src/assets/icon/Sign/Check/CheckSm.tsx

@@ -0,0 +1,8 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const CheckSm = ({ 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="M4 7.99497L6.66499 10.66L11.9944 5.32996" stroke={color} strokeWidth="1.25629" strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+);

package/src/assets/icon/Sign/Close/CloseLg.tsx

@@ -0,0 +1,9 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const CloseLg = ({ 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="M17 7L7 17M7 7L17 17" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+
+);

package/src/assets/icon/Sign/Close/CloseMd.tsx

@@ -0,0 +1,9 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const CloseMd = ({ 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="M14 6L6 14M6 6L14 14" stroke={color} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+
+);

package/src/assets/icon/Sign/Close/CloseSm.tsx

@@ -0,0 +1,9 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const CloseSm = ({ 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="M11 5L5 11M5 5L11 11" stroke={color} strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+
+);

package/src/assets/icon/Sign/Colon/ColonLg.tsx

@@ -0,0 +1,9 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const ColonLg = ({ 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 7.5H12.01M12 16.5H12.01M13 16.5C13 17.0523 12.5523 17.5 12 17.5C11.4477 17.5 11 17.0523 11 16.5C11 15.9477 11.4477 15.5 12 15.5C12.5523 15.5 13 15.9477 13 16.5ZM13 7.5C13 8.05228 12.5523 8.5 12 8.5C11.4477 8.5 11 8.05228 11 7.5C11 6.94772 11.4477 6.5 12 6.5C12.5523 6.5 13 6.94772 13 7.5Z" stroke={color} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+
+);

package/src/assets/icon/Sign/Colon/ColonMd.tsx

@@ -0,0 +1,9 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const ColonMd = ({ 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.0003 6.25008H10.0087M10.0003 13.7501H10.0087M10.8337 13.7501C10.8337 14.2103 10.4606 14.5834 10.0003 14.5834C9.54008 14.5834 9.16699 14.2103 9.16699 13.7501C9.16699 13.2898 9.54008 12.9167 10.0003 12.9167C10.4606 12.9167 10.8337 13.2898 10.8337 13.7501ZM10.8337 6.25008C10.8337 6.71032 10.4606 7.08341 10.0003 7.08341C9.54008 7.08341 9.16699 6.71032 9.16699 6.25008C9.16699 5.78985 9.54008 5.41675 10.0003 5.41675C10.4606 5.41675 10.8337 5.78985 10.8337 6.25008Z" stroke={color} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+
+);

package/src/assets/icon/Sign/Colon/ColonSm.tsx

@@ -0,0 +1,9 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const ColonSm = ({ 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="M7.99967 4.99992H8.00634M7.99967 10.9999H8.00634M8.66634 10.9999C8.66634 11.3681 8.36787 11.6666 7.99967 11.6666C7.63147 11.6666 7.33301 11.3681 7.33301 10.9999C7.33301 10.6317 7.63147 10.3333 7.99967 10.3333C8.36787 10.3333 8.66634 10.6317 8.66634 10.9999ZM8.66634 4.99992C8.66634 5.36811 8.36787 5.66658 7.99967 5.66658C7.63147 5.66658 7.33301 5.36811 7.33301 4.99992C7.33301 4.63173 7.63147 4.33325 7.99967 4.33325C8.36787 4.33325 8.66634 4.63173 8.66634 4.99992Z" stroke={color} strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+
+);

package/src/assets/icon/Sign/Copyright/CopyrightLg.tsx

@@ -0,0 +1,10 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const CopyrightLg = ({ 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 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M14.9998 9.354C14.4623 8.7447 13.7521 8.31351 12.9636 8.11779C12.175 7.92208 11.3456 7.97112 10.5856 8.2584C9.82566 8.54568 9.17119 9.05757 8.7093 9.72596C8.24741 10.3943 8 11.1875 8 12C8 12.8125 8.24741 13.6057 8.7093 14.274C9.17119 14.9424 9.82566 15.4543 10.5856 15.7416C11.3456 16.0289 12.175 16.0779 12.9636 15.8822C13.7521 15.6865 14.4623 15.2553 14.9998 14.646" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+
+);

package/src/assets/icon/Sign/Copyright/CopyrightMd.tsx

@@ -0,0 +1,17 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const CopyrightMd = ({ 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_10096_3758)">
+            <path d="M10.0003 18.3333C14.6027 18.3333 18.3337 14.6023 18.3337 9.99996C18.3337 5.39759 14.6027 1.66663 10.0003 1.66663C5.39795 1.66663 1.66699 5.39759 1.66699 9.99996C1.66699 14.6023 5.39795 18.3333 10.0003 18.3333Z" stroke={color} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+            <path d="M12.5001 7.79496C12.0523 7.28721 11.4604 6.92788 10.8033 6.76479C10.1462 6.60169 9.455 6.64256 8.82168 6.88196C8.18837 7.12136 7.64298 7.54793 7.25807 8.10493C6.87316 8.66192 6.66699 9.32291 6.66699 9.99996C6.66699 10.677 6.87316 11.338 7.25807 11.895C7.64298 12.452 8.18837 12.8786 8.82168 13.118C9.455 13.3574 10.1462 13.3982 10.8033 13.2351C11.4604 13.072 12.0523 12.7127 12.5001 12.205" stroke={color} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+        </g>
+        <defs>
+            <clipPath id="clip0_10096_3758">
+                <rect width="20" height="20" fill="white" />
+            </clipPath>
+        </defs>
+    </svg>
+
+);

package/src/assets/icon/Sign/Copyright/CopyrightSm.tsx

@@ -0,0 +1,17 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const CopyrightSm = ({ 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_10096_3756)">
+            <path d="M7.99967 14.6667C11.6816 14.6667 14.6663 11.6819 14.6663 8.00004C14.6663 4.31814 11.6816 1.33337 7.99967 1.33337C4.31778 1.33337 1.33301 4.31814 1.33301 8.00004C1.33301 11.6819 4.31778 14.6667 7.99967 14.6667Z" stroke={color} strokeLinecap="round" strokeLinejoin="round" />
+            <path d="M9.99953 6.23604C9.64123 5.82984 9.16774 5.54238 8.64205 5.4119C8.11637 5.28143 7.56341 5.31412 7.05676 5.50564C6.55011 5.69716 6.1138 6.03842 5.80587 6.48401C5.49794 6.92961 5.33301 7.4584 5.33301 8.00004C5.33301 8.54168 5.49794 9.07048 5.80587 9.51607C6.1138 9.96166 6.55011 10.3029 7.05676 10.4944C7.56341 10.686 8.11637 10.7187 8.64205 10.5882C9.16774 10.4577 9.64123 10.1702 9.99953 9.76404" stroke={color} strokeLinecap="round" strokeLinejoin="round" />
+        </g>
+        <defs>
+            <clipPath id="clip0_10096_3756">
+                <rect width="16" height="16" fill="white" />
+            </clipPath>
+        </defs>
+    </svg>
+
+);

package/src/assets/icon/Sign/DoubleCheck/DoublecheckLg.tsx

@@ -0,0 +1,8 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const DoublecheckLg = ({ 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="M8.36245 11.9926L12.3599 15.9901L20.354 7.99512M3.65137 11.9926L7.64885 15.9901M15.6438 7.99512L12.6024 11.0643" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+);

package/src/assets/icon/Sign/DoubleCheck/DoublecheckMd.tsx

@@ -0,0 +1,8 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const DoublecheckMd = ({ 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="M6.96887 9.99386L10.3001 13.3251L16.9619 6.6626M3.04297 9.99386L6.3742 13.3251M13.0367 6.6626L10.5022 9.22025" stroke={color} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+);

package/src/assets/icon/Sign/DoubleCheck/DoublecheckSm.tsx

@@ -0,0 +1,8 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const DoublecheckSm = ({ 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="M5.57529 7.99497L8.24028 10.66L13.5697 5.32996M2.43457 7.99497L5.09956 10.66M10.4295 5.32996L8.40194 7.37608" stroke={color} strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+);

package/src/assets/icon/Sign/Email/EmailLg.tsx

@@ -0,0 +1,9 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const EmailLg = ({ 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 8.00011V13.0001C16 13.7958 16.3161 14.5588 16.8787 15.1214C17.4413 15.684 18.2044 16.0001 19 16.0001C19.7957 16.0001 20.5587 15.684 21.1213 15.1214C21.6839 14.5588 22 13.7958 22 13.0001V12.0001C21.9999 9.74314 21.2362 7.55259 19.8333 5.78464C18.4303 4.0167 16.4706 2.77534 14.2726 2.26241C12.0747 1.74948 9.76794 1.99515 7.72736 2.95948C5.68677 3.9238 4.03241 5.55007 3.03327 7.57383C2.03413 9.5976 1.74898 11.8998 2.22418 14.1062C2.69938 16.3126 3.90699 18.2933 5.65064 19.7264C7.39429 21.1594 9.57144 21.9605 11.8281 21.9993C14.0847 22.0381 16.2881 21.3124 18.08 19.9401M16 12.0001C16 14.2093 14.2092 16.0001 12 16.0001C9.79087 16.0001 8.00001 14.2093 8.00001 12.0001C8.00001 9.79097 9.79087 8.00011 12 8.00011C14.2092 8.00011 16 9.79097 16 12.0001Z" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+
+);

package/src/assets/icon/Sign/Email/EmailMd.tsx

@@ -0,0 +1,16 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const EmailMd = ({ 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_8234_5031)">
+            <path d="M13.3332 6.66672V10.8334C13.3332 11.4964 13.5966 12.1323 14.0654 12.6012C14.5343 13.07 15.1701 13.3334 15.8332 13.3334C16.4962 13.3334 17.1321 13.07 17.6009 12.6012C18.0698 12.1323 18.3332 11.4964 18.3332 10.8334V10.0001C18.3331 8.11924 17.6967 6.29378 16.5276 4.8205C15.3584 3.34721 13.7253 2.31274 11.8937 1.8853C10.0621 1.45786 8.13979 1.66259 6.4393 2.46619C4.73881 3.2698 3.36018 4.62502 2.52756 6.31149C1.69494 7.99796 1.45732 9.9165 1.85332 11.7551C2.24932 13.5938 3.25566 15.2444 4.7087 16.4386C6.16175 17.6328 7.97604 18.3003 9.85657 18.3327C11.7371 18.365 13.5733 17.7603 15.0665 16.6167M13.3332 10.0001C13.3332 11.841 11.8408 13.3334 9.99985 13.3334C8.1589 13.3334 6.66651 11.841 6.66651 10.0001C6.66651 8.1591 8.1589 6.66672 9.99985 6.66672C11.8408 6.66672 13.3332 8.1591 13.3332 10.0001Z" stroke={color} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+        </g>
+        <defs>
+            <clipPath id="clip0_8234_5031">
+                <rect width="20" height="20" fill="white" />
+            </clipPath>
+        </defs>
+    </svg>
+
+);

package/src/assets/icon/Sign/Email/EmailSm.tsx

@@ -0,0 +1,16 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const EmailSm = ({ 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_8234_5029)">
+            <path d="M10.6668 5.33333V8.66666C10.6668 9.19709 10.8775 9.7058 11.2526 10.0809C11.6277 10.4559 12.1364 10.6667 12.6668 10.6667C13.1973 10.6667 13.706 10.4559 14.0811 10.0809C14.4561 9.7058 14.6668 9.19709 14.6668 8.66666V7.99999C14.6667 6.49535 14.1577 5.03498 13.2224 3.85635C12.287 2.67772 10.9805 1.85014 9.51526 1.50819C8.04999 1.16624 6.51212 1.33002 5.15173 1.9729C3.79134 2.61579 2.68843 3.69996 2.02234 5.04914C1.35625 6.39832 1.16615 7.93315 1.48295 9.40407C1.79975 10.875 2.60482 12.1955 3.76726 13.1508C4.92969 14.1062 6.38112 14.6402 7.88555 14.6661C9.38997 14.692 10.8589 14.2082 12.0535 13.2933M10.6668 7.99999C10.6668 9.47275 9.47293 10.6667 8.00017 10.6667C6.52741 10.6667 5.3335 9.47275 5.3335 7.99999C5.3335 6.52723 6.52741 5.33333 8.00017 5.33333C9.47293 5.33333 10.6668 6.52723 10.6668 7.99999Z" stroke={color} strokeLinecap="round" strokeLinejoin="round" />
+        </g>
+        <defs>
+            <clipPath id="clip0_8234_5029">
+                <rect width="16" height="16" fill="white" />
+            </clipPath>
+        </defs>
+    </svg>
+
+);

package/src/assets/icon/Sign/Enter/EnterLg.tsx

@@ -0,0 +1,9 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const EnterLg = ({ 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 7V8.2C20 9.88016 20 10.7202 19.673 11.362C19.3854 11.9265 18.9265 12.3854 18.362 12.673C17.7202 13 16.8802 13 15.2 13H4M4 13L8 9M4 13L8 17" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+
+);

package/src/assets/icon/Sign/Enter/EnterMd.tsx

@@ -0,0 +1,9 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const EnterMd = ({ 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.6663 5.83325V6.83325C16.6663 8.23339 16.6663 8.93342 16.3938 9.46825C16.1542 9.93867 15.7718 10.3211 15.3013 10.5608C14.7665 10.8333 14.0665 10.8333 12.6663 10.8333H3.33301M3.33301 10.8333L6.66634 7.49992M3.33301 10.8333L6.66634 14.1666" stroke={color} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+
+);

package/src/assets/icon/Sign/Enter/EnterSm.tsx

@@ -0,0 +1,9 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const EnterSm = ({ 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.3337 4.66675V5.46675C13.3337 6.58685 13.3337 7.14688 13.1157 7.57475C12.9239 7.95108 12.618 8.25702 12.2417 8.44875C11.8138 8.66675 11.2538 8.66675 10.1337 8.66675H2.66699M2.66699 8.66675L5.33366 6.00008M2.66699 8.66675L5.33366 11.3334" stroke={color} strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+
+);

package/src/assets/icon/Sign/Globe/GlobeLg.tsx

@@ -0,0 +1,9 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const GlobeLg = ({ 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 12C21 16.9706 16.9706 21 12 21M21 12C21 7.02944 16.9706 3 12 3M21 12C21 13.6569 16.9706 15 12 15C7.02944 15 3 13.6569 3 12M21 12C21 10.3431 16.9706 9 12 9C7.02944 9 3 10.3431 3 12M12 21C7.02944 21 3 16.9706 3 12M12 21C10.3431 21 9 16.9706 9 12C9 7.02944 10.3431 3 12 3M12 21C13.6569 21 15 16.9706 15 12C15 7.02944 13.6569 3 12 3M12 3C7.02944 3 3 7.02944 3 12" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+
+);

package/src/assets/icon/Sign/Globe/GlobeMd.tsx

@@ -0,0 +1,9 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const GlobeMd = ({ 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 10C17.5 14.1422 14.1422 17.5 10 17.5M17.5 10C17.5 5.85787 14.1422 2.5 10 2.5M17.5 10C17.5 11.3807 14.1422 12.5 10 12.5C5.85787 12.5 2.5 11.3807 2.5 10M17.5 10C17.5 8.61925 14.1422 7.5 10 7.5C5.85787 7.5 2.5 8.61925 2.5 10M10 17.5C5.85787 17.5 2.5 14.1422 2.5 10M10 17.5C8.61925 17.5 7.5 14.1422 7.5 10C7.5 5.85787 8.61925 2.5 10 2.5M10 17.5C11.3807 17.5 12.5 14.1422 12.5 10C12.5 5.85787 11.3807 2.5 10 2.5M10 2.5C5.85787 2.5 2.5 5.85787 2.5 10" stroke={color} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+
+);

package/src/assets/icon/Sign/Globe/GlobeSm.tsx

@@ -0,0 +1,9 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const GlobeSm = ({ 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 8C14 11.3137 11.3137 14 8 14M14 8C14 4.68629 11.3137 2 8 2M14 8C14 9.1046 11.3137 10 8 10C4.68629 10 2 9.1046 2 8M14 8C14 6.8954 11.3137 6 8 6C4.68629 6 2 6.8954 2 8M8 14C4.68629 14 2 11.3137 2 8M8 14C6.8954 14 6 11.3137 6 8C6 4.68629 6.8954 2 8 2M8 14C9.1046 14 10 11.3137 10 8C10 4.68629 9.1046 2 8 2M8 2C4.68629 2 2 4.68629 2 8" stroke={color} strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+
+);

package/src/assets/icon/Sign/Hammer/HammerLg.tsx

@@ -0,0 +1,9 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const HammerLg = ({ 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="M13.0041 11.5782C12.9526 11.4843 12.8882 11.398 12.8129 11.3218L11.9532 10.4739C11.8649 10.384 11.7606 10.3113 11.6457 10.2596C11.4648 10.179 11.2638 10.1549 11.0691 10.1907C10.8743 10.2264 10.6949 10.3202 10.5544 10.4598C10.2563 10.7532 9.71068 11.2886 8.72631 12.2612C6.84381 14.1236 3.34834 17.245 1.76771 18.5762C1.68808 18.6428 1.62315 18.7253 1.57703 18.8183C1.53092 18.9114 1.50463 19.013 1.49983 19.1167C1.49502 19.2204 1.51181 19.324 1.54913 19.4209C1.58645 19.5178 1.64348 19.6059 1.71662 19.6796L3.54475 21.5279C3.61836 21.6018 3.70646 21.6596 3.8035 21.6978C3.90054 21.7359 4.00443 21.7536 4.10863 21.7497C4.21284 21.7458 4.3151 21.7203 4.409 21.675C4.50291 21.6297 4.58641 21.5654 4.65428 21.4862C6.0249 19.8751 9.16834 16.3768 11.0293 14.5379C11.9851 13.5976 12.5208 13.0576 12.8241 12.7595C12.9745 12.6065 13.0729 12.41 13.1052 12.198C13.1375 11.9859 13.1021 11.769 13.0041 11.5782Z" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M22.4265 9.42196L20.8182 7.82821C20.7937 7.80369 20.7644 7.78443 20.7321 7.77161C20.6999 7.7588 20.6654 7.7527 20.6307 7.75368C20.5961 7.7531 20.5617 7.75938 20.5295 7.77218C20.4973 7.78497 20.468 7.80402 20.4432 7.82821C20.3853 7.88639 20.3149 7.93047 20.2372 7.95705C20.1596 7.98363 20.0769 7.99199 19.9955 7.9815C19.7855 7.95853 19.562 7.89337 19.4176 7.75368C19.0895 7.43212 19.4687 6.79931 19.1799 6.39431C18.8502 5.95111 18.4886 5.53251 18.098 5.14181C17.7671 4.81368 16.4663 3.5729 14.2754 2.67946C13.5762 2.39303 12.8278 2.2459 12.0723 2.24634C10.8371 2.24634 9.88742 2.79759 9.54102 3.114C9.26539 3.36337 8.97852 3.75946 8.97852 3.75946C9.14417 3.69907 9.3134 3.64898 9.48523 3.60946C9.84357 3.53267 10.2113 3.50914 10.5765 3.53962C11.3059 3.60009 12.1848 3.94228 12.6563 4.31259C13.4162 4.92196 13.7429 5.73712 13.794 6.789C13.8315 7.57134 13.0801 8.55899 12.3671 9.36431C12.3044 9.43511 12.2713 9.52736 12.2748 9.62189C12.2783 9.71642 12.3181 9.80598 12.3859 9.87196L13.3815 10.8671C13.4508 10.9356 13.5442 10.9744 13.6416 10.9753C13.7391 10.9762 13.8331 10.9391 13.9037 10.8718C14.5566 10.2385 15.361 9.53728 15.8171 9.25649C16.2732 8.97571 16.6412 8.89649 16.8179 8.87728C17.1651 8.84365 17.5142 8.91937 17.8163 9.09384C17.8695 9.12394 17.9182 9.16151 17.9607 9.2054C18.2635 9.5129 18.2452 10.0154 17.9373 10.3182L17.8435 10.4068C17.8191 10.4308 17.7998 10.4594 17.7866 10.4909C17.7733 10.5225 17.7665 10.5564 17.7665 10.5906C17.7665 10.6248 17.7733 10.6586 17.7866 10.6902C17.7998 10.7217 17.8191 10.7503 17.8435 10.7743L19.4518 12.3681C19.4765 12.3924 19.5058 12.4114 19.538 12.4242C19.5702 12.4369 19.6047 12.443 19.6393 12.4421C19.7091 12.4431 19.7765 12.4165 19.8268 12.3681L22.4265 9.79696C22.4744 9.7463 22.5011 9.67921 22.5011 9.60946C22.5011 9.53972 22.4744 9.47262 22.4265 9.42196Z" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+);

package/src/assets/icon/Sign/Hammer/HammerMd.tsx

@@ -0,0 +1,9 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const HammerMd = ({ 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.8366 9.64849C10.7936 9.57023 10.74 9.49832 10.6772 9.43482L9.96082 8.72818C9.88724 8.65327 9.80034 8.59273 9.70457 8.54966C9.55387 8.48245 9.38635 8.46241 9.22405 8.49218C9.06174 8.52195 8.91224 8.60013 8.7952 8.71646C8.54676 8.96099 8.09207 9.40708 7.27176 10.2176C5.70301 11.7696 2.79012 14.3708 1.47293 15.4801C1.40657 15.5357 1.35246 15.6044 1.31403 15.6819C1.2756 15.7594 1.25369 15.8441 1.24969 15.9305C1.24569 16.017 1.25968 16.1033 1.29078 16.1841C1.32188 16.2648 1.36941 16.3382 1.43035 16.3997L2.95379 17.9399C3.01514 18.0014 3.08856 18.0496 3.16942 18.0814C3.25029 18.1132 3.33686 18.128 3.4237 18.1247C3.51053 18.1214 3.59576 18.1002 3.67401 18.0625C3.75226 18.0247 3.82185 17.9711 3.8784 17.9051C5.02059 16.5626 7.64012 13.6473 9.1909 12.1149C9.98739 11.3313 10.4339 10.8813 10.6866 10.6329C10.8119 10.5054 10.8939 10.3417 10.9208 10.1649C10.9478 9.98822 10.9183 9.8075 10.8366 9.64849Z" stroke={color} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M18.6886 7.85151L17.3483 6.52339C17.3279 6.50295 17.3035 6.4869 17.2766 6.47622C17.2498 6.46554 17.221 6.46046 17.1921 6.46128C17.1632 6.46079 17.1346 6.46603 17.1077 6.47669C17.0809 6.48735 17.0565 6.50322 17.0358 6.52339C16.9876 6.57187 16.9289 6.6086 16.8642 6.63075C16.7995 6.6529 16.7306 6.65987 16.6628 6.65112C16.4878 6.63198 16.3015 6.57769 16.1812 6.46128C15.9077 6.19331 16.2237 5.66597 15.9831 5.32847C15.7083 4.95914 15.407 4.6103 15.0815 4.28472C14.8058 4.01128 13.7218 2.9773 11.896 2.23276C11.3134 1.99407 10.6897 1.87146 10.0601 1.87183C9.03076 1.87183 8.23936 2.3312 7.95068 2.59487C7.721 2.80269 7.48193 3.13276 7.48193 3.13276C7.61998 3.08244 7.761 3.04069 7.9042 3.00776C8.20282 2.94377 8.50924 2.92416 8.81357 2.94956C9.42139 2.99995 10.1538 3.28511 10.5468 3.5937C11.18 4.10151 11.4522 4.78081 11.4948 5.65737C11.5261 6.30933 10.8999 7.13237 10.3058 7.80347C10.2535 7.86247 10.226 7.93934 10.2289 8.01812C10.2318 8.0969 10.2649 8.17152 10.3214 8.22651L11.1511 9.05581C11.2089 9.11289 11.2866 9.14523 11.3679 9.14596C11.4491 9.14669 11.5274 9.11575 11.5862 9.05972C12.1304 8.53198 12.8007 7.94761 13.1808 7.71362C13.5608 7.47964 13.8675 7.41362 14.0147 7.39761C14.3041 7.36959 14.595 7.43268 14.8468 7.57808C14.8911 7.60316 14.9316 7.63447 14.9671 7.67105C15.2194 7.9273 15.2042 8.34604 14.9476 8.59839L14.8694 8.67222C14.8491 8.69221 14.833 8.71604 14.822 8.74233C14.811 8.76862 14.8053 8.79684 14.8053 8.82534C14.8053 8.85384 14.811 8.88206 14.822 8.90835C14.833 8.93464 14.8491 8.95847 14.8694 8.97847L16.2097 10.3066C16.2302 10.3268 16.2547 10.3428 16.2815 10.3534C16.3084 10.364 16.3371 10.369 16.3659 10.3683C16.4241 10.3691 16.4803 10.347 16.5222 10.3066L18.6886 8.16401C18.7285 8.1218 18.7508 8.06588 18.7508 8.00776C18.7508 7.94964 18.7285 7.89373 18.6886 7.85151Z" stroke={color} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+);