droplinked-editor-configs 1.8.0

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

@@ -0,0 +1,9 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const HammerSm = ({ 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.66958 7.71874C8.6352 7.65614 8.59229 7.59861 8.54208 7.54781L7.96895 6.98249C7.91009 6.92256 7.84057 6.87413 7.76395 6.83968C7.64339 6.78591 7.50938 6.76988 7.37953 6.79369C7.24968 6.81751 7.13008 6.88006 7.03645 6.97312C6.8377 7.16874 6.47395 7.52562 5.8177 8.17406C4.5627 9.41562 2.23239 11.4966 1.17864 12.3841C1.12555 12.4285 1.08226 12.4834 1.05152 12.5455C1.02078 12.6075 1.00325 12.6752 1.00005 12.7444C0.996845 12.8135 1.00804 12.8826 1.03292 12.9472C1.0578 13.0118 1.09582 13.0705 1.14458 13.1197L2.36333 14.3519C2.41241 14.4011 2.47114 14.4397 2.53583 14.4651C2.60053 14.4905 2.66978 14.5023 2.73925 14.4997C2.80872 14.4971 2.8769 14.4801 2.9395 14.4499C3.0021 14.4197 3.05777 14.3768 3.10301 14.3241C4.01676 13.25 6.11239 10.9178 7.35301 9.69187C7.9902 9.06499 8.34739 8.70499 8.54958 8.50624C8.64985 8.40427 8.71542 8.27328 8.73696 8.1319C8.75851 7.99053 8.73493 7.84595 8.66958 7.71874Z" stroke={color} strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M14.9512 6.28131L13.879 5.21881C13.8626 5.20246 13.8431 5.18962 13.8216 5.18108C13.8001 5.17253 13.7771 5.16846 13.754 5.16912C13.7309 5.16873 13.7079 5.17292 13.6865 5.18145C13.665 5.18998 13.6455 5.20268 13.629 5.21881C13.5904 5.25759 13.5434 5.28698 13.4917 5.3047C13.4399 5.32242 13.3848 5.328 13.3305 5.321C13.1905 5.30568 13.0415 5.26225 12.9452 5.16912C12.7265 4.95475 12.9793 4.53287 12.7868 4.26287C12.5669 3.96741 12.3259 3.68834 12.0655 3.42787C11.8449 3.20912 10.9777 2.38193 9.51709 1.78631C9.05098 1.59535 8.55205 1.49727 8.04834 1.49756C7.2249 1.49756 6.59178 1.86506 6.36084 2.076C6.17709 2.24225 5.98584 2.50631 5.98584 2.50631C6.09628 2.46605 6.2091 2.43265 6.32365 2.40631C6.56255 2.35511 6.80768 2.33943 7.05115 2.35975C7.5374 2.40006 8.12334 2.62818 8.43772 2.87506C8.94428 3.28131 9.16209 3.82475 9.19615 4.526C9.22115 5.04756 8.72021 5.706 8.2449 6.24287C8.20308 6.29008 8.18105 6.35157 8.18338 6.41459C8.18571 6.47761 8.21222 6.53732 8.2574 6.58131L8.92115 7.24475C8.96739 7.29041 9.0296 7.31628 9.09458 7.31686C9.15957 7.31745 9.22223 7.2927 9.26928 7.24787C9.70459 6.82568 10.2408 6.35818 10.5449 6.171C10.849 5.98381 11.0943 5.931 11.2121 5.91818C11.4436 5.89577 11.6763 5.94625 11.8777 6.06256C11.9132 6.08263 11.9456 6.10767 11.974 6.13693C12.1758 6.34193 12.1637 6.67693 11.9583 6.87881L11.8958 6.93787C11.8796 6.95387 11.8667 6.97293 11.8579 6.99396C11.8491 7.015 11.8445 7.03757 11.8445 7.06037C11.8445 7.08317 11.8491 7.10575 11.8579 7.12678C11.8667 7.14781 11.8796 7.16688 11.8958 7.18287L12.968 8.24537C12.9845 8.26158 13.004 8.2743 13.0255 8.28278C13.047 8.29127 13.0699 8.29533 13.093 8.29475C13.1396 8.29541 13.1845 8.27766 13.218 8.24537L14.9512 6.53131C14.9831 6.49753 15.0009 6.4528 15.0009 6.40631C15.0009 6.35981 14.9831 6.31508 14.9512 6.28131Z" stroke={color} strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+);

package/src/assets/icon/Sign/HappyFace/HappyfaceLg.tsx

@@ -0,0 +1,12 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const HappyfaceLg = ({ 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 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21Z" stroke={color} strokeWidth="2" />
+        <path d="M9 15.3C9.39396 15.6804 9.86172 15.9822 10.3764 16.1881C10.8912 16.394 11.4428 16.5 12 16.5C12.5572 16.5 13.1088 16.394 13.6236 16.1881C14.1383 15.9822 14.606 15.6804 15 15.3" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M9.30078 9.2998H9.31278" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M14.6992 9.2998H14.7112" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+
+);

package/src/assets/icon/Sign/HappyFace/HappyfaceMd.tsx

@@ -0,0 +1,12 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const HappyfaceMd = ({ 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 17.5C14.1421 17.5 17.5 14.1421 17.5 10C17.5 5.85786 14.1421 2.5 10 2.5C5.85786 2.5 2.5 5.85786 2.5 10C2.5 14.1421 5.85786 17.5 10 17.5Z" stroke={color} strokeWidth="1.5" />
+        <path d="M7.5 12.75C7.8283 13.067 8.2181 13.3185 8.647 13.4901C9.076 13.6617 9.5357 13.75 10 13.75C10.4643 13.75 10.924 13.6617 11.353 13.4901C11.7819 13.3185 12.1717 13.067 12.5 12.75" stroke={color} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M7.75 7.75H7.76" stroke={color} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M12.25 7.75H12.26" stroke={color} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+
+);

package/src/assets/icon/Sign/HappyFace/HappyfaceSm.tsx

@@ -0,0 +1,12 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const HappyfaceSm = ({ 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 14C11.3137 14 14 11.3137 14 8C14 4.68629 11.3137 2 8 2C4.68629 2 2 4.68629 2 8C2 11.3137 4.68629 14 8 14Z" stroke={color} />
+        <path d="M6 10.2C6.26264 10.4536 6.57448 10.6548 6.9176 10.7921C7.2608 10.9294 7.62856 11 8 11C8.37144 11 8.7392 10.9294 9.0824 10.7921C9.42552 10.6548 9.73736 10.4536 10 10.2" stroke={color} strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M6.2002 6.19995H6.2082" stroke={color} strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M9.7998 6.19995H9.8078" stroke={color} strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+
+);

package/src/assets/icon/Sign/Hashtag/HashtagLg.tsx

@@ -0,0 +1,9 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const HashtagLg = ({ 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.49999 3L6.49999 21M17.5 3L14.5 21M20.5 8H3.5M19.5 16H2.5" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+
+);

package/src/assets/icon/Sign/Hashtag/HashtagMd.tsx

@@ -0,0 +1,9 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const HashtagMd = ({ 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.91682 2.5L5.41682 17.5M14.5835 2.5L12.0835 17.5M17.0835 6.66667H2.91683M16.2502 13.3333H2.0835" stroke={color} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+
+);

package/src/assets/icon/Sign/Hashtag/HashtagSm.tsx

@@ -0,0 +1,9 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const HashtagSm = ({ 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.33316 2L4.33316 14M11.6665 2L9.66648 14M13.6665 5.33333H2.33317M12.9998 10.6667H1.6665" stroke={color} strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+
+);

package/src/assets/icon/Sign/Help/HelpLg.tsx

@@ -0,0 +1,11 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const HelpLg = ({ 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.818 12.0001C21.818 17.4225 17.4223 21.8182 11.9998 21.8182C6.57739 21.8182 2.18164 17.4225 2.18164 12.0001C2.18164 6.57764 6.57739 2.18188 11.9998 2.18188C17.4223 2.18188 21.818 6.57764 21.818 12.0001Z" stroke={color} strokeWidth="2" />
+        <path d="M10.3638 8.37512C10.7636 7.92216 11.3485 7.63647 12.0001 7.63647C13.2052 7.63647 14.182 8.61331 14.182 9.81829C14.182 10.8369 13.4839 11.6925 12.54 11.9328C12.2481 12.0071 12.0001 12.2444 12.0001 12.5456V13.091" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M12 16.3635H12.0087" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+
+);

package/src/assets/icon/Sign/Help/HelpMd.tsx

@@ -0,0 +1,11 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const HelpMd = ({ 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="M18.182 10.0001C18.182 14.5188 14.5189 18.1819 10.0002 18.1819C5.48149 18.1819 1.81836 14.5188 1.81836 10.0001C1.81836 5.48136 5.48149 1.81824 10.0002 1.81824C14.5189 1.81824 18.182 5.48136 18.182 10.0001Z" stroke={color} strokeWidth="1.5" />
+        <path d="M8.63623 6.97918C8.96941 6.60172 9.45687 6.36365 9.99987 6.36365C11.004 6.36365 11.818 7.17767 11.818 8.18183C11.818 9.03065 11.2363 9.74365 10.4498 9.94392C10.2065 10.0058 9.99987 10.2036 9.99987 10.4546V10.9091" stroke={color} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M10 13.6364H10.0087" stroke={color} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+
+);

package/src/assets/icon/Sign/Help/HelpSm.tsx

@@ -0,0 +1,18 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const HelpSm = ({ 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_4653)">
+            <path d="M14.5455 8.00004C14.5455 11.615 11.615 14.5455 8.00004 14.5455C4.38509 14.5455 1.45459 11.615 1.45459 8.00004C1.45459 4.38509 4.38509 1.45459 8.00004 1.45459C11.615 1.45459 14.5455 4.38509 14.5455 8.00004Z" stroke={color} />
+            <path d="M6.90918 5.58337C7.17573 5.2814 7.56569 5.09094 8.00009 5.09094C8.80343 5.09094 9.45463 5.74216 9.45463 6.54549C9.45463 7.22454 8.98925 7.79494 8.36002 7.95516C8.1654 8.00469 8.00009 8.16287 8.00009 8.36367V8.72731" stroke={color} strokeLinecap="round" strokeLinejoin="round" />
+            <path d="M8 10.9091H8.00873" stroke={color} strokeLinecap="round" strokeLinejoin="round" />
+        </g>
+        <defs>
+            <clipPath id="clip0_8234_4653">
+                <rect width="16" height="16" fill="white" />
+            </clipPath>
+        </defs>
+    </svg>
+
+);

package/src/assets/icon/Sign/Infinity/InfinityLg.tsx

@@ -0,0 +1,9 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const InfinityLg = ({ 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.99677 14.2622L9.18209 15.1819C8.55276 15.8112 7.75094 16.2399 6.87802 16.4135C6.00509 16.5872 5.10028 16.4981 4.27799 16.1575C3.45571 15.8169 2.75289 15.2401 2.25841 14.5001C1.76393 13.7601 1.5 12.89 1.5 12C1.5 11.11 1.76393 10.2399 2.25841 9.4999C2.75289 8.75988 3.45571 8.1831 4.27799 7.84252C5.10028 7.50193 6.00509 7.41283 6.87802 7.58649C7.75094 7.76015 8.55276 8.18876 9.18209 8.81813L14.8183 15.1819C15.4477 15.8112 16.2495 16.2399 17.1224 16.4135C17.9953 16.5872 18.9001 16.4981 19.7224 16.1575C20.5447 15.8169 21.2475 15.2401 21.742 14.5001C22.2365 13.7601 22.5004 12.89 22.5004 12C22.5004 11.11 22.2365 10.2399 21.742 9.4999C21.2475 8.75988 20.5447 8.1831 19.7224 7.84252C18.9001 7.50193 17.9953 7.41283 17.1224 7.58649C16.2495 7.76015 15.4477 8.18876 14.8183 8.81813L14.0036 9.73781" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+
+);

package/src/assets/icon/Sign/Infinity/InfinityMd.tsx

@@ -0,0 +1,9 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const InfinityMd = ({ 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="M8.33064 11.8852L7.65174 12.6516C7.1273 13.176 6.45912 13.5332 5.73168 13.6779C5.00424 13.8226 4.25023 13.7484 3.56499 13.4646C2.87976 13.1808 2.29407 12.7001 1.88201 12.0834C1.46994 11.4667 1.25 10.7417 1.25 10C1.25 9.25831 1.46994 8.53328 1.88201 7.91659C2.29407 7.2999 2.87976 6.81925 3.56499 6.53543C4.25023 6.25161 5.00424 6.17736 5.73168 6.32208C6.45912 6.46679 7.1273 6.82397 7.65174 7.34844L12.3486 12.6516C12.8731 13.176 13.5412 13.5332 14.2687 13.6779C14.9961 13.8226 15.7501 13.7484 16.4354 13.4646C17.1206 13.1808 17.7063 12.7001 18.1183 12.0834C18.5304 11.4667 18.7504 10.7417 18.7504 10C18.7504 9.25831 18.5304 8.53328 18.1183 7.91659C17.7063 7.2999 17.1206 6.81925 16.4354 6.53543C15.7501 6.25161 14.9961 6.17736 14.2687 6.32208C13.5412 6.46679 12.8731 6.82397 12.3486 7.34844L11.6697 8.11485" stroke={color} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+
+);

package/src/assets/icon/Sign/Infinity/InfinitySm.tsx

@@ -0,0 +1,9 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const InfinitySm = ({ 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.66452 9.50813L6.12139 10.1213C5.70184 10.5408 5.16729 10.8266 4.58534 10.9423C4.0034 11.0581 3.40019 10.9987 2.852 10.7717C2.30381 10.5446 1.83526 10.1601 1.5056 9.66673C1.17595 9.17338 1 8.59335 1 8C1 7.40665 1.17595 6.82662 1.5056 6.33327C1.83526 5.83992 2.30381 5.4554 2.852 5.22834C3.40019 5.00129 4.0034 4.94189 4.58534 5.05766C5.16729 5.17343 5.70184 5.45917 6.12139 5.87875L9.87889 10.1213C10.2984 10.5408 10.833 10.8266 11.4149 10.9423C11.9969 11.0581 12.6001 10.9987 13.1483 10.7717C13.6965 10.5446 14.165 10.1601 14.4947 9.66673C14.8243 9.17338 15.0003 8.59335 15.0003 8C15.0003 7.40665 14.8243 6.82662 14.4947 6.33327C14.165 5.83992 13.6965 5.4554 13.1483 5.22834C12.6001 5.00129 11.9969 4.94189 11.4149 5.05766C10.833 5.17343 10.2984 5.45917 9.87889 5.87875L9.33577 6.49188" stroke={color} strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+
+);

package/src/assets/icon/Sign/Information/InformationLg.tsx

@@ -0,0 +1,9 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const InformationLg = ({ 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.55556H12.0111M12 10.8889V16.4444M22 12C22 17.5229 17.5229 22 12 22C6.47716 22 2 17.5229 2 12C2 6.47716 6.47716 2 12 2C17.5229 2 22 6.47716 22 12Z" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+
+);

package/src/assets/icon/Sign/Information/InformationMd.tsx

@@ -0,0 +1,16 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const InformationMd = ({ 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_8404_999)">
+            <path d="M10 6.29559H10.0093M10 9.07393V13.7045M18.335 10C18.335 14.6034 14.6034 18.335 10 18.335C5.39675 18.335 1.66504 14.6034 1.66504 10C1.66504 5.39675 5.39675 1.66504 10 1.66504C14.6034 1.66504 18.335 5.39675 18.335 10Z" stroke={color} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+        </g>
+        <defs>
+            <clipPath id="clip0_8404_999">
+                <rect width="20" height="20" fill="white" />
+            </clipPath>
+        </defs>
+    </svg>
+
+);

package/src/assets/icon/Sign/Information/InformationSm.tsx

@@ -0,0 +1,16 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const InformationSm = ({ 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_8404_997)">
+            <path d="M7.99996 5.03774H8.00737M7.99996 7.25941V10.9622M14.665 7.99996C14.665 11.681 11.681 14.665 7.99996 14.665C4.31899 14.665 1.33496 11.681 1.33496 7.99996C1.33496 4.31899 4.31899 1.33496 7.99996 1.33496C11.681 1.33496 14.665 4.31899 14.665 7.99996Z" stroke={color} strokeLinecap="round" strokeLinejoin="round" />
+        </g>
+        <defs>
+            <clipPath id="clip0_8404_997">
+                <rect width="16" height="16" fill="white" />
+            </clipPath>
+        </defs>
+    </svg>
+
+);

package/src/assets/icon/Sign/Minus/MinusLg.tsx

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

package/src/assets/icon/Sign/Minus/MinusMd.tsx

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

package/src/assets/icon/Sign/Minus/MinusSm.tsx

@@ -0,0 +1,9 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const MinusSm = ({ 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 8H12" stroke={color} strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+
+);

package/src/assets/icon/Sign/NotAvailableFilled/NotavailablefilledLg.tsx

@@ -0,0 +1,9 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const NotavailablefilledLg = ({ 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 24ZM9.10701 7.69292C8.71649 7.30239 8.08332 7.30239 7.6928 7.69292C7.30227 8.08344 7.30227 8.71661 7.6928 9.10713L10.5857 12L7.6928 14.8929C7.30227 15.2834 7.30227 15.9166 7.69279 16.3071C8.08332 16.6977 8.71648 16.6977 9.10701 16.3071L11.9999 13.4142L14.8928 16.3071C15.2833 16.6977 15.9165 16.6977 16.307 16.3071C16.6975 15.9166 16.6975 15.2834 16.307 14.8929L13.4141 12L16.307 9.10713C16.6975 8.7166 16.6975 8.08344 16.307 7.69291C15.9165 7.30239 15.2833 7.30239 14.8928 7.69292L11.9999 10.5858L9.10701 7.69292Z" fill={color} />
+    </svg>
+
+);

package/src/assets/icon/Sign/NotAvailableFilled/NotavailablefilledMd.tsx

@@ -0,0 +1,9 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const NotavailablefilledMd = ({ 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 20ZM7.53025 6.46969C7.23736 6.1768 6.76248 6.1768 6.46959 6.46969C6.1767 6.76258 6.17669 7.23746 6.46959 7.53035L8.93927 10L6.46959 12.4697C6.1767 12.7626 6.17669 13.2375 6.46959 13.5303C6.76248 13.8232 7.23735 13.8232 7.53025 13.5304L9.99993 11.0607L12.4696 13.5304C12.7625 13.8232 13.2374 13.8232 13.5302 13.5303C13.8231 13.2375 13.8231 12.7626 13.5302 12.4697L11.0606 10L13.5303 7.53035C13.8231 7.23745 13.8231 6.76258 13.5302 6.46969C13.2374 6.1768 12.7625 6.1768 12.4696 6.46969L9.99993 8.93937L7.53025 6.46969Z" fill={color} />
+    </svg>
+
+);

package/src/assets/icon/Sign/NotAvailableFilled/NotavailablefilledSm.tsx

@@ -0,0 +1,9 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const NotavailablefilledSm = ({ 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 16ZM5.95349 5.24646C5.75823 5.0512 5.44164 5.0512 5.24638 5.24646C5.05112 5.44172 5.05112 5.75831 5.24638 5.95357L7.29283 8.00002L5.24638 10.0465C5.05112 10.2417 5.05112 10.5583 5.24638 10.7536C5.44164 10.9488 5.75822 10.9488 5.95349 10.7536L7.99994 8.70713L10.0464 10.7536C10.2416 10.9488 10.5582 10.9488 10.7535 10.7536C10.9488 10.5583 10.9487 10.2417 10.7535 10.0465L8.70705 8.00002L10.7535 5.95357C10.9488 5.75831 10.9487 5.44172 10.7535 5.24646C10.5582 5.0512 10.2416 5.0512 10.0464 5.24646L7.99994 7.29292L5.95349 5.24646Z" fill={color} />
+    </svg>
+
+);

package/src/assets/icon/Sign/NotAvailableOutlined/NotavailableoutlinedLg.tsx

@@ -0,0 +1,10 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const NotavailableoutlinedLg = ({ 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.3999 15.5999L11.9999 11.9999M11.9999 11.9999L15.5999 8.3999M11.9999 11.9999L8.3999 8.3999M11.9999 11.9999L15.5999 15.5999" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+
+);

package/src/assets/icon/Sign/NotAvailableOutlined/NotavailableoutlinedMd.tsx

@@ -0,0 +1,10 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const NotavailableoutlinedMd = ({ 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 13L10 10M10 10L13 7M10 10L7 7M10 10L13 13" stroke={color} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+
+);

package/src/assets/icon/Sign/NotAvailableOutlined/NotavailableoutlinedSm.tsx

@@ -0,0 +1,10 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const NotavailableoutlinedSm = ({ 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.6001 10.4L8.0001 7.99998M8.0001 7.99998L10.4001 5.59998M8.0001 7.99998L5.6001 5.59998M8.0001 7.99998L10.4001 10.4" stroke={color} strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+
+);

package/src/assets/icon/Sign/Percent/PercentLg.tsx

@@ -0,0 +1,9 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const PercentLg = ({ 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="M19 5L5 19M9 7C9 8.10457 8.10457 9 7 9C5.89543 9 5 8.10457 5 7C5 5.89543 5.89543 5 7 5C8.10457 5 9 5.89543 9 7ZM19 17C19 18.1046 18.1046 19 17 19C15.8954 19 15 18.1046 15 17C15 15.8954 15.8954 15 17 15C18.1046 15 19 15.8954 19 17Z" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+
+);

package/src/assets/icon/Sign/Percent/PercentMd.tsx

@@ -0,0 +1,9 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const PercentMd = ({ 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="M15.8332 4.16675L4.1665 15.8334M7.49984 5.83341C7.49984 6.75389 6.75365 7.50008 5.83317 7.50008C4.9127 7.50008 4.1665 6.75389 4.1665 5.83341C4.1665 4.91294 4.9127 4.16675 5.83317 4.16675C6.75365 4.16675 7.49984 4.91294 7.49984 5.83341ZM15.8332 14.1667C15.8332 15.0872 15.087 15.8334 14.1665 15.8334C13.246 15.8334 12.4998 15.0872 12.4998 14.1667C12.4998 13.2463 13.246 12.5001 14.1665 12.5001C15.087 12.5001 15.8332 13.2463 15.8332 14.1667Z" stroke={color} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+
+);

package/src/assets/icon/Sign/Percent/PercentSm.tsx

@@ -0,0 +1,9 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const PercentSm = ({ 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="M12.6668 3.33325L3.3335 12.6666M6.00016 4.66659C6.00016 5.40296 5.40321 5.99992 4.66683 5.99992C3.93045 5.99992 3.3335 5.40296 3.3335 4.66659C3.3335 3.93021 3.93045 3.33325 4.66683 3.33325C5.40321 3.33325 6.00016 3.93021 6.00016 4.66659ZM12.6668 11.3333C12.6668 12.0696 12.0699 12.6666 11.3335 12.6666C10.5971 12.6666 10.0002 12.0696 10.0002 11.3333C10.0002 10.5969 10.5971 9.99992 11.3335 9.99992C12.0699 9.99992 12.6668 10.5969 12.6668 11.3333Z" stroke={color} strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+
+);

package/src/assets/icon/Sign/Plus/PlusLg.tsx

@@ -0,0 +1,9 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const PlusLg = ({ 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 3V21M3 12H21" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+
+);

package/src/assets/icon/Sign/Plus/PlusMd.tsx

@@ -0,0 +1,9 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const PlusMd = ({ 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 3V17M3 10H17" stroke={color} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+
+);

package/src/assets/icon/Sign/Plus/PlusSm.tsx

@@ -0,0 +1,9 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const PlusSm = ({ 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 3V13M3 8H13" stroke={color} strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+
+);

package/src/assets/icon/Sign/Pluster/PlusterLg.tsx

@@ -0,0 +1,11 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const PlusterLg = ({ 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="M15.9111 2.43269L2.43361 15.9101C1.85758 16.4862 1.85758 17.4201 2.43361 17.9961L6.00803 21.5705C6.58406 22.1466 7.51797 22.1466 8.094 21.5705L21.5715 8.09308C22.1475 7.51705 22.1475 6.58314 21.5715 6.00711L17.997 2.43269C17.421 1.85667 16.4871 1.85666 15.9111 2.43269Z" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M6.00803 2.42947L2.43361 6.00389C1.85758 6.57992 1.85758 7.51383 2.43361 8.08986L15.9111 21.5673C16.4871 22.1433 17.421 22.1433 17.997 21.5673L21.5715 17.9929C22.1475 17.4169 22.1475 16.4829 21.5715 15.9069L8.094 2.42947C7.51797 1.85345 6.58406 1.85344 6.00803 2.42947Z" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M14.5 12L12 14.5" stroke={color} strokeWidth="1.25" strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M12 9.5L9.5 12" stroke={color} strokeWidth="1.25" strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+);

package/src/assets/icon/Sign/Pluster/PlusterMd.tsx

@@ -0,0 +1,19 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const PlusterMd = ({ 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_200)">
+            <path d="M13.2586 2.02732L2.02736 13.2585C1.54734 13.7386 1.54734 14.5168 2.02736 14.9968L5.00604 17.9755C5.48606 18.4555 6.26433 18.4555 6.74435 17.9755L17.9756 6.74431C18.4556 6.26429 18.4556 5.48603 17.9756 5.00601L14.9969 2.02732C14.5169 1.5473 13.7386 1.5473 13.2586 2.02732Z" stroke={color} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+            <path d="M5.00604 2.02448L2.02736 5.00316C1.54734 5.48318 1.54734 6.26145 2.02736 6.74147L13.2586 17.9727C13.7386 18.4527 14.5169 18.4527 14.9969 17.9727L17.9756 14.994C18.4556 14.514 18.4556 13.7357 17.9756 13.2557L6.74435 2.02448C6.26433 1.54446 5.48606 1.54446 5.00604 2.02448Z" stroke={color} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+            <path d="M12.0833 10L10 12.0833" stroke={color} strokeLinecap="round" strokeLinejoin="round" />
+            <path d="M10.0003 7.91675L7.91699 10.0001" stroke={color} strokeLinecap="round" strokeLinejoin="round" />
+            <path d="M198.334 -150H-93.333V141.667H198.334V-150Z" stroke={color} strokeWidth="0.833333" strokeLinecap="round" strokeLinejoin="round" />
+        </g>
+        <defs>
+            <clipPath id="clip0_12312_200">
+                <rect width="20" height="20" fill="white" />
+            </clipPath>
+        </defs>
+    </svg>
+);

package/src/assets/icon/Sign/Pluster/PlusterSm.tsx

@@ -0,0 +1,19 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const PlusterSm = ({ 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_194)">
+            <path d="M10.607 1.62195L1.62208 10.6069C1.23806 10.9909 1.23806 11.6136 1.62208 11.9976L4.00503 14.3805C4.38904 14.7645 5.01166 14.7645 5.39567 14.3805L14.3806 5.39555C14.7647 5.01153 14.7647 4.38892 14.3806 4.00491L11.9977 1.62196C11.6137 1.23794 10.9911 1.23794 10.607 1.62195Z" stroke={color} strokeLinecap="round" strokeLinejoin="round" />
+            <path d="M4.00503 1.61948L1.62208 4.00243C1.23806 4.38645 1.23806 5.00906 1.62208 5.39308L10.607 14.378C10.9911 14.7621 11.6137 14.7621 11.9977 14.378L14.3806 11.9951C14.7647 11.6111 14.7647 10.9885 14.3806 10.6045L5.39567 1.61948C5.01166 1.23547 4.38904 1.23547 4.00503 1.61948Z" stroke={color} strokeLinecap="round" strokeLinejoin="round" />
+            <path d="M9.66667 8L8 9.66667" stroke={color} strokeWidth="0.75" strokeLinecap="round" strokeLinejoin="round" />
+            <path d="M7.99967 6.33325L6.33301 7.99992" stroke={color} strokeWidth="0.75" strokeLinecap="round" strokeLinejoin="round" />
+            <path d="M158.666 -120H-74.667V113.333H158.666V-120Z" stroke={color} strokeWidth="0.666667" strokeLinecap="round" strokeLinejoin="round" />
+        </g>
+        <defs>
+            <clipPath id="clip0_12312_194">
+                <rect width="16" height="16" fill="white" />
+            </clipPath>
+        </defs>
+    </svg>
+);

package/src/assets/icon/Sign/Position/PositionLg.tsx

@@ -0,0 +1,12 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const PositionLg = ({ 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 5.6C14 5.03995 14 4.75992 14.109 4.54601C14.2049 4.35785 14.3578 4.20487 14.546 4.10899C14.7599 4 15.0399 4 15.6 4H18.4C18.9601 4 19.2401 4 19.454 4.10899C19.6422 4.20487 19.7951 4.35785 19.891 4.54601C20 4.75992 20 5.03995 20 5.6V8.4C20 8.96005 20 9.24008 19.891 9.45399C19.7951 9.64215 19.6422 9.79513 19.454 9.89101C19.2401 10 18.9601 10 18.4 10H15.6C15.0399 10 14.7599 10 14.546 9.89101C14.3578 9.79513 14.2049 9.64215 14.109 9.45399C14 9.24008 14 8.96005 14 8.4V5.6Z" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M4 5.6C4 5.03995 4 4.75992 4.10899 4.54601C4.20487 4.35785 4.35785 4.20487 4.54601 4.10899C4.75992 4 5.03995 4 5.6 4H8.4C8.96005 4 9.24008 4 9.45399 4.10899C9.64215 4.20487 9.79513 4.35785 9.89101 4.54601C10 4.75992 10 5.03995 10 5.6V8.4C10 8.96005 10 9.24008 9.89101 9.45399C9.79513 9.64215 9.64215 9.79513 9.45399 9.89101C9.24008 10 8.96005 10 8.4 10H5.6C5.03995 10 4.75992 10 4.54601 9.89101C4.35785 9.79513 4.20487 9.64215 4.10899 9.45399C4 9.24008 4 8.96005 4 8.4V5.6Z" fill={color} stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M4 15.6C4 15.0399 4 14.7599 4.10899 14.546C4.20487 14.3578 4.35785 14.2049 4.54601 14.109C4.75992 14 5.03995 14 5.6 14H8.4C8.96005 14 9.24008 14 9.45399 14.109C9.64215 14.2049 9.79513 14.3578 9.89101 14.546C10 14.7599 10 15.0399 10 15.6V18.4C10 18.9601 10 19.2401 9.89101 19.454C9.79513 19.6422 9.64215 19.7951 9.45399 19.891C9.24008 20 8.96005 20 8.4 20H5.6C5.03995 20 4.75992 20 4.54601 19.891C4.35785 19.7951 4.20487 19.6422 4.10899 19.454C4 19.2401 4 18.9601 4 18.4V15.6Z" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M14 15.6C14 15.0399 14 14.7599 14.109 14.546C14.2049 14.3578 14.3578 14.2049 14.546 14.109C14.7599 14 15.0399 14 15.6 14H18.4C18.9601 14 19.2401 14 19.454 14.109C19.6422 14.2049 19.7951 14.3578 19.891 14.546C20 14.7599 20 15.0399 20 15.6V18.4C20 18.9601 20 19.2401 19.891 19.454C19.7951 19.6422 19.6422 19.7951 19.454 19.891C19.2401 20 18.9601 20 18.4 20H15.6C15.0399 20 14.7599 20 14.546 19.891C14.3578 19.7951 14.2049 19.6422 14.109 19.454C14 19.2401 14 18.9601 14 18.4V15.6Z" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+
+);

package/src/assets/icon/Sign/Position/PositionMd.tsx

@@ -0,0 +1,12 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const PositionMd = ({ 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="M11.667 4.66659C11.667 4.19988 11.667 3.96652 11.7578 3.78826C11.8377 3.63146 11.9652 3.50398 12.122 3.42408C12.3002 3.33325 12.5336 3.33325 13.0003 3.33325H15.3337C15.8004 3.33325 16.0337 3.33325 16.212 3.42408C16.3688 3.50398 16.4962 3.63146 16.5762 3.78826C16.667 3.96652 16.667 4.19988 16.667 4.66659V6.99992C16.667 7.46663 16.667 7.69999 16.5762 7.87824C16.4962 8.03504 16.3688 8.16253 16.212 8.24243C16.0337 8.33325 15.8004 8.33325 15.3337 8.33325H13.0003C12.5336 8.33325 12.3002 8.33325 12.122 8.24243C11.9652 8.16253 11.8377 8.03504 11.7578 7.87824C11.667 7.69999 11.667 7.46663 11.667 6.99992V4.66659Z" stroke={color} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M3.33301 4.66659C3.33301 4.19988 3.33301 3.96652 3.42383 3.78826C3.50373 3.63146 3.63122 3.50398 3.78802 3.42408C3.96627 3.33325 4.19963 3.33325 4.66634 3.33325H6.99967C7.46638 3.33325 7.69974 3.33325 7.878 3.42408C8.0348 3.50398 8.16228 3.63146 8.24218 3.78826C8.33301 3.96652 8.33301 4.19988 8.33301 4.66659V6.99992C8.33301 7.46663 8.33301 7.69999 8.24218 7.87824C8.16228 8.03504 8.0348 8.16253 7.878 8.24243C7.69974 8.33325 7.46638 8.33325 6.99967 8.33325H4.66634C4.19963 8.33325 3.96627 8.33325 3.78802 8.24243C3.63122 8.16253 3.50373 8.03504 3.42383 7.87824C3.33301 7.69999 3.33301 7.46663 3.33301 6.99992V4.66659Z" fill={color} stroke={color} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M3.33301 13.0001C3.33301 12.5333 3.33301 12.3 3.42383 12.1217C3.50373 11.9649 3.63122 11.8375 3.78802 11.7576C3.96627 11.6667 4.19963 11.6667 4.66634 11.6667H6.99967C7.46638 11.6667 7.69974 11.6667 7.878 11.7576C8.0348 11.8375 8.16228 11.9649 8.24218 12.1217C8.33301 12.3 8.33301 12.5333 8.33301 13.0001V15.3334C8.33301 15.8002 8.33301 16.0335 8.24218 16.2117C8.16228 16.3686 8.0348 16.496 7.878 16.5759C7.69974 16.6667 7.46638 16.6667 6.99967 16.6667H4.66634C4.19963 16.6667 3.96627 16.6667 3.78802 16.5759C3.63122 16.496 3.50373 16.3686 3.42383 16.2117C3.33301 16.0335 3.33301 15.8002 3.33301 15.3334V13.0001Z" stroke={color} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M11.667 13.0001C11.667 12.5333 11.667 12.3 11.7578 12.1217C11.8377 11.9649 11.9652 11.8375 12.122 11.7576C12.3002 11.6667 12.5336 11.6667 13.0003 11.6667H15.3337C15.8004 11.6667 16.0337 11.6667 16.212 11.7576C16.3688 11.8375 16.4962 11.9649 16.5762 12.1217C16.667 12.3 16.667 12.5333 16.667 13.0001V15.3334C16.667 15.8002 16.667 16.0335 16.5762 16.2117C16.4962 16.3686 16.3688 16.496 16.212 16.5759C16.0337 16.6667 15.8004 16.6667 15.3337 16.6667H13.0003C12.5336 16.6667 12.3002 16.6667 12.122 16.5759C11.9652 16.496 11.8377 16.3686 11.7578 16.2117C11.667 16.0335 11.667 15.8002 11.667 15.3334V13.0001Z" stroke={color} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+
+);

package/src/assets/icon/Sign/Position/PositionSm.tsx

@@ -0,0 +1,12 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const PositionSm = ({ 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.33301 3.73341C9.33301 3.36005 9.33301 3.17336 9.40567 3.03075C9.46961 2.90531 9.57154 2.80333 9.69701 2.73941C9.83961 2.66675 10.0263 2.66675 10.3997 2.66675H12.2663C12.6397 2.66675 12.8264 2.66675 12.969 2.73941C13.0945 2.80333 13.1964 2.90531 13.2603 3.03075C13.333 3.17336 13.333 3.36005 13.333 3.73341V5.60008C13.333 5.97345 13.333 6.16013 13.2603 6.30274C13.1964 6.42818 13.0945 6.53017 12.969 6.59409C12.8264 6.66675 12.6397 6.66675 12.2663 6.66675H10.3997C10.0263 6.66675 9.83961 6.66675 9.69701 6.59409C9.57154 6.53017 9.46961 6.42818 9.40567 6.30274C9.33301 6.16013 9.33301 5.97345 9.33301 5.60008V3.73341Z" stroke={color} strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M2.66699 3.73341C2.66699 3.36005 2.66699 3.17336 2.73965 3.03075C2.80357 2.90531 2.90556 2.80333 3.031 2.73941C3.17361 2.66675 3.36029 2.66675 3.73366 2.66675H5.60033C5.97369 2.66675 6.16038 2.66675 6.30299 2.73941C6.42843 2.80333 6.53041 2.90531 6.59433 3.03075C6.66699 3.17336 6.66699 3.36005 6.66699 3.73341V5.60008C6.66699 5.97345 6.66699 6.16013 6.59433 6.30274C6.53041 6.42818 6.42843 6.53017 6.30299 6.59409C6.16038 6.66675 5.97369 6.66675 5.60033 6.66675H3.73366C3.36029 6.66675 3.17361 6.66675 3.031 6.59409C2.90556 6.53017 2.80357 6.42818 2.73965 6.30274C2.66699 6.16013 2.66699 5.97345 2.66699 5.60008V3.73341Z" fill={color} stroke={color} strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M2.66699 10.3999C2.66699 10.0265 2.66699 9.83985 2.73965 9.69725C2.80357 9.57178 2.90556 9.46985 3.031 9.40592C3.17361 9.33325 3.36029 9.33325 3.73366 9.33325H5.60033C5.97369 9.33325 6.16038 9.33325 6.30299 9.40592C6.42843 9.46985 6.53041 9.57178 6.59433 9.69725C6.66699 9.83985 6.66699 10.0265 6.66699 10.3999V12.2666C6.66699 12.64 6.66699 12.8267 6.59433 12.9693C6.53041 13.0947 6.42843 13.1967 6.30299 13.2606C6.16038 13.3333 5.97369 13.3333 5.60033 13.3333H3.73366C3.36029 13.3333 3.17361 13.3333 3.031 13.2606C2.90556 13.1967 2.80357 13.0947 2.73965 12.9693C2.66699 12.8267 2.66699 12.64 2.66699 12.2666V10.3999Z" stroke={color} strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M9.33301 10.3999C9.33301 10.0265 9.33301 9.83985 9.40567 9.69725C9.46961 9.57178 9.57154 9.46985 9.69701 9.40592C9.83961 9.33325 10.0263 9.33325 10.3997 9.33325H12.2663C12.6397 9.33325 12.8264 9.33325 12.969 9.40592C13.0945 9.46985 13.1964 9.57178 13.2603 9.69725C13.333 9.83985 13.333 10.0265 13.333 10.3999V12.2666C13.333 12.64 13.333 12.8267 13.2603 12.9693C13.1964 13.0947 13.0945 13.1967 12.969 13.2606C12.8264 13.3333 12.6397 13.3333 12.2663 13.3333H10.3997C10.0263 13.3333 9.83961 13.3333 9.69701 13.2606C9.57154 13.1967 9.46961 13.0947 9.40567 12.9693C9.33301 12.8267 9.33301 12.64 9.33301 12.2666V10.3999Z" stroke={color} strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+
+);

package/src/assets/icon/Sign/SadFace/SadfaceLg.tsx

@@ -0,0 +1,12 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const SadfaceLg = ({ 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 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21Z" stroke={color} strokeWidth="2" />
+        <path d="M9 14.9998C9.39396 14.6194 9.86172 14.3176 10.3764 14.1117C10.8912 13.9058 11.4428 13.7998 12 13.7998C12.5572 13.7998 13.1088 13.9058 13.6236 14.1117C14.1383 14.3176 14.606 14.6194 15 14.9998" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M9.30078 9.2998H9.31278" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M14.6992 9.2998H14.7112" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+
+);

package/src/assets/icon/Sign/SadFace/SadfaceMd.tsx

@@ -0,0 +1,12 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const SadfaceMd = ({ 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 17.5C14.1421 17.5 17.5 14.1421 17.5 10C17.5 5.85786 14.1421 2.5 10 2.5C5.85786 2.5 2.5 5.85786 2.5 10C2.5 14.1421 5.85786 17.5 10 17.5Z" stroke={color} strokeWidth="1.5" />
+        <path d="M7.5 12.5C7.8283 12.183 8.2181 11.9315 8.647 11.7599C9.076 11.5883 9.5357 11.5 10 11.5C10.4643 11.5 10.924 11.5883 11.353 11.7599C11.7819 11.9315 12.1717 12.183 12.5 12.5" stroke={color} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M7.75 7.75H7.76" stroke={color} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M12.25 7.75H12.26" stroke={color} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+
+);

package/src/assets/icon/Sign/SadFace/SadfaceSm.tsx

@@ -0,0 +1,12 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const SadfaceSm = ({ 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 14C11.3137 14 14 11.3137 14 8C14 4.68629 11.3137 2 8 2C4.68629 2 2 4.68629 2 8C2 11.3137 4.68629 14 8 14Z" stroke={color} />
+        <path d="M6 9.99995C6.26264 9.74635 6.57448 9.54515 6.9176 9.40787C7.2608 9.27059 7.62856 9.19995 8 9.19995C8.37144 9.19995 8.7392 9.27059 9.0824 9.40787C9.42552 9.54515 9.73736 9.74635 10 9.99995" stroke={color} strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M6.2002 6.19995H6.2082" stroke={color} strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M9.7998 6.19995H9.8078" stroke={color} strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+
+);

package/src/assets/icon/Sign/Slash/SlashLg.tsx

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

package/src/assets/icon/Sign/Slash/SlashMd.tsx

@@ -0,0 +1,9 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const SlashMd = ({ 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.8335 18.3334L14.1668 1.66675" stroke={color} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+
+);

package/src/assets/icon/Sign/Slash/SlashSm.tsx

@@ -0,0 +1,9 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const SlashSm = ({ 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.6665 14.6666L11.3332 1.33325" stroke={color} strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+
+);

package/src/assets/icon/Sign/Target/TargetLg.tsx

@@ -0,0 +1,11 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const TargetLg = ({ 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 12C17 14.7614 14.7614 17 12 17C9.23858 17 7 14.7614 7 12C7 9.23858 9.23858 7 12 7" stroke={color} strokeWidth="2" strokeLinecap="round" />
+        <path d="M14 2.20004C13.3538 2.06886 12.6849 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22C17.5228 22 22 17.5228 22 12C22 11.3151 21.9311 10.6462 21.8 10" stroke={color} strokeWidth="2" strokeLinecap="round" />
+        <path d="M16.6031 7.39687L12 12M16.6031 7.39687L16.2781 6.15129C16.0319 5.20771 16.369 4.11915 17.1487 3.33944L18.298 2.19006C18.6041 1.88401 19.0779 1.95969 19.1745 2.33007L19.6909 4.30912L21.6699 4.82548C22.0403 4.92211 22.116 5.39591 21.8099 5.70196L20.6606 6.85135C19.8809 7.63105 18.7923 7.96805 17.8487 7.72186L16.6031 7.39687Z" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+
+);