droplinked-editor-configs 1.8.0

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

@@ -0,0 +1,18 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const TargetMd = ({ 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_11746_177)">
+            <path d="M14.1663 9.99992C14.1663 12.3011 12.3008 14.1666 9.99967 14.1666C7.69849 14.1666 5.83301 12.3011 5.83301 9.99992C5.83301 7.69874 7.69849 5.83325 9.99967 5.83325" stroke={color} strokeWidth="1.5" strokeLinecap="round" />
+            <path d="M11.667 1.83345C11.1285 1.72413 10.5711 1.66675 10.0003 1.66675C5.39795 1.66675 1.66699 5.39771 1.66699 10.0001C1.66699 14.6024 5.39795 18.3334 10.0003 18.3334C14.6027 18.3334 18.3337 14.6024 18.3337 10.0001C18.3337 9.42933 18.2762 8.87191 18.167 8.33341" stroke={color} strokeWidth="1.5" strokeLinecap="round" />
+            <path d="M13.8359 6.16414L10 10.0001M13.8359 6.16414L13.5651 5.12616C13.3599 4.33984 13.6408 3.43271 14.2906 2.78295L15.2483 1.82513C15.5034 1.57009 15.8982 1.63316 15.9787 1.94181L16.4091 3.59102L18.0583 4.02132C18.3669 4.10184 18.43 4.49667 18.1749 4.75172L17.2172 5.70954C16.5674 6.35929 15.6602 6.64012 14.8739 6.43496L13.8359 6.16414Z" stroke={color} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+        </g>
+        <defs>
+            <clipPath id="clip0_11746_177">
+                <rect width="20" height="20" fill="white" />
+            </clipPath>
+        </defs>
+    </svg>
+
+);

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

@@ -0,0 +1,18 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const TargetSm = ({ 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_11746_173)">
+            <path d="M11.3337 8.00008C11.3337 9.84101 9.84126 11.3334 8.00033 11.3334C6.15938 11.3334 4.66699 9.84101 4.66699 8.00008C4.66699 6.15913 6.15938 4.66675 8.00033 4.66675" stroke={color} strokeLinecap="round" />
+            <path d="M9.33301 1.46661C8.90221 1.37916 8.45627 1.33325 7.99967 1.33325C4.31777 1.33325 1.33301 4.31802 1.33301 7.99992C1.33301 11.6818 4.31777 14.6666 7.99967 14.6666C11.6815 14.6666 14.6663 11.6818 14.6663 7.99992C14.6663 7.54332 14.6204 7.09738 14.533 6.66658" stroke={color} strokeLinecap="round" />
+            <path d="M11.0687 4.93117L8 7.99992M11.0687 4.93117L10.8521 4.10078C10.6879 3.47173 10.9127 2.74602 11.4325 2.22621L12.1987 1.45996C12.4027 1.25593 12.7186 1.30638 12.783 1.5533L13.1273 2.87267L14.4466 3.21691C14.6935 3.28133 14.744 3.59719 14.5399 3.80123L13.7737 4.56749C13.2539 5.08729 12.5282 5.31195 11.8991 5.14783L11.0687 4.93117Z" stroke={color} strokeLinecap="round" strokeLinejoin="round" />
+        </g>
+        <defs>
+            <clipPath id="clip0_11746_173">
+                <rect width="16" height="16" fill="white" />
+            </clipPath>
+        </defs>
+    </svg>
+
+);

package/src/assets/icon/Sign/Tooltip/TooltipLg.tsx

@@ -0,0 +1,10 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const TooltipLg = ({ 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}>
+        <circle cx="11" cy="11" r="11" transform="matrix(1 0 0 -1 1 23)" fill={color} />
+        <path d="M12 7.55566H12.0111M12 10.889V16.4446" stroke="white" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+
+);

package/src/assets/icon/Sign/Tooltip/TooltipMd.tsx

@@ -0,0 +1,10 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const TooltipMd = ({ 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}>
+        <circle cx="9" cy="9" r="9" transform="matrix(1 0 0 -1 1 19)" fill={color} />
+        <path d="M10 6.29553H10.0093M10 9.07387V13.7044" stroke="white" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+
+);

package/src/assets/icon/Sign/Tooltip/TooltipSm.tsx

@@ -0,0 +1,10 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const TooltipSm = ({ 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}>
+        <circle cx="7" cy="7" r="7" transform="matrix(1 0 0 -1 1 15)" fill={color} />
+        <path d="M8 5.03772H8.00741M8 7.25939V10.9622" stroke="white" strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+
+);

package/src/assets/icon/Sign/Verified/VerifiedLg.tsx

@@ -0,0 +1,9 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const VerifiedLg = ({ 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="M13.4791 2.62356C12.6857 1.75243 11.3151 1.75243 10.5217 2.62356L9.50148 3.74379C9.10053 4.18406 8.52425 4.42276 7.92942 4.39496L6.41591 4.32423C5.23894 4.26922 4.26971 5.23845 4.32472 6.41541L4.39545 7.92893C4.42325 8.52376 4.18455 9.10004 3.74428 9.50099L2.62405 10.5212C1.75292 11.3146 1.75292 12.6852 2.62405 13.4786L3.74428 14.4988C4.18455 14.8997 4.42325 15.476 4.39545 16.0709L4.32472 17.5844C4.26971 18.7613 5.23894 19.7306 6.4159 19.6756L7.92942 19.6048C8.52425 19.577 9.10053 19.8157 9.50148 20.256L10.5217 21.3762C11.3151 22.2474 12.6857 22.2474 13.4791 21.3762L14.4993 20.256C14.9002 19.8157 15.4765 19.577 16.0714 19.6048L17.5849 19.6756C18.7618 19.7306 19.7311 18.7613 19.6761 17.5844L19.6053 16.0709C19.5775 15.476 19.8162 14.8997 20.2565 14.4988L21.3767 13.4786C22.2479 12.6852 22.2479 11.3146 21.3767 10.5212L20.2565 9.50099C19.8162 9.10004 19.5775 8.52376 19.6053 7.92893L19.6761 6.41542C19.7311 5.23845 18.7618 4.26922 17.5849 4.32423L16.0714 4.39496C15.4765 4.42276 14.9002 4.18406 14.4993 3.74379L13.4791 2.62356ZM15.5303 10.5302C15.8232 10.2373 15.8232 9.76244 15.5303 9.46955C15.2374 9.17665 14.7626 9.17665 14.4697 9.46955L11 12.9392L9.53033 11.4695C9.23744 11.1767 8.76256 11.1767 8.46967 11.4695C8.17678 11.7624 8.17678 12.2373 8.46967 12.5302L10.4697 14.5302C10.7626 14.8231 11.2374 14.8231 11.5303 14.5302L15.5303 10.5302Z" fill={color} />
+    </svg>
+
+);

package/src/assets/icon/Sign/Verified/VerifiedMd.tsx

@@ -0,0 +1,9 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const VerifiedMd = ({ 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="M11.2329 2.18642C10.5717 1.46048 9.42955 1.46048 8.76839 2.18642L7.91823 3.11995C7.5841 3.48684 7.10387 3.68576 6.60818 3.66259L5.34692 3.60365C4.36611 3.55781 3.55842 4.3655 3.60426 5.3463L3.6632 6.60757C3.68637 7.10326 3.48745 7.58349 3.12056 7.91762L2.18703 8.76778C1.46109 9.42894 1.46109 10.5711 2.18703 11.2323L3.12056 12.0824C3.48745 12.4165 3.68637 12.8968 3.6632 13.3925L3.60426 14.6538C3.55842 15.6345 4.36611 16.4423 5.34691 16.3964L6.60818 16.3374C7.10387 16.3143 7.5841 16.5132 7.91823 16.8801L8.76839 17.8136C9.42955 18.5396 10.5717 18.5396 11.2329 17.8136L12.0831 16.8801C12.4171 16.5132 12.8974 16.3143 13.3931 16.3374L14.6544 16.3964C15.6351 16.4423 16.4429 15.6345 16.3971 14.6538L16.3381 13.3925C16.3149 12.8968 16.5138 12.4165 16.8807 12.0824L17.8142 11.2323C18.5402 10.5711 18.5402 9.42894 17.8142 8.76778L16.8807 7.91762C16.5138 7.58349 16.3149 7.10326 16.3381 6.60757L16.3971 5.34631C16.4429 4.3655 15.6351 3.55781 14.6544 3.60365L13.3931 3.66259C12.8974 3.68576 12.4171 3.48684 12.0831 3.11995L11.2329 2.18642ZM13.0307 8.86368C13.3235 8.57079 13.3235 8.09592 13.0307 7.80302C12.7378 7.51013 12.2629 7.51013 11.97 7.80302L9.16699 10.606L8.03066 9.46969C7.73776 9.1768 7.26289 9.1768 6.97 9.46969C6.6771 9.76258 6.6771 10.2375 6.97 10.5304L8.63666 12.197C8.92956 12.4899 9.40443 12.4899 9.69732 12.197L13.0307 8.86368Z" fill={color} />
+    </svg>
+
+);

package/src/assets/icon/Sign/Verified/VerifiedSm.tsx

@@ -0,0 +1,9 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const VerifiedSm = ({ 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.98572 1.74916C8.45679 1.16841 7.54306 1.16841 7.01412 1.74916L6.33399 2.49598C6.0667 2.7895 5.68251 2.94863 5.28595 2.9301L4.27695 2.88294C3.4923 2.84627 2.84615 3.49242 2.88282 4.27706L2.92997 5.28608C2.94851 5.68263 2.78937 6.06682 2.49586 6.33412L1.74904 7.01424C1.16829 7.54318 1.16829 8.45691 1.74904 8.98584L2.49586 9.66598C2.78937 9.93324 2.94851 10.3174 2.92997 10.714L2.88282 11.723C2.84615 12.5076 3.4923 13.1538 4.27694 13.1172L5.28595 13.07C5.68251 13.0514 6.0667 13.2106 6.33399 13.5041L7.01412 14.2509C7.54306 14.8317 8.45679 14.8317 8.98572 14.2509L9.66586 13.5041C9.93312 13.2106 10.3173 13.0514 10.7139 13.07L11.7229 13.1172C12.5075 13.1538 13.1537 12.5076 13.1171 11.723L13.0699 10.714C13.0513 10.3174 13.2105 9.93324 13.504 9.66598L14.2508 8.98584C14.8316 8.45691 14.8316 7.54318 14.2508 7.01424L13.504 6.33412C13.2105 6.06682 13.0513 5.68263 13.0699 5.28608L13.1171 4.27707C13.1537 3.49242 12.5075 2.84627 11.7229 2.88294L10.7139 2.9301C10.3173 2.94863 9.93312 2.7895 9.66586 2.49598L8.98572 1.74916ZM10.53 7.19704C10.8229 6.90414 10.8229 6.42927 10.53 6.13638C10.2371 5.84348 9.76224 5.84348 9.46934 6.13638L7.33301 8.27271L6.53 7.46971C6.23711 7.17682 5.76224 7.17682 5.46934 7.46971C5.17645 7.7626 5.17645 8.23748 5.46934 8.53037L6.80268 9.8637C7.09557 10.1566 7.57044 10.1566 7.86334 9.8637L10.53 7.19704Z" fill={color} />
+    </svg>
+
+);

package/src/assets/icon/Sign/Warning/WarningLg.tsx

@@ -0,0 +1,11 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const WarningLg = ({ 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.0429 20.9999H3.95707C2.41904 20.9999 1.4566 19.3363 2.22326 18.003L10.2662 4.01527C11.0352 2.67786 12.9648 2.67785 13.7338 4.01526L21.7768 18.003C22.5434 19.3363 21.581 20.9999 20.0429 20.9999Z" stroke={color} strokeWidth="2" strokeLinecap="round" />
+        <path d="M12 9V13" stroke={color} strokeWidth="2" strokeLinecap="round" />
+        <path d="M12 17.0092L12.0094 16.9988" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+
+);

package/src/assets/icon/Sign/Warning/WarningMd.tsx

@@ -0,0 +1,11 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const WarningMd = ({ 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.7024 17.5H3.29756C2.01587 17.5 1.21383 16.1137 1.85272 15.0026L8.55518 3.34614C9.19602 2.23163 10.804 2.23162 11.4448 3.34613L18.1474 15.0026C18.7862 16.1137 17.9842 17.5 16.7024 17.5Z" stroke={color} strokeWidth="1.5" strokeLinecap="round" />
+        <path d="M10 7.5V10.8333" stroke={color} strokeWidth="1.5" strokeLinecap="round" />
+        <path d="M10 14.1727L10.0063 14.1658" stroke={color} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+
+);

package/src/assets/icon/Sign/Warning/WarningSm.tsx

@@ -0,0 +1,11 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const WarningSm = ({ 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.3619 14H2.63805C1.61269 14 0.971066 12.8909 1.48217 12.0021L6.84415 2.67689C7.35681 1.78528 8.64321 1.78527 9.15588 2.67688L14.5179 12.0021C15.0289 12.8909 14.3873 14 13.3619 14Z" stroke={color} strokeLinecap="round" />
+        <path d="M8 6V8.66667" stroke={color} strokeLinecap="round" />
+        <path d="M8 11.3396L8.00625 11.3326" stroke={color} strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+
+);

package/src/assets/icon/Sign/Wrench/WrenchLg.tsx

@@ -0,0 +1,8 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const WrenchLg = ({ 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.6858 5.71909C15.5273 5.88079 15.4386 6.09819 15.4386 6.32461C15.4386 6.55103 15.5273 6.76843 15.6858 6.93013L17.0699 8.31417C17.2316 8.47266 17.449 8.56144 17.6754 8.56144C17.9018 8.56144 18.1192 8.47266 18.2809 8.31417L21.542 5.05302C21.977 6.01423 22.1087 7.08517 21.9196 8.12312C21.7305 9.16107 21.2295 10.1167 20.4835 10.8628C19.7375 11.6088 18.7818 12.1097 17.7439 12.2989C16.7059 12.488 15.635 12.3563 14.6738 11.9213L5.13253 21.4626C4.78841 21.8067 4.32167 22 3.835 22C3.34833 22 2.88159 21.8067 2.53746 21.4626C2.19333 21.1184 2 20.6517 2 20.165C2 19.6783 2.19333 19.2116 2.53746 18.8675L12.0787 9.32625C11.6437 8.36504 11.512 7.2941 11.7011 6.25615C11.8902 5.2182 12.3912 4.26253 13.1372 3.5165C13.8833 2.77047 14.8389 2.26952 15.8769 2.0804C16.9148 1.89129 17.9858 2.02299 18.947 2.45795L15.6945 5.71044L15.6858 5.71909Z" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+);

package/src/assets/icon/Sign/Wrench/WrenchMd.tsx

@@ -0,0 +1,15 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const WrenchMd = ({ 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_224)">
+            <path d="M13.0714 4.76587C12.9393 4.90062 12.8653 5.08178 12.8653 5.27047C12.8653 5.45915 12.9393 5.64032 13.0714 5.77507L14.2247 6.92843C14.3595 7.06051 14.5406 7.13449 14.7293 7.13449C14.918 7.13449 15.0992 7.06051 15.2339 6.92843L17.9515 4.21081C18.314 5.01182 18.4238 5.90427 18.2662 6.76923C18.1086 7.63419 17.6911 8.43058 17.0694 9.05227C16.4477 9.67396 15.6513 10.0914 14.7864 10.249C13.9214 10.4066 13.029 10.2969 12.228 9.93439L4.27695 17.8854C3.99017 18.1722 3.60123 18.3333 3.19567 18.3333C2.79011 18.3333 2.40116 18.1722 2.11439 17.8854C1.82761 17.5986 1.66651 17.2097 1.66651 16.8041C1.66651 16.3986 1.82761 16.0096 2.11439 15.7229L10.0654 7.77183C9.70293 6.97083 9.59318 6.07838 9.75078 5.21342C9.90838 4.34846 10.3258 3.55206 10.9475 2.93038C11.5692 2.30869 12.3656 1.89123 13.2306 1.73363C14.0955 1.57603 14.988 1.68578 15.789 2.04825L13.0786 4.75866L13.0714 4.76587Z" stroke={color} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+        </g>
+        <defs>
+            <clipPath id="clip0_12312_224">
+                <rect width="20" height="20" fill="white" />
+            </clipPath>
+        </defs>
+    </svg>
+);

package/src/assets/icon/Sign/Wrench/WrenchSm.tsx

@@ -0,0 +1,15 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const WrenchSm = ({ 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_222)">
+            <path d="M10.4574 3.81265C10.3517 3.92045 10.2925 4.06538 10.2925 4.21633C10.2925 4.36727 10.3517 4.5122 10.4574 4.62L11.3801 5.5427C11.4879 5.64836 11.6328 5.70755 11.7838 5.70755C11.9347 5.70755 12.0796 5.64836 12.1874 5.5427L14.3615 3.3686C14.6515 4.00941 14.7393 4.72336 14.6132 5.41533C14.4871 6.1073 14.1532 6.74441 13.6558 7.24176C13.1585 7.73912 12.5214 8.07308 11.8294 8.19916C11.1374 8.32524 10.4235 8.23744 9.78266 7.94746L3.42185 14.3083C3.19243 14.5377 2.88127 14.6666 2.55683 14.6666C2.23238 14.6666 1.92122 14.5377 1.6918 14.3083C1.46238 14.0789 1.3335 13.7677 1.3335 13.4433C1.3335 13.1188 1.46238 12.8077 1.6918 12.5782L8.05261 6.21742C7.76264 5.57661 7.67484 4.86265 7.80092 4.17068C7.927 3.47872 8.26096 2.8416 8.75831 2.34425C9.25566 1.8469 9.89278 1.51293 10.5847 1.38686C11.2767 1.26078 11.9907 1.34858 12.6315 1.63855L10.4632 3.80688L10.4574 3.81265Z" stroke={color} strokeLinecap="round" strokeLinejoin="round" />
+        </g>
+        <defs>
+            <clipPath id="clip0_12312_222">
+                <rect width="16" height="16" fill="white" />
+            </clipPath>
+        </defs>
+    </svg>
+);

package/src/assets/icon/SocialMedia/Colored/Behance/BehanceLg.tsx

@@ -0,0 +1,11 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const BehanceLg = ({ 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="M6.94695 4.08439C7.59544 4.07235 8.243 4.13884 8.87551 4.2824C9.40806 4.39867 9.91367 4.61502 10.3655 4.91997C10.7828 5.2232 11.1129 5.63087 11.3228 6.10205C11.5641 6.68145 11.6805 7.30519 11.6644 7.9326C11.6918 8.6215 11.5158 9.30323 11.1585 9.89283C10.7825 10.4497 10.2629 10.8944 9.65465 11.1799C10.4801 11.4024 11.199 11.9121 11.6822 12.6174C12.1461 13.3646 12.3792 14.2321 12.3525 15.1112C12.3677 15.8121 12.2228 16.5073 11.9287 17.1437C11.6569 17.6989 11.2588 18.1827 10.7664 18.5565C10.2595 18.9261 9.68905 19.1996 9.08341 19.3634C8.45535 19.5371 7.80651 19.6244 7.15486 19.6227H0V4.08439H6.94695ZM6.53412 10.369C7.04364 10.39 7.54521 10.2375 7.95677 9.9364C8.15388 9.76092 8.30721 9.54178 8.4045 9.29648C8.5018 9.05117 8.54037 8.78651 8.51712 8.52364C8.53031 8.21662 8.46918 7.91095 8.33892 7.63262C8.22842 7.41102 8.05661 7.2258 7.84391 7.099C7.62848 6.95942 7.38643 6.86604 7.13308 6.82477C6.85818 6.77151 6.57845 6.74729 6.29849 6.75249H3.24132V10.3829H6.53412V10.369ZM6.71232 16.9843C7.02046 16.9885 7.32796 16.9553 7.62809 16.8853C7.90236 16.8248 8.16247 16.7122 8.39436 16.5537C8.62153 16.3953 8.80506 16.1821 8.92798 15.9339C9.0705 15.6175 9.13598 15.2718 9.11905 14.9251C9.14995 14.6092 9.10811 14.2904 8.99674 13.9932C8.88537 13.696 8.70742 13.4282 8.47653 13.2104C7.98717 12.85 7.38745 12.6714 6.78063 12.7055H3.24132V16.9843H6.71232Z" fill="#0057FF" />
+        <path fill-rule="evenodd" clip-rule="evenodd" d="M16.9689 16.9268C17.2233 17.1626 17.523 17.3443 17.8497 17.4607C18.1765 17.5771 18.5235 17.6259 18.8697 17.604C19.4185 17.6179 19.9567 17.4509 20.4013 17.1288C20.7629 16.8936 21.0368 16.5456 21.1804 16.1388H23.7653C23.4899 17.2969 22.8173 18.3219 21.8645 19.0356C20.9504 19.6423 19.8702 19.9495 18.7737 19.9147C17.9911 19.925 17.2144 19.7779 16.4897 19.4821C15.8342 19.2087 15.2463 18.7955 14.7671 18.2713C14.2897 17.722 13.9229 17.0856 13.687 16.3972C13.4221 15.6276 13.2925 14.8181 13.3038 14.0043C13.299 13.2042 13.433 12.4093 13.6998 11.655C14.0583 10.5938 14.7438 9.67346 15.6578 9.02603C16.5719 8.37861 17.6675 8.03738 18.7875 8.05132C19.6144 8.03404 20.4321 8.22756 21.1636 8.61365C21.8247 8.9762 22.3951 9.48393 22.8318 10.0987C23.2784 10.7437 23.5986 11.4677 23.7752 12.2322C23.969 13.0531 24.0381 13.8984 23.9802 14.7399H16.2808C16.2184 15.5305 16.4651 16.3144 16.9689 16.9268ZM20.3468 11.0174C20.1314 10.8019 19.8722 10.6351 19.5868 10.5282C19.3015 10.4213 18.9965 10.3768 18.6925 10.3977C18.2892 10.3823 17.8887 10.4716 17.5302 10.6571C17.246 10.8135 16.9951 11.0241 16.7917 11.2768C16.6114 11.5138 16.4771 11.7824 16.3957 12.0688C16.3223 12.3077 16.2765 12.5541 16.259 12.8034H21.0279C20.9864 12.1536 20.7497 11.5315 20.3488 11.0184L20.3468 11.0174Z" fill="#0057FF" />
+        <path d="M15.6443 5.12188H21.62V6.64948H15.6443V5.12188Z" fill="#0057FF" />
+    </svg>
+
+);

package/src/assets/icon/SocialMedia/Colored/Behance/BehanceMd.tsx

@@ -0,0 +1,11 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const BehanceMd = ({ 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="M5.78913 3.4035C6.32953 3.39346 6.86917 3.44887 7.39626 3.5685C7.84005 3.66539 8.26139 3.84569 8.6379 4.09981C8.98563 4.35251 9.26077 4.69223 9.43569 5.08488C9.63673 5.56771 9.73371 6.0875 9.72032 6.61033C9.74315 7.18442 9.59654 7.75253 9.29874 8.24387C8.98545 8.70792 8.55241 9.07853 8.04554 9.31639C8.7334 9.50183 9.33252 9.9266 9.73517 10.5143C10.1217 11.137 10.316 11.8599 10.2937 12.5925C10.3065 13.1766 10.1857 13.7559 9.9406 14.2863C9.71406 14.7489 9.38235 15.1521 8.97203 15.4636C8.54959 15.7716 8.07421 15.9995 7.56951 16.136C7.04612 16.2808 6.50543 16.3535 5.96238 16.3521H0V3.4035H5.78913ZM5.4451 8.6407C5.8697 8.6582 6.28767 8.53109 6.63064 8.28017C6.7949 8.13394 6.92267 7.95132 7.00375 7.7469C7.08483 7.54248 7.11697 7.32193 7.0976 7.10287C7.10859 6.84702 7.05765 6.5923 6.9491 6.36035C6.85702 6.17568 6.71384 6.02134 6.53659 5.91567C6.35706 5.79936 6.15536 5.72154 5.94423 5.68714C5.71515 5.64277 5.48204 5.62258 5.24874 5.62692H2.7011V8.65225H5.4451V8.6407ZM5.5936 14.1535C5.85038 14.1569 6.10663 14.1292 6.35674 14.071C6.5853 14.0205 6.80206 13.9267 6.9953 13.7946C7.18461 13.6626 7.33755 13.4849 7.43998 13.2781C7.55875 13.0144 7.61332 12.7263 7.59921 12.4374C7.62496 12.1742 7.59009 11.9085 7.49728 11.6608C7.40447 11.4131 7.25618 11.19 7.06378 11.0085C6.65597 10.7081 6.15621 10.5593 5.65053 10.5877H2.7011V14.1535H5.5936Z" fill="#0057FF" />
+        <path fill-rule="evenodd" clip-rule="evenodd" d="M14.1407 14.1055C14.3527 14.302 14.6025 14.4534 14.8748 14.5504C15.1471 14.6474 15.4363 14.688 15.7248 14.6698C16.1821 14.6814 16.6306 14.5423 17.0011 14.2738C17.3025 14.0779 17.5307 13.7878 17.6503 13.4488H19.8045C19.5749 14.414 19.0145 15.2681 18.2204 15.8628C17.4587 16.3684 16.5585 16.6245 15.6447 16.5954C14.9925 16.604 14.3453 16.4814 13.7414 16.2349C13.1952 16.0071 12.7052 15.6627 12.3059 15.2259C11.9081 14.7682 11.6024 14.2379 11.4058 13.6642C11.1851 13.0229 11.0771 12.3482 11.0865 11.6701C11.0825 11.0033 11.1942 10.3409 11.4165 9.71233C11.7153 8.82801 12.2865 8.06105 13.0482 7.52153C13.8099 6.98201 14.7229 6.69765 15.6563 6.70927C16.3454 6.69487 17.0268 6.85613 17.6363 7.17788C18.1873 7.48 18.6626 7.90312 19.0265 8.4154C19.3987 8.95295 19.6655 9.55626 19.8127 10.1933C19.9741 10.8774 20.0317 11.5819 19.9835 12.2831H13.5673C13.5154 12.9419 13.7209 13.5952 14.1407 14.1055ZM16.9557 9.18102C16.7761 9.00143 16.5602 8.86241 16.3224 8.77332C16.0846 8.68423 15.8304 8.64714 15.5771 8.66456C15.241 8.65174 14.9073 8.72621 14.6085 8.88071C14.3717 9.0111 14.1626 9.18655 13.9931 9.39717C13.8428 9.59465 13.7309 9.81851 13.663 10.0572C13.6019 10.2562 13.5637 10.4616 13.5492 10.6693H17.5233C17.4887 10.1278 17.2914 9.60941 16.9573 9.18184L16.9557 9.18102Z" fill="#0057FF" />
+        <path d="M13.0369 4.26807H18.0167V5.54107H13.0369V4.26807Z" fill="#0057FF" />
+    </svg>
+
+);

package/src/assets/icon/SocialMedia/Colored/Behance/BehanceSm.tsx

@@ -0,0 +1,11 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const BehanceSm = ({ 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="M4.6313 2.7226C5.06363 2.71458 5.49533 2.7589 5.91701 2.85461C6.27204 2.93212 6.60912 3.07636 6.91032 3.27965C7.18851 3.48181 7.40862 3.75359 7.54855 4.06771C7.70938 4.45397 7.78697 4.8698 7.77626 5.28807C7.79452 5.74734 7.67723 6.20183 7.43899 6.5949C7.18836 6.96614 6.84193 7.26263 6.43643 7.45291C6.98672 7.60127 7.46602 7.94108 7.78814 8.41125C8.09737 8.90943 8.2528 9.48775 8.23497 10.0738C8.24517 10.5411 8.14855 11.0045 7.95248 11.4288C7.77125 11.799 7.50588 12.1215 7.17763 12.3707C6.83967 12.6171 6.45937 12.7994 6.05561 12.9086C5.6369 13.0244 5.20434 13.0826 4.76991 13.0815H0V2.7226H4.6313ZM4.35608 6.91236C4.69576 6.92636 5.03014 6.82468 5.30451 6.62394C5.43592 6.50696 5.53814 6.36086 5.603 6.19732C5.66787 6.03379 5.69358 5.85735 5.67808 5.6821C5.68687 5.47742 5.64612 5.27364 5.55928 5.08809C5.48561 4.94035 5.37107 4.81688 5.22927 4.73234C5.08565 4.63929 4.92429 4.57704 4.75538 4.54952C4.57212 4.51402 4.38563 4.49787 4.19899 4.50134H2.16088V6.9216H4.35608V6.91236ZM4.47488 11.3226C4.6803 11.3253 4.88531 11.3032 5.08539 11.2566C5.26824 11.2162 5.44165 11.1411 5.59624 11.0355C5.74768 10.9299 5.87004 10.7877 5.95199 10.6223C6.047 10.4113 6.09065 10.1808 6.07937 9.94974C6.09997 9.73914 6.07207 9.52662 5.99783 9.32847C5.92358 9.13032 5.80494 8.9518 5.65102 8.8066C5.32478 8.56631 4.92497 8.44728 4.52042 8.46999H2.16088V11.3226H4.47488Z" fill="#0057FF" />
+        <path fill-rule="evenodd" clip-rule="evenodd" d="M11.3126 11.2842C11.4822 11.4414 11.682 11.5625 11.8998 11.6401C12.1177 11.7177 12.349 11.7502 12.5798 11.7357C12.9457 11.7449 13.3045 11.6336 13.6008 11.4189C13.842 11.2621 14.0246 11.0301 14.1203 10.7589H15.8436C15.66 11.531 15.2116 12.2143 14.5763 12.6901C13.967 13.0945 13.2468 13.2994 12.5158 13.2762C11.994 13.283 11.4762 13.1849 10.9931 12.9877C10.5561 12.8055 10.1642 12.53 9.84472 12.1805C9.52644 11.8143 9.28193 11.3901 9.12464 10.9311C8.94809 10.4181 8.86167 9.87838 8.86922 9.33588C8.866 8.80247 8.95533 8.27255 9.13322 7.76967C9.37222 7.06221 9.82919 6.44865 10.4386 6.01703C11.0479 5.58541 11.7783 5.35793 12.525 5.36722C13.0763 5.3557 13.6214 5.48471 14.1091 5.74211C14.5498 5.98381 14.9301 6.3223 15.2212 6.73213C15.519 7.16216 15.7324 7.64481 15.8502 8.15445C15.9793 8.70171 16.0254 9.2653 15.9868 9.82627H10.8539C10.8123 10.3533 10.9767 10.8759 11.3126 11.2842ZM13.5645 7.34462C13.4209 7.20095 13.2481 7.08973 13.0579 7.01846C12.8677 6.94719 12.6643 6.91752 12.4617 6.93145C12.1928 6.9212 11.9258 6.98077 11.6868 7.10437C11.4973 7.20869 11.3301 7.34904 11.1944 7.51754C11.0743 7.67552 10.9847 7.85461 10.9304 8.04555C10.8815 8.2048 10.851 8.36911 10.8394 8.53528H14.0186C13.9909 8.10208 13.8331 7.68733 13.5659 7.34528L13.5645 7.34462Z" fill="#0057FF" />
+        <path d="M10.4295 3.41426H14.4133V4.43266H10.4295V3.41426Z" fill="#0057FF" />
+    </svg>
+
+);

package/src/assets/icon/SocialMedia/Colored/Bluesky/BlueskyLg.tsx

@@ -0,0 +1,9 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const BlueskyLg = ({ 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.01276 4.06452C8.39959 5.83949 10.9669 9.43841 11.9095 11.3698C12.8521 9.43855 15.4193 5.83946 17.8062 4.06452C19.5284 2.78376 22.3188 1.79279 22.3188 4.94612C22.3188 5.57588 21.9543 10.2365 21.7406 10.9931C20.9974 13.6236 18.2895 14.2946 15.8808 13.8885C20.0912 14.5983 21.1623 16.9496 18.8492 19.3008C14.456 23.7662 12.535 18.1804 12.0425 16.7491C11.9523 16.4867 11.91 16.364 11.9094 16.4683C11.9088 16.364 11.8666 16.4867 11.7763 16.7491C11.2841 18.1804 9.36305 23.7664 4.96969 19.3008C2.65652 16.9496 3.72757 14.5982 7.93805 13.8885C5.52925 14.2946 2.82131 13.6236 2.07829 10.9931C1.8645 10.2364 1.5 5.57581 1.5 4.94612C1.5 1.79279 4.2905 2.78376 6.01264 4.06452H6.01276Z" fill="#1185FE" />
+    </svg>
+
+);

package/src/assets/icon/SocialMedia/Colored/Bluesky/BlueskyMd.tsx

@@ -0,0 +1,9 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const BlueskyMd = ({ 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.01063 3.38718C6.99966 4.86633 9.13908 7.86542 9.92457 9.47491C10.7101 7.86554 12.8494 4.8663 14.8385 3.38718C16.2737 2.31988 18.599 1.49407 18.599 4.12185C18.599 4.64665 18.2953 8.53046 18.1171 9.16098C17.4979 11.3531 15.2413 11.9122 13.234 11.5738C16.7427 12.1654 17.6352 14.1247 15.7076 16.0841C12.0467 19.8053 10.4458 15.1504 10.0354 13.9577C9.96023 13.739 9.92504 13.6367 9.92452 13.7237C9.924 13.6367 9.88881 13.739 9.81361 13.9577C9.4034 15.1504 7.80254 19.8054 4.14141 16.0841C2.21376 14.1247 3.10631 12.1652 6.61504 11.5738C4.60771 11.9122 2.35109 11.3531 1.73191 9.16098C1.55375 8.5304 1.25 4.64659 1.25 4.12185C1.25 1.49407 3.57542 2.31988 5.01053 3.38718H5.01063Z" fill="#1185FE" />
+    </svg>
+
+);

package/src/assets/icon/SocialMedia/Colored/Bluesky/BlueskySm.tsx

@@ -0,0 +1,9 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const BlueskySm = ({ 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.00851 2.70984C5.59973 3.89316 7.31127 6.29244 7.93966 7.58003C8.56809 6.29253 10.2795 3.89314 11.8708 2.70984C13.0189 1.85601 14.8792 1.19536 14.8792 3.29758C14.8792 3.71742 14.6362 6.82447 14.4937 7.32889C13.9983 9.08259 12.193 9.52988 10.5872 9.25916C13.3941 9.73238 14.1082 11.2999 12.5661 12.8674C9.63736 15.8443 8.35665 12.1204 8.02834 11.1662C7.96818 10.9913 7.94003 10.9095 7.93962 10.9791C7.9392 10.9095 7.91105 10.9913 7.85089 11.1662C7.52272 12.1204 6.24204 15.8444 3.31313 12.8674C1.77101 11.2999 2.48505 9.73229 5.29203 9.25916C3.68617 9.52988 1.88087 9.08259 1.38553 7.32889C1.243 6.82442 1 3.71737 1 3.29758C1 1.19536 2.86033 1.85601 4.00843 2.70984H4.00851Z" fill="#1185FE" />
+    </svg>
+
+);

package/src/assets/icon/SocialMedia/Colored/Discord/DiscordLg.tsx

@@ -0,0 +1,9 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const DiscordLg = ({ 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.317 4.15557C18.7873 3.45369 17.147 2.93658 15.4319 2.6404C15.4007 2.63469 15.3695 2.64897 15.3534 2.67754C15.1424 3.05276 14.9087 3.54226 14.7451 3.927C12.9004 3.65083 11.0652 3.65083 9.25832 3.927C9.09465 3.5337 8.85248 3.05276 8.64057 2.67754C8.62448 2.64992 8.59328 2.63564 8.56205 2.6404C6.84791 2.93563 5.20756 3.45275 3.67693 4.15557C3.66368 4.16129 3.65233 4.17082 3.64479 4.18319C0.533392 8.83155 -0.31895 13.3657 0.0991801 17.8436C0.101072 17.8655 0.11337 17.8864 0.130398 17.8997C2.18321 19.4073 4.17171 20.3225 6.12328 20.9291C6.15451 20.9386 6.18761 20.9272 6.20748 20.9015C6.66913 20.2711 7.08064 19.6063 7.43348 18.9073C7.4543 18.8664 7.43442 18.8178 7.39186 18.8016C6.73913 18.554 6.1176 18.2521 5.51973 17.9093C5.47244 17.8816 5.46865 17.814 5.51216 17.7816C5.63797 17.6873 5.76382 17.5893 5.88396 17.4902C5.90569 17.4721 5.93598 17.4683 5.96153 17.4797C9.88928 19.273 14.1415 19.273 18.023 17.4797C18.0485 17.4674 18.0788 17.4712 18.1015 17.4893C18.2216 17.5883 18.3475 17.6873 18.4742 17.7816C18.5177 17.814 18.5149 17.8816 18.4676 17.9093C17.8697 18.2588 17.2482 18.554 16.5945 18.8006C16.552 18.8168 16.533 18.8664 16.5538 18.9073C16.9143 19.6054 17.3258 20.2701 17.7789 20.9005C17.7978 20.9272 17.8319 20.9386 17.8631 20.9291C19.8241 20.3225 21.8126 19.4073 23.8654 17.8997C23.8834 17.8864 23.8948 17.8664 23.8967 17.8445C24.3971 12.6676 23.0585 8.17064 20.3482 4.18414C20.3416 4.17082 20.3303 4.16129 20.317 4.15557ZM8.02002 15.117C6.8375 15.117 5.86313 14.0313 5.86313 12.6981C5.86313 11.3648 6.8186 10.2791 8.02002 10.2791C9.23087 10.2791 10.1958 11.3743 10.1769 12.6981C10.1769 14.0313 9.22141 15.117 8.02002 15.117ZM15.9947 15.117C14.8123 15.117 13.8379 14.0313 13.8379 12.6981C13.8379 11.3648 14.7933 10.2791 15.9947 10.2791C17.2056 10.2791 18.1705 11.3743 18.1516 12.6981C18.1516 14.0313 17.2056 15.117 15.9947 15.117Z" fill="#5865F2" />
+    </svg>
+
+);

package/src/assets/icon/SocialMedia/Colored/Discord/DiscordMd.tsx

@@ -0,0 +1,9 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const DiscordMd = ({ 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.9308 3.4629C15.6561 2.87799 14.2892 2.44707 12.8599 2.20025C12.8339 2.19549 12.8079 2.20739 12.7945 2.2312C12.6187 2.54388 12.4239 2.9518 12.2876 3.27242C10.7503 3.04228 9.22099 3.04228 7.71527 3.27242C7.57887 2.94467 7.37707 2.54388 7.20048 2.2312C7.18707 2.20819 7.16107 2.19629 7.13504 2.20025C5.70659 2.44628 4.33963 2.87721 3.06411 3.4629C3.05307 3.46766 3.04361 3.4756 3.03732 3.48591C0.444493 7.35954 -0.265792 11.138 0.0826501 14.8695C0.0842267 14.8878 0.0944749 14.9053 0.108665 14.9164C1.81934 16.1726 3.47642 16.9353 5.10273 17.4408C5.12876 17.4488 5.15634 17.4393 5.1729 17.4178C5.55761 16.8925 5.90054 16.3385 6.19456 15.756C6.21192 15.7219 6.19535 15.6814 6.15989 15.6679C5.61594 15.4616 5.098 15.21 4.59977 14.9243C4.56037 14.9013 4.55721 14.8449 4.59346 14.8179C4.69831 14.7394 4.80318 14.6576 4.9033 14.5751C4.92141 14.56 4.94665 14.5568 4.96794 14.5664C8.24107 16.0608 11.7846 16.0608 15.0191 14.5664C15.0404 14.5561 15.0657 14.5592 15.0846 14.5743C15.1847 14.6568 15.2895 14.7394 15.3952 14.8179C15.4314 14.8449 15.4291 14.9013 15.3897 14.9243C14.8914 15.2155 14.3735 15.4616 13.8288 15.6671C13.7933 15.6806 13.7775 15.7219 13.7949 15.756C14.0952 16.3377 14.4381 16.8917 14.8157 17.417C14.8315 17.4393 14.8599 17.4488 14.8859 17.4408C16.5201 16.9353 18.1772 16.1726 19.8879 14.9164C19.9028 14.9053 19.9123 14.8886 19.9139 14.8703C20.3309 10.5562 19.2154 6.80878 16.9568 3.4867C16.9513 3.4756 16.9419 3.46766 16.9308 3.4629ZM6.68335 12.5974C5.69792 12.5974 4.88594 11.6927 4.88594 10.5816C4.88594 9.47056 5.68217 8.56585 6.68335 8.56585C7.69239 8.56585 8.49651 9.4785 8.48073 10.5816C8.48073 11.6927 7.68451 12.5974 6.68335 12.5974ZM13.329 12.5974C12.3435 12.5974 11.5316 11.6927 11.5316 10.5816C11.5316 9.47056 12.3278 8.56585 13.329 8.56585C14.338 8.56585 15.1421 9.4785 15.1264 10.5816C15.1264 11.6927 14.338 12.5974 13.329 12.5974Z" fill="#5865F2" />
+    </svg>
+
+);

package/src/assets/icon/SocialMedia/Colored/Discord/DiscordSm.tsx

@@ -0,0 +1,9 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const DiscordSm = ({ 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.5447 2.77022C12.5249 2.3023 11.4313 1.95755 10.2879 1.76011C10.2671 1.75629 10.2463 1.76582 10.2356 1.78486C10.0949 2.03501 9.93915 2.36134 9.83006 2.61784C8.60027 2.43372 7.37679 2.43372 6.17221 2.61784C6.0631 2.35564 5.90166 2.03501 5.76038 1.78486C5.74966 1.76645 5.72886 1.75693 5.70803 1.76011C4.56527 1.95692 3.47171 2.30167 2.45129 2.77022C2.44246 2.77403 2.43488 2.78038 2.42986 2.78863C0.355594 5.88754 -0.212634 8.91028 0.0661201 11.8955C0.0673814 11.9101 0.0755799 11.9241 0.086932 11.933C1.45547 12.938 2.78114 13.5482 4.08219 13.9526C4.10301 13.9589 4.12507 13.9513 4.13832 13.9342C4.44608 13.5139 4.72043 13.0707 4.95565 12.6047C4.96953 12.5774 4.95628 12.545 4.92791 12.5342C4.49275 12.3692 4.0784 12.1679 3.67982 11.9393C3.64829 11.9209 3.64577 11.8758 3.67477 11.8543C3.75865 11.7914 3.84255 11.726 3.92264 11.66C3.93713 11.6479 3.95732 11.6454 3.97435 11.653C6.59286 12.8485 9.4277 12.8485 12.0153 11.653C12.0323 11.6447 12.0525 11.6473 12.0677 11.6593C12.1478 11.7254 12.2316 11.7914 12.3161 11.8543C12.3451 11.8758 12.3433 11.9209 12.3117 11.9393C11.9131 12.1723 11.4988 12.3692 11.063 12.5336C11.0346 12.5444 11.022 12.5774 11.0359 12.6047C11.2762 13.0701 11.5505 13.5132 11.8526 13.9335C11.8652 13.9513 11.8879 13.9589 11.9087 13.9526C13.2161 13.5482 14.5417 12.938 15.9103 11.933C15.9223 11.9241 15.9298 11.9108 15.9311 11.8962C16.2647 8.44488 15.3723 5.44693 13.5655 2.78926C13.5611 2.78038 13.5535 2.77403 13.5447 2.77022ZM5.34668 10.0778C4.55833 10.0778 3.90876 9.35406 3.90876 8.46521C3.90876 7.57635 4.54574 6.85259 5.34668 6.85259C6.15392 6.85259 6.79721 7.5827 6.78459 8.46521C6.78459 9.35406 6.14761 10.0778 5.34668 10.0778ZM10.6632 10.0778C9.87484 10.0778 9.22526 9.35406 9.22526 8.46521C9.22526 7.57635 9.86222 6.85259 10.6632 6.85259C11.4704 6.85259 12.1137 7.5827 12.1011 8.46521C12.1011 9.35406 11.4704 10.0778 10.6632 10.0778Z" fill="#5865F2" />
+    </svg>
+
+);

package/src/assets/icon/SocialMedia/Colored/Dribbble/DribbbleLg.tsx

@@ -0,0 +1,10 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const DribbbleLg = ({ 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}>
+        <circle cx="12.001" cy="12" r="12" fill="#FFABE7" />
+        <path fill-rule="evenodd" clip-rule="evenodd" d="M12.001 22C17.5238 22 22.001 17.5228 22.001 12C22.001 6.47715 17.5238 2 12.001 2C6.47813 2 2.00098 6.47715 2.00098 12C2.00098 17.5228 6.47813 22 12.001 22ZM14.1698 20.1561C13.4778 20.3397 12.7508 20.4375 12.001 20.4375C10.8662 20.4375 9.78381 20.2135 8.79552 19.8073C9.73334 16.3457 12.3267 13.8664 15.2976 12.7622C15.8128 15.2593 15.429 17.9372 14.1698 20.1561ZM16.3906 19.2072C17.1964 17.0126 17.3551 14.5951 16.8612 12.3157C18.0535 12.075 19.2696 12.0529 20.4342 12.2726C20.3409 15.2107 18.7455 17.7698 16.3906 19.2072ZM20.3245 10.61C19.0353 10.4208 17.7077 10.4761 16.4114 10.753C16.1602 10.0484 15.8432 9.36952 15.4654 8.72492C16.5309 8.10953 17.5024 7.3323 18.3343 6.42483C19.3538 7.58211 20.0611 9.02106 20.3245 10.61ZM17.1505 5.3156C16.4002 6.137 15.5176 6.83552 14.5494 7.37997C13.896 6.5494 13.14 5.80161 12.2971 5.15953L12.2767 5.14403L12.2556 5.12994C12.2555 5.12988 12.2537 5.12866 12.2498 5.12594C12.2453 5.12276 12.2393 5.11847 12.2316 5.11288C12.2161 5.10158 12.1968 5.0873 12.1737 5.06999C12.1474 5.05034 12.1211 5.03046 12.0928 5.00911L12.087 5.00477C12.0641 4.98746 12.0399 4.96916 12.0133 4.9492C11.9559 4.90601 11.8929 4.85904 11.835 4.81757C11.7945 4.78858 11.7364 4.74759 11.677 4.71144L11.6394 4.68539C11.5622 4.63191 11.4461 4.5515 11.3407 4.48679C11.2422 4.41776 11.1092 4.33913 11.022 4.28807C10.9376 4.23868 10.8468 4.18684 10.7904 4.15463L10.747 4.12986C10.7367 4.1238 10.7276 4.11877 10.7239 4.11668L10.7232 4.11628C10.7166 4.1126 10.7093 4.10858 10.7027 4.10496L10.6939 4.10008C10.6813 4.09315 10.6687 4.08621 10.6556 4.07892C10.6406 4.07058 10.6284 4.0637 10.6196 4.05855L10.6135 4.05428L10.592 4.04113C10.5141 3.99352 10.4329 3.95004 10.3888 3.92644L10.3725 3.91772L10.3537 3.90758L10.3344 3.89844C10.2925 3.8787 10.2291 3.84849 10.1577 3.81443L10.156 3.81363C10.1336 3.80294 10.1103 3.79182 10.0867 3.78059C10.7017 3.63792 11.3425 3.5625 12.001 3.5625C13.9397 3.5625 15.7257 4.21637 17.1505 5.3156ZM7.86451 4.6443C6.61304 5.34958 5.55963 6.365 4.80858 7.58628C5.70199 8.03939 6.66159 8.35954 7.65013 8.53553L7.65226 8.53591L7.65439 8.53631C8.87598 8.7605 10.1353 8.7545 11.3683 8.53222C11.9338 8.4301 12.4894 8.27828 13.0283 8.08108C12.5217 7.4819 11.9527 6.93829 11.3303 6.46222C11.2876 6.43266 11.2404 6.39756 11.2017 6.36866C11.1725 6.34678 11.1381 6.32084 11.1042 6.29525L11.1033 6.29457C11.0808 6.27762 11.0586 6.26086 11.0383 6.24556C10.9826 6.20369 10.932 6.16603 10.8901 6.13603C10.8628 6.11653 10.8472 6.106 10.8408 6.10166C10.8384 6.10005 10.8373 6.09929 10.8373 6.09925L10.8134 6.08575L10.7852 6.06666C10.7438 6.03853 10.7069 6.013 10.673 5.98959L10.6727 5.98937C10.5986 5.93811 10.5392 5.89701 10.479 5.86125L10.4395 5.83778L10.4039 5.81083C10.405 5.81163 10.4043 5.81123 10.4018 5.8095L10.4014 5.80927C10.3951 5.80508 10.3785 5.79405 10.3478 5.775C10.3066 5.74947 10.2561 5.71931 10.2021 5.68769C10.1256 5.64288 10.0559 5.60309 10.0007 5.57163L9.99417 5.5679C9.97115 5.55475 9.95083 5.54315 9.93382 5.53334L9.93214 5.53238L9.91879 5.525L9.91248 5.52153C9.89995 5.51466 9.88323 5.50544 9.8662 5.49597C9.84626 5.48488 9.82207 5.47125 9.79854 5.45747C9.78567 5.44994 9.76167 5.43581 9.73479 5.41838C9.70176 5.39869 9.66632 5.37966 9.62414 5.357L9.62226 5.35597C9.57179 5.33209 9.50898 5.30216 9.44232 5.27034C9.31689 5.21053 9.1777 5.14419 9.08111 5.09926L9.0707 5.09443L9.02704 5.0726C8.87406 5.00168 8.69093 4.93224 8.48584 4.85448L8.48514 4.85422C8.44048 4.83729 8.39479 4.81997 8.34814 4.80215C8.22164 4.75675 8.09028 4.71541 7.95268 4.6721L7.95235 4.672C7.92335 4.66287 7.89408 4.65366 7.86451 4.6443ZM4.09595 9.04357C5.12552 9.56312 6.22858 9.92974 7.36351 10.132C8.7842 10.3925 10.2398 10.3838 11.6564 10.1284C12.4627 9.98286 13.2498 9.751 14.0046 9.44203C14.3406 10.0005 14.6231 10.589 14.8479 11.2C11.4587 12.4207 8.50106 15.1789 7.33133 19.0286C5.06009 17.5166 3.56348 14.9331 3.56348 12C3.56348 10.9598 3.7517 9.96361 4.09595 9.04357Z" fill="#B8509A" />
+    </svg>
+
+);

package/src/assets/icon/SocialMedia/Colored/Dribbble/DribbbleMd.tsx

@@ -0,0 +1,10 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const DribbbleMd = ({ 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}>
+        <circle cx="10.001" cy="10" r="10" fill="#FFABE7" />
+        <path fill-rule="evenodd" clip-rule="evenodd" d="M10.0008 18.3332C14.6032 18.3332 18.3341 14.6022 18.3341 9.99984C18.3341 5.39746 14.6032 1.6665 10.0008 1.6665C5.39844 1.6665 1.66748 5.39746 1.66748 9.99984C1.66748 14.6022 5.39844 18.3332 10.0008 18.3332ZM11.8082 16.7966C11.2315 16.9496 10.6257 17.0311 10.0008 17.0311C9.0552 17.0311 8.15318 16.8444 7.3296 16.5059C8.11111 13.6212 10.2722 11.5551 12.748 10.635C13.1774 12.7159 12.8575 14.9475 11.8082 16.7966ZM13.6588 16.0058C14.3303 14.177 14.4626 12.1624 14.051 10.2629C15.0446 10.0624 16.058 10.0439 17.0285 10.227C16.9508 12.6755 15.6212 14.808 13.6588 16.0058ZM16.9371 8.84146C15.8627 8.68385 14.7564 8.72995 13.6762 8.9607C13.4668 8.37347 13.2026 7.80777 12.8878 7.27061C13.7758 6.75778 14.5854 6.11009 15.2786 5.35386C16.1282 6.31826 16.7176 7.51739 16.9371 8.84146ZM14.2921 4.42951C13.6668 5.114 12.9313 5.69611 12.1245 6.14981C11.58 5.45767 10.95 4.83451 10.2476 4.29945L10.2306 4.28653L10.213 4.27479C10.2129 4.27473 10.2114 4.27372 10.2082 4.27145C10.2044 4.2688 10.1994 4.26523 10.193 4.26057C10.1801 4.25115 10.164 4.23926 10.1447 4.22483C10.1228 4.20845 10.1009 4.19189 10.0773 4.1741L10.0725 4.17048C10.0534 4.15606 10.0332 4.1408 10.0111 4.12417C9.96321 4.08818 9.91071 4.04903 9.86248 4.01448C9.82878 3.99032 9.78035 3.95616 9.73087 3.92604L9.69949 3.90433C9.63514 3.85976 9.5384 3.79276 9.45058 3.73883C9.36853 3.68131 9.25764 3.61578 9.18498 3.57323C9.1147 3.53207 9.03901 3.48887 8.99197 3.46203L8.95587 3.44139C8.94722 3.43634 8.9397 3.43214 8.93658 3.43041L8.93597 3.43007C8.93049 3.427 8.92441 3.42365 8.91893 3.42064L8.91155 3.41657C8.90105 3.41079 8.89056 3.40502 8.87964 3.39894C8.86714 3.39199 8.85704 3.38625 8.84967 3.38196L8.84459 3.37841L8.82665 3.36744C8.76172 3.32777 8.69407 3.29154 8.65735 3.27187L8.64378 3.26461L8.62808 3.25615L8.61196 3.24854C8.57712 3.23209 8.52428 3.20691 8.46475 3.17853L8.46335 3.17786C8.44466 3.16895 8.42521 3.15969 8.40557 3.15033C8.9181 3.03144 9.45212 2.96859 10.0008 2.96859C11.6164 2.96859 13.1047 3.51348 14.2921 4.42951ZM6.55376 3.87009C5.51086 4.45782 4.63303 5.304 4.00715 6.32174C4.75166 6.69933 5.55133 6.96612 6.37511 7.11278L6.37688 7.11309L6.37865 7.11343C7.39665 7.30025 8.4461 7.29525 9.47355 7.11002C9.94487 7.02492 10.4078 6.8984 10.8569 6.73407C10.4348 6.23475 9.96062 5.78175 9.44188 5.38502C9.40634 5.36039 9.36696 5.33114 9.33477 5.30705C9.3104 5.28882 9.28175 5.26721 9.2535 5.24588L9.25275 5.24532C9.23402 5.23119 9.21551 5.21722 9.19855 5.20447C9.15214 5.16958 9.10998 5.1382 9.07506 5.1132C9.05237 5.09694 9.03935 5.08817 9.03398 5.08455C9.03199 5.08321 9.03106 5.08258 9.03108 5.08255L9.01113 5.0713L8.98767 5.05538C8.95313 5.03195 8.92238 5.01067 8.8942 4.99117L8.89394 4.99098C8.83219 4.94826 8.78269 4.91401 8.73248 4.88421L8.69957 4.86466L8.66993 4.8422C8.6708 4.84287 8.67029 4.84253 8.66813 4.84109L8.66784 4.8409C8.66259 4.83741 8.64872 4.82821 8.62316 4.81234C8.58884 4.79106 8.54675 4.76593 8.50178 4.73958C8.43798 4.70223 8.37988 4.66908 8.33392 4.64286L8.32847 4.63975C8.30929 4.6288 8.29236 4.61913 8.27819 4.61096L8.27678 4.61015L8.26566 4.604L8.2604 4.60111C8.24996 4.59538 8.23602 4.5877 8.22183 4.57981C8.20522 4.57057 8.18506 4.55921 8.16545 4.54773C8.15472 4.54145 8.13472 4.52968 8.11233 4.51515C8.0848 4.49874 8.05527 4.48288 8.02011 4.464L8.01855 4.46315C7.97649 4.44325 7.92415 4.4183 7.8686 4.39179C7.76407 4.34195 7.64808 4.28666 7.56759 4.24922L7.55892 4.24519L7.52254 4.22701C7.39505 4.1679 7.24244 4.11004 7.07154 4.04524L7.07095 4.04502C7.03373 4.03091 6.99566 4.01648 6.95678 4.00163C6.85137 3.96379 6.7419 3.92934 6.62723 3.89326L6.62696 3.89317C6.6028 3.88557 6.5784 3.87789 6.55376 3.87009ZM3.41329 7.53614C4.27126 7.96911 5.19048 8.27462 6.13626 8.4432C7.32016 8.66025 8.53316 8.65304 9.71363 8.4402C10.3856 8.31889 11.0415 8.12567 11.6705 7.8682C11.9505 8.33361 12.1859 8.82404 12.3733 9.33319C9.5489 10.3505 7.08422 12.6489 6.10944 15.857C4.21674 14.597 2.96956 12.4441 2.96956 9.99984C2.96956 9.13303 3.12642 8.30285 3.41329 7.53614Z" fill="#B8509A" />
+    </svg>
+
+);

package/src/assets/icon/SocialMedia/Colored/Dribbble/DribbbleSm.tsx

@@ -0,0 +1,10 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const DribbbleSm = ({ 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}>
+        <circle cx="8.00098" cy="8" r="8" fill="#FFABE7" />
+        <path fill-rule="evenodd" clip-rule="evenodd" d="M8.00065 14.6668C11.6825 14.6668 14.6673 11.6821 14.6673 8.00016C14.6673 4.31826 11.6825 1.3335 8.00065 1.3335C4.31875 1.3335 1.33398 4.31826 1.33398 8.00016C1.33398 11.6821 4.31875 14.6668 8.00065 14.6668ZM9.44656 13.4376C8.98518 13.56 8.50053 13.6252 8.00065 13.6252C7.24416 13.6252 6.52254 13.4758 5.86368 13.205C6.48889 10.8973 8.21779 9.24441 10.1984 8.50828C10.5419 10.173 10.286 11.9583 9.44656 13.4376ZM10.927 12.8049C11.4643 11.3419 11.57 9.73025 11.2408 8.21064C12.0357 8.05018 12.8464 8.03545 13.6228 8.18189C13.5606 10.1407 12.497 11.8467 10.927 12.8049ZM13.5497 7.07346C12.6902 6.94737 11.8051 6.98426 10.9409 7.16886C10.7735 6.69907 10.5621 6.24651 10.3103 5.81678C11.0206 5.40652 11.6683 4.88837 12.2228 4.28338C12.9025 5.0549 13.3741 6.0142 13.5497 7.07346ZM11.4336 3.5439C10.9335 4.0915 10.3451 4.55718 9.69963 4.92014C9.26398 4.36643 8.75997 3.8679 8.19805 3.43985L8.18447 3.42952L8.17038 3.42012C8.17032 3.42008 8.16911 3.41927 8.16655 3.41746C8.16355 3.41534 8.15955 3.41248 8.15442 3.40875C8.14405 3.40121 8.1312 3.3917 8.11578 3.38015C8.09827 3.36706 8.08071 3.3538 8.06185 3.33957L8.05801 3.33667C8.04274 3.32514 8.02657 3.31293 8.00886 3.29963C7.97057 3.27084 7.92857 3.23952 7.88999 3.21187C7.86303 3.19255 7.82428 3.16522 7.7847 3.14112L7.75959 3.12375C7.70811 3.0881 7.63072 3.0345 7.56047 2.99136C7.49482 2.94534 7.40611 2.89291 7.34799 2.85888C7.29176 2.82595 7.2312 2.79139 7.19357 2.76991L7.16469 2.7534C7.15778 2.74936 7.15176 2.74601 7.14926 2.74462L7.14878 2.74435C7.1444 2.7419 7.13953 2.73922 7.13514 2.7368L7.12924 2.73355C7.12084 2.72893 7.11245 2.72431 7.10372 2.71944C7.09372 2.71388 7.08563 2.70929 7.07974 2.70586L7.07567 2.70302L7.06132 2.69425C7.00938 2.66251 6.95525 2.63352 6.92588 2.61779L6.91503 2.61198L6.90247 2.60522L6.88957 2.59912C6.86169 2.58597 6.81942 2.56582 6.7718 2.54312L6.77068 2.54258C6.75573 2.53546 6.74017 2.52804 6.72446 2.52056C7.13448 2.42544 7.56169 2.37516 8.00065 2.37516C9.29313 2.37516 10.4838 2.81107 11.4336 3.5439ZM5.24301 3.09637C4.40869 3.56655 3.70642 4.2435 3.20572 5.05769C3.80133 5.35976 4.44106 5.57319 5.10009 5.69052L5.10151 5.69077L5.10292 5.69104C5.91732 5.8405 6.75688 5.8365 7.57884 5.68831C7.9559 5.62023 8.32624 5.51902 8.68553 5.38755C8.34783 4.9881 7.96849 4.62569 7.55351 4.30831C7.52507 4.2886 7.49357 4.26521 7.46782 4.24593C7.44832 4.23135 7.4254 4.21406 7.4028 4.197L7.4022 4.19655C7.38722 4.18524 7.37241 4.17407 7.35884 4.16387C7.32172 4.13596 7.28799 4.11085 7.26005 4.09085C7.2419 4.07785 7.23148 4.07083 7.22719 4.06794C7.22559 4.06686 7.22484 4.06636 7.22486 4.06633L7.2089 4.05733L7.19013 4.0446C7.16251 4.02585 7.1379 4.00883 7.11536 3.99323L7.11515 3.99308C7.06575 3.9589 7.02615 3.9315 6.98599 3.90766L6.95965 3.89202L6.93594 3.87405C6.93664 3.87459 6.93623 3.87432 6.93451 3.87316L6.93428 3.87301C6.93007 3.87022 6.91897 3.86286 6.89853 3.85016C6.87107 3.83314 6.8374 3.81304 6.80142 3.79196C6.75038 3.76208 6.7039 3.73556 6.66713 3.71458L6.66278 3.71209C6.64743 3.70333 6.63388 3.69559 6.62255 3.68906L6.62142 3.68841L6.61253 3.6835L6.60832 3.68118C6.59997 3.6766 6.58882 3.67045 6.57747 3.66414C6.56417 3.65675 6.54805 3.64766 6.53236 3.63848C6.52378 3.63346 6.50778 3.62404 6.48986 3.61241C6.46784 3.59929 6.44422 3.5866 6.41609 3.5715L6.41484 3.57081C6.38119 3.55489 6.33932 3.53493 6.29488 3.51373C6.21126 3.47385 6.11847 3.42962 6.05407 3.39967L6.04713 3.39645L6.01803 3.3819C5.91604 3.33462 5.79395 3.28833 5.65723 3.23649L5.65676 3.23631C5.62699 3.22502 5.59653 3.21347 5.56542 3.20159C5.4811 3.17133 5.39352 3.14377 5.30179 3.1149L5.30157 3.11483C5.28224 3.10875 5.26272 3.1026 5.24301 3.09637ZM2.73063 6.02921C3.41701 6.37558 4.15239 6.61999 4.90901 6.75485C5.85613 6.9285 6.82653 6.92273 7.7709 6.75245C8.30844 6.65541 8.83323 6.50083 9.33641 6.29485C9.56038 6.66718 9.74876 7.05952 9.89861 7.46685C7.63912 8.28066 5.66737 10.1194 4.88755 12.6859C3.37339 11.6779 2.37565 9.95555 2.37565 8.00016C2.37565 7.30671 2.50113 6.64257 2.73063 6.02921Z" fill="#B8509A" />
+    </svg>
+
+);

package/src/assets/icon/SocialMedia/Colored/Facebook/FacebookLg.tsx

@@ -0,0 +1,17 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const FacebookLg = ({ 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_10025_4284)">
+            <path d="M24 12C24 5.3726 18.6274 1.52588e-05 12 1.52588e-05C5.37259 1.52588e-05 0 5.3726 0 12C0 17.6278 3.87432 22.3499 9.10108 23.6466V15.667H6.62659V12H9.10108V10.4199C9.10108 6.33548 10.9495 4.44236 14.9594 4.44236C15.7196 4.44236 17.0314 4.5914 17.568 4.74049V8.06468C17.2848 8.03487 16.7929 8.01995 16.1817 8.01995C14.214 8.01995 13.4538 8.76529 13.4538 10.7031V12H17.3734L16.7001 15.667H13.4538V23.9121C19.3955 23.1945 24 18.1353 24 12Z" fill="#0866FF" />
+            <path d="M16.7004 15.667L17.3738 12H13.4542V10.7031C13.4542 8.76524 14.2144 8.01995 16.1821 8.01995C16.7933 8.01995 17.2852 8.03483 17.5684 8.06464V4.7405C17.0318 4.59141 15.72 4.44232 14.9597 4.44232C10.9499 4.44232 9.10145 6.33549 9.10145 10.4199V12H6.62695V15.667H9.10145V23.6466C10.0299 23.8769 11.0007 24 12.0004 24C12.4925 24 12.9775 23.9697 13.4542 23.9121V15.667H16.7004Z" fill="white" />
+        </g>
+        <defs>
+            <clipPath id="clip0_10025_4284">
+                <rect width="24" height="24" fill="white" />
+            </clipPath>
+        </defs>
+    </svg>
+
+);

package/src/assets/icon/SocialMedia/Colored/Facebook/FacebookMd.tsx

@@ -0,0 +1,17 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const FacebookMd = ({ 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_10025_4281)">
+            <path d="M20 10C20 4.47717 15.5228 1.33514e-05 9.99999 1.33514e-05C4.47716 1.33514e-05 0 4.47717 0 10C0 14.6898 3.2286 18.6249 7.58423 19.7055V13.0558H5.52216V10H7.58423V8.68325C7.58423 5.27957 9.12455 3.70197 12.4662 3.70197C13.0997 3.70197 14.1928 3.82617 14.64 3.95041V6.72057C14.404 6.69573 13.9941 6.68329 13.4848 6.68329C11.845 6.68329 11.2115 7.30441 11.2115 8.91929V10H14.4778L13.9167 13.0558H11.2115V19.9268C16.1629 19.3287 20 15.1127 20 10Z" fill="#0866FF" />
+            <path d="M13.917 13.0558L14.4782 10H11.2118V8.91925C11.2118 7.30437 11.8453 6.68329 13.4851 6.68329C13.9944 6.68329 14.4043 6.69569 14.6403 6.72053V3.95041C14.1931 3.82617 13.1 3.70193 12.4665 3.70193C9.1249 3.70193 7.58454 5.27957 7.58454 8.68325V10H5.52246V13.0558H7.58454V19.7055C8.35826 19.8974 9.16726 20 10.0003 20C10.4105 20 10.8146 19.9747 11.2118 19.9268V13.0558H13.917Z" fill="white" />
+        </g>
+        <defs>
+            <clipPath id="clip0_10025_4281">
+                <rect width="20" height="20" fill="white" />
+            </clipPath>
+        </defs>
+    </svg>
+
+);

package/src/assets/icon/SocialMedia/Colored/Facebook/FacebookSm.tsx

@@ -0,0 +1,17 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const FacebookSm = ({ 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_10025_4278)">
+            <path d="M16 8C16 3.58174 12.4183 1.04904e-05 7.99999 1.04904e-05C3.58173 1.04904e-05 0 3.58174 0 8C0 11.7518 2.58288 14.8999 6.06739 15.7644V10.4447H4.41772V8H6.06739V6.9466C6.06739 4.22365 7.29964 2.96158 9.97292 2.96158C10.4797 2.96158 11.3543 3.06094 11.712 3.16033V5.37645C11.5232 5.35658 11.1953 5.34663 10.7878 5.34663C9.47603 5.34663 8.96918 5.84353 8.96918 7.13543V8H11.5823L11.1334 10.4447H8.96918V15.9414C12.9303 15.463 16 12.0902 16 8Z" fill="#0866FF" />
+            <path d="M11.1336 10.4447L11.5825 8.00001H8.96945V7.1354C8.96945 5.8435 9.47627 5.34663 10.788 5.34663C11.1955 5.34663 11.5234 5.35655 11.7123 5.37642V3.16033C11.3545 3.06094 10.48 2.96154 9.97317 2.96154C7.29992 2.96154 6.06763 4.22366 6.06763 6.9466V8.00001H4.41797V10.4447H6.06763V15.7644C6.68661 15.918 7.33381 16 8.00024 16C8.32837 16 8.65169 15.9798 8.96945 15.9414V10.4447H11.1336Z" fill="white" />
+        </g>
+        <defs>
+            <clipPath id="clip0_10025_4278">
+                <rect width="16" height="16" fill="white" />
+            </clipPath>
+        </defs>
+    </svg>
+
+);

package/src/assets/icon/SocialMedia/Colored/GitHub/GithubLg.tsx

@@ -0,0 +1,16 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const GithubLg = ({ 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_10025_4302)">
+            <path fill-rule="evenodd" clip-rule="evenodd" d="M12.009 0C5.36777 0 -0.000976562 5.40833 -0.000976562 12.0992C-0.000976562 17.4475 3.43897 21.9748 8.21108 23.5771C8.80771 23.6976 9.02626 23.3168 9.02626 22.9965C9.02626 22.716 9.00659 21.7545 9.00659 20.7527C5.66572 21.474 4.97001 19.3104 4.97001 19.3104C4.43312 17.9082 3.6376 17.5478 3.6376 17.5478C2.54413 16.8066 3.71725 16.8066 3.71725 16.8066C4.93019 16.8868 5.56665 18.0486 5.56665 18.0486C6.6402 19.8913 8.37013 19.3707 9.06608 19.0501C9.1654 18.2688 9.48376 17.728 9.82178 17.4276C7.15719 17.1471 4.35371 16.1055 4.35371 11.458C4.35371 10.1359 4.83063 9.05428 5.58632 8.21304C5.46709 7.91263 5.04942 6.67043 5.70579 5.00787C5.70579 5.00787 6.71985 4.6873 9.00635 6.24981C9.98528 5.98497 10.9948 5.85024 12.009 5.84911C13.023 5.84911 14.0567 5.98948 15.0113 6.24981C17.2981 4.6873 18.3121 5.00787 18.3121 5.00787C18.9685 6.67043 18.5506 7.91263 18.4313 8.21304C19.2069 9.05428 19.6642 10.1359 19.6642 11.458C19.6642 16.1055 16.8607 17.1269 14.1762 17.4276C14.6138 17.8081 14.9914 18.5292 14.9914 19.6711C14.9914 21.2936 14.9717 22.5957 14.9717 22.9962C14.9717 23.3168 15.1905 23.6976 15.7869 23.5774C20.559 21.9745 23.999 17.4475 23.999 12.0992C24.0186 5.40833 18.6302 0 12.009 0Z" fill="#24292F" />
+        </g>
+        <defs>
+            <clipPath id="clip0_10025_4302">
+                <rect width="24" height="24" fill="white" transform="translate(-0.000976562)" />
+            </clipPath>
+        </defs>
+    </svg>
+
+);

package/src/assets/icon/SocialMedia/Colored/GitHub/GithubMd.tsx

@@ -0,0 +1,16 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const GithubMd = ({ 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_10025_4300)">
+            <path fill-rule="evenodd" clip-rule="evenodd" d="M10.0073 0C4.47298 0 -0.000976562 4.58331 -0.000976562 10.2535C-0.000976562 14.786 2.86564 18.6226 6.8424 19.9805C7.3396 20.0826 7.52172 19.7599 7.52172 19.4885C7.52172 19.2508 7.50533 18.436 7.50533 17.587C4.72127 18.1983 4.14152 16.3647 4.14152 16.3647C3.6941 15.1764 3.03117 14.871 3.03117 14.871C2.11995 14.2429 3.09754 14.2429 3.09754 14.2429C4.10833 14.3108 4.63871 15.2954 4.63871 15.2954C5.53334 16.857 6.97495 16.4158 7.55491 16.1441C7.63767 15.482 7.90297 15.0237 8.18465 14.7691C5.96416 14.5314 3.62793 13.6487 3.62793 9.71017C3.62793 8.58976 4.02536 7.67309 4.6551 6.96018C4.55574 6.7056 4.20769 5.65289 4.75466 4.24394C4.75466 4.24394 5.59972 3.97228 7.50513 5.29644C8.3209 5.07199 9.1622 4.95782 10.0073 4.95685C10.8523 4.95685 11.7138 5.07581 12.5093 5.29644C14.4149 3.97228 15.2599 4.24394 15.2599 4.24394C15.8069 5.65289 15.4586 6.7056 15.3593 6.96018C16.0056 7.67309 16.3867 8.58976 16.3867 9.71017C16.3867 13.6487 14.0504 14.5143 11.8134 14.7691C12.178 15.0916 12.4927 15.7026 12.4927 16.6703C12.4927 18.0453 12.4763 19.1489 12.4763 19.4883C12.4763 19.7599 12.6586 20.0826 13.1556 19.9808C17.1324 18.6224 19.999 14.786 19.999 10.2535C20.0154 4.58331 15.525 0 10.0073 0Z" fill="#24292F" />
+        </g>
+        <defs>
+            <clipPath id="clip0_10025_4300">
+                <rect width="20" height="20" fill="white" transform="translate(-0.000976562)" />
+            </clipPath>
+        </defs>
+    </svg>
+
+);

package/src/assets/icon/SocialMedia/Colored/GitHub/GithubSm.tsx

@@ -0,0 +1,16 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const GithubSm = ({ 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_10025_4298)">
+            <path fill-rule="evenodd" clip-rule="evenodd" d="M8.00564 0C3.57819 0 -0.000976562 3.66665 -0.000976562 8.2028C-0.000976562 11.8288 2.29232 14.8981 5.47373 15.9844C5.87148 16.0661 6.01718 15.8079 6.01718 15.5908C6.01718 15.4006 6.00407 14.7488 6.00407 14.0696C3.77682 14.5586 3.31302 13.0918 3.31302 13.0918C2.95508 12.1411 2.42474 11.8968 2.42474 11.8968C1.69576 11.3943 2.47784 11.3943 2.47784 11.3943C3.28647 11.4486 3.71078 12.2363 3.71078 12.2363C4.42648 13.4856 5.57976 13.1326 6.04373 12.9153C6.10994 12.3856 6.32218 12.0189 6.54753 11.8153C4.77114 11.6251 2.90215 10.919 2.90215 7.76813C2.90215 6.8718 3.22009 6.13847 3.72389 5.56814C3.6444 5.36448 3.36595 4.52231 3.80354 3.39515C3.80354 3.39515 4.47958 3.17782 6.00391 4.23715C6.65653 4.05759 7.32956 3.96625 8.00564 3.96548C8.68168 3.96548 9.37084 4.06065 10.0072 4.23715C11.5317 3.17782 12.2078 3.39515 12.2078 3.39515C12.6453 4.52231 12.3667 5.36448 12.2872 5.56814C12.8043 6.13847 13.1091 6.8718 13.1091 7.76813C13.1091 10.919 11.2402 11.6115 9.45049 11.8153C9.74221 12.0733 9.99394 12.5621 9.99394 13.3363C9.99394 14.4363 9.98083 15.3191 9.98083 15.5906C9.98083 15.8079 10.1267 16.0661 10.5243 15.9846C13.7057 14.8979 15.999 11.8288 15.999 8.2028C16.0121 3.66665 12.4198 0 8.00564 0Z" fill="#24292F" />
+        </g>
+        <defs>
+            <clipPath id="clip0_10025_4298">
+                <rect width="16" height="16" fill="white" transform="translate(-0.000976562)" />
+            </clipPath>
+        </defs>
+    </svg>
+
+);

package/src/assets/icon/SocialMedia/Colored/Instagram/InstagramLg.tsx

@@ -0,0 +1,52 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const InstagramLg = ({ 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="M5.83784 12C5.83784 8.59671 8.59671 5.83784 12 5.83784C15.4033 5.83784 18.1622 8.59671 18.1622 12C18.1622 15.4033 15.4033 18.1622 12 18.1622C8.59671 18.1622 5.83784 15.4033 5.83784 12ZM12 16C9.79085 16 8 14.2092 8 12C8 9.79085 9.79085 8 12 8C14.2091 8 16 9.79085 16 12C16 14.2092 14.2091 16 12 16Z" fill="url(#paint0_linear_10025_4333)" />
+        <path fill-rule="evenodd" clip-rule="evenodd" d="M5.83784 12C5.83784 8.59671 8.59671 5.83784 12 5.83784C15.4033 5.83784 18.1622 8.59671 18.1622 12C18.1622 15.4033 15.4033 18.1622 12 18.1622C8.59671 18.1622 5.83784 15.4033 5.83784 12ZM12 16C9.79085 16 8 14.2092 8 12C8 9.79085 9.79085 8 12 8C14.2091 8 16 9.79085 16 12C16 14.2092 14.2091 16 12 16Z" fill="url(#paint1_radial_10025_4333)" />
+        <path d="M18.4056 7.03436C19.2009 7.03436 19.8456 6.38968 19.8456 5.59438C19.8456 4.79909 19.2009 4.15436 18.4056 4.15436C17.6104 4.15436 16.9656 4.79909 16.9656 5.59438C16.9656 6.38968 17.6104 7.03436 18.4056 7.03436Z" fill="url(#paint2_linear_10025_4333)" />
+        <path d="M18.4056 7.03436C19.2009 7.03436 19.8456 6.38968 19.8456 5.59438C19.8456 4.79909 19.2009 4.15436 18.4056 4.15436C17.6104 4.15436 16.9656 4.79909 16.9656 5.59438C16.9656 6.38968 17.6104 7.03436 18.4056 7.03436Z" fill="url(#paint3_radial_10025_4333)" />
+        <path fill-rule="evenodd" clip-rule="evenodd" d="M12 0C8.741 0 8.33234 0.0138139 7.05242 0.0722133C5.77516 0.13047 4.90283 0.333343 4.13954 0.630008C3.35044 0.936629 2.68123 1.34695 2.01406 2.01406C1.34695 2.68123 0.936629 3.35044 0.630008 4.13954C0.333343 4.90283 0.13047 5.77516 0.0722133 7.05242C0.0138139 8.33234 0 8.741 0 12C0 15.259 0.0138139 15.6677 0.0722133 16.9476C0.13047 18.2248 0.333343 19.0972 0.630008 19.8605C0.936629 20.6496 1.34695 21.3188 2.01406 21.9859C2.68123 22.6531 3.35044 23.0634 4.13954 23.37C4.90283 23.6667 5.77516 23.8695 7.05242 23.9278C8.33234 23.9862 8.741 24 12 24C15.259 24 15.6677 23.9862 16.9476 23.9278C18.2248 23.8695 19.0972 23.6667 19.8605 23.37C20.6496 23.0634 21.3188 22.6531 21.9859 21.9859C22.6531 21.3188 23.0634 20.6496 23.37 19.8605C23.6667 19.0972 23.8695 18.2248 23.9278 16.9476C23.9862 15.6677 24 15.259 24 12C24 8.741 23.9862 8.33234 23.9278 7.05242C23.8695 5.77516 23.6667 4.90283 23.37 4.13954C23.0634 3.35044 22.6531 2.68123 21.9859 2.01406C21.3188 1.34695 20.6496 0.936629 19.8605 0.630008C19.0972 0.333343 18.2248 0.13047 16.9476 0.0722133C15.6677 0.0138139 15.259 0 12 0ZM12 2.16216C15.2041 2.16216 15.5837 2.1744 16.849 2.23213C18.019 2.28548 18.6544 2.48097 19.0773 2.64531C19.6374 2.863 20.0371 3.12303 20.457 3.54297C20.877 3.96287 21.137 4.36261 21.3547 4.92274C21.519 5.34559 21.7145 5.98098 21.7679 7.15097C21.8256 8.41632 21.8378 8.79587 21.8378 12C21.8378 15.2041 21.8256 15.5837 21.7679 16.849C21.7145 18.019 21.519 18.6544 21.3547 19.0773C21.137 19.6374 20.877 20.0371 20.457 20.457C20.0371 20.877 19.6374 21.137 19.0773 21.3547C18.6544 21.519 18.019 21.7145 16.849 21.7679C15.5839 21.8256 15.2044 21.8378 12 21.8378C8.79564 21.8378 8.41618 21.8256 7.15097 21.7679C5.98098 21.7145 5.34559 21.519 4.92275 21.3547C4.36262 21.137 3.96287 20.877 3.54298 20.457C3.12308 20.0371 2.863 19.6374 2.64531 19.0773C2.48098 18.6544 2.28549 18.019 2.23214 16.849C2.1744 15.5837 2.16216 15.2041 2.16216 12C2.16216 8.79587 2.1744 8.41632 2.23214 7.15097C2.28549 5.98098 2.48098 5.34559 2.64531 4.92274C2.863 4.36261 3.12304 3.96287 3.54298 3.54297C3.96287 3.12303 4.36262 2.863 4.92275 2.64531C5.34559 2.48097 5.98098 2.28548 7.15097 2.23213C8.41632 2.1744 8.79587 2.16216 12 2.16216Z" fill="url(#paint4_linear_10025_4333)" />
+        <path fill-rule="evenodd" clip-rule="evenodd" d="M12 0C8.741 0 8.33234 0.0138139 7.05242 0.0722133C5.77516 0.13047 4.90283 0.333343 4.13954 0.630008C3.35044 0.936629 2.68123 1.34695 2.01406 2.01406C1.34695 2.68123 0.936629 3.35044 0.630008 4.13954C0.333343 4.90283 0.13047 5.77516 0.0722133 7.05242C0.0138139 8.33234 0 8.741 0 12C0 15.259 0.0138139 15.6677 0.0722133 16.9476C0.13047 18.2248 0.333343 19.0972 0.630008 19.8605C0.936629 20.6496 1.34695 21.3188 2.01406 21.9859C2.68123 22.6531 3.35044 23.0634 4.13954 23.37C4.90283 23.6667 5.77516 23.8695 7.05242 23.9278C8.33234 23.9862 8.741 24 12 24C15.259 24 15.6677 23.9862 16.9476 23.9278C18.2248 23.8695 19.0972 23.6667 19.8605 23.37C20.6496 23.0634 21.3188 22.6531 21.9859 21.9859C22.6531 21.3188 23.0634 20.6496 23.37 19.8605C23.6667 19.0972 23.8695 18.2248 23.9278 16.9476C23.9862 15.6677 24 15.259 24 12C24 8.741 23.9862 8.33234 23.9278 7.05242C23.8695 5.77516 23.6667 4.90283 23.37 4.13954C23.0634 3.35044 22.6531 2.68123 21.9859 2.01406C21.3188 1.34695 20.6496 0.936629 19.8605 0.630008C19.0972 0.333343 18.2248 0.13047 16.9476 0.0722133C15.6677 0.0138139 15.259 0 12 0ZM12 2.16216C15.2041 2.16216 15.5837 2.1744 16.849 2.23213C18.019 2.28548 18.6544 2.48097 19.0773 2.64531C19.6374 2.863 20.0371 3.12303 20.457 3.54297C20.877 3.96287 21.137 4.36261 21.3547 4.92274C21.519 5.34559 21.7145 5.98098 21.7679 7.15097C21.8256 8.41632 21.8378 8.79587 21.8378 12C21.8378 15.2041 21.8256 15.5837 21.7679 16.849C21.7145 18.019 21.519 18.6544 21.3547 19.0773C21.137 19.6374 20.877 20.0371 20.457 20.457C20.0371 20.877 19.6374 21.137 19.0773 21.3547C18.6544 21.519 18.019 21.7145 16.849 21.7679C15.5839 21.8256 15.2044 21.8378 12 21.8378C8.79564 21.8378 8.41618 21.8256 7.15097 21.7679C5.98098 21.7145 5.34559 21.519 4.92275 21.3547C4.36262 21.137 3.96287 20.877 3.54298 20.457C3.12308 20.0371 2.863 19.6374 2.64531 19.0773C2.48098 18.6544 2.28549 18.019 2.23214 16.849C2.1744 15.5837 2.16216 15.2041 2.16216 12C2.16216 8.79587 2.1744 8.41632 2.23214 7.15097C2.28549 5.98098 2.48098 5.34559 2.64531 4.92274C2.863 4.36261 3.12304 3.96287 3.54298 3.54297C3.96287 3.12303 4.36262 2.863 4.92275 2.64531C5.34559 2.48097 5.98098 2.28548 7.15097 2.23213C8.41632 2.1744 8.79587 2.16216 12 2.16216Z" fill="url(#paint5_radial_10025_4333)" />
+        <defs>
+            <linearGradient id="paint0_linear_10025_4333" x1="1.40032" y1="1.26175" x2="8.96732" y2="30.5318" gradientUnits="userSpaceOnUse">
+                <stop stop-color="#4E60D3" />
+                <stop offset="0.142763" stop-color="#913BAF" />
+                <stop offset="0.761458" stop-color="#D52D88" />
+                <stop offset="1" stop-color="#F26D4F" />
+            </linearGradient>
+            <radialGradient id="paint1_radial_10025_4333" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(7.26584 24) rotate(32.1601) scale(22.4147 16.1312)">
+                <stop stop-color="#FED276" />
+                <stop offset="0.17024" stop-color="#FDBD61" stop-opacity="0.975006" />
+                <stop offset="0.454081" stop-color="#F6804D" />
+                <stop offset="1" stop-color="#E83D5C" stop-opacity="0.01" />
+            </radialGradient>
+            <linearGradient id="paint2_linear_10025_4333" x1="1.40032" y1="1.26175" x2="8.96732" y2="30.5318" gradientUnits="userSpaceOnUse">
+                <stop stop-color="#4E60D3" />
+                <stop offset="0.142763" stop-color="#913BAF" />
+                <stop offset="0.761458" stop-color="#D52D88" />
+                <stop offset="1" stop-color="#F26D4F" />
+            </linearGradient>
+            <radialGradient id="paint3_radial_10025_4333" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(7.26584 24) rotate(32.1601) scale(22.4147 16.1312)">
+                <stop stop-color="#FED276" />
+                <stop offset="0.17024" stop-color="#FDBD61" stop-opacity="0.975006" />
+                <stop offset="0.454081" stop-color="#F6804D" />
+                <stop offset="1" stop-color="#E83D5C" stop-opacity="0.01" />
+            </radialGradient>
+            <linearGradient id="paint4_linear_10025_4333" x1="1.40032" y1="1.26175" x2="8.96732" y2="30.5318" gradientUnits="userSpaceOnUse">
+                <stop stop-color="#4E60D3" />
+                <stop offset="0.142763" stop-color="#913BAF" />
+                <stop offset="0.761458" stop-color="#D52D88" />
+                <stop offset="1" stop-color="#F26D4F" />
+            </linearGradient>
+            <radialGradient id="paint5_radial_10025_4333" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(7.26584 24) rotate(32.1601) scale(22.4147 16.1312)">
+                <stop stop-color="#FED276" />
+                <stop offset="0.17024" stop-color="#FDBD61" stop-opacity="0.975006" />
+                <stop offset="0.454081" stop-color="#F6804D" />
+                <stop offset="1" stop-color="#E83D5C" stop-opacity="0.01" />
+            </radialGradient>
+        </defs>
+    </svg>
+
+);