droplinked-editor-configs 1.8.0

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

@@ -0,0 +1,52 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const InstagramMd = ({ 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="M4.86487 10C4.86487 7.16393 7.16393 4.86487 10 4.86487C12.8361 4.86487 15.1351 7.16393 15.1351 10C15.1351 12.8361 12.8361 15.1351 10 15.1351C7.16393 15.1351 4.86487 12.8361 4.86487 10ZM10 13.3333C8.15904 13.3333 6.66667 11.841 6.66667 10C6.66667 8.15904 8.15904 6.66667 10 6.66667C11.841 6.66667 13.3333 8.15904 13.3333 10C13.3333 11.841 11.841 13.3333 10 13.3333Z" fill="url(#paint0_linear_10025_4331)" />
+        <path fill-rule="evenodd" clip-rule="evenodd" d="M4.86487 10C4.86487 7.16393 7.16393 4.86487 10 4.86487C12.8361 4.86487 15.1351 7.16393 15.1351 10C15.1351 12.8361 12.8361 15.1351 10 15.1351C7.16393 15.1351 4.86487 12.8361 4.86487 10ZM10 13.3333C8.15904 13.3333 6.66667 11.841 6.66667 10C6.66667 8.15904 8.15904 6.66667 10 6.66667C11.841 6.66667 13.3333 8.15904 13.3333 10C13.3333 11.841 11.841 13.3333 10 13.3333Z" fill="url(#paint1_radial_10025_4331)" />
+        <path d="M15.338 5.86197C16.0008 5.86197 16.538 5.32474 16.538 4.66199C16.538 3.99924 16.0008 3.46197 15.338 3.46197C14.6753 3.46197 14.138 3.99924 14.138 4.66199C14.138 5.32474 14.6753 5.86197 15.338 5.86197Z" fill="url(#paint2_linear_10025_4331)" />
+        <path d="M15.338 5.86197C16.0008 5.86197 16.538 5.32474 16.538 4.66199C16.538 3.99924 16.0008 3.46197 15.338 3.46197C14.6753 3.46197 14.138 3.99924 14.138 4.66199C14.138 5.32474 14.6753 5.86197 15.338 5.86197Z" fill="url(#paint3_radial_10025_4331)" />
+        <path fill-rule="evenodd" clip-rule="evenodd" d="M10 0C7.28416 0 6.94362 0.0115116 5.87701 0.0601777C4.81263 0.108725 4.08569 0.277786 3.44962 0.525007C2.79203 0.780524 2.23436 1.12246 1.67839 1.67839C1.12246 2.23436 0.780524 2.79203 0.525007 3.44962C0.277786 4.08569 0.108725 4.81263 0.0601777 5.87701C0.0115116 6.94362 0 7.28416 0 10C0 12.7158 0.0115116 13.0564 0.0601777 14.123C0.108725 15.1874 0.277786 15.9143 0.525007 16.5504C0.780524 17.208 1.12246 17.7656 1.67839 18.3216C2.23436 18.8775 2.79203 19.2195 3.44962 19.475C4.08569 19.7222 4.81263 19.8913 5.87701 19.9398C6.94362 19.9885 7.28416 20 10 20C12.7158 20 13.0564 19.9885 14.123 19.9398C15.1874 19.8913 15.9143 19.7222 16.5504 19.475C17.208 19.2195 17.7656 18.8775 18.3216 18.3216C18.8775 17.7656 19.2195 17.208 19.475 16.5504C19.7222 15.9143 19.8913 15.1874 19.9398 14.123C19.9885 13.0564 20 12.7158 20 10C20 7.28416 19.9885 6.94362 19.9398 5.87701C19.8913 4.81263 19.7222 4.08569 19.475 3.44962C19.2195 2.79203 18.8775 2.23436 18.3216 1.67839C17.7656 1.12246 17.208 0.780524 16.5504 0.525007C15.9143 0.277786 15.1874 0.108725 14.123 0.0601777C13.0564 0.0115116 12.7158 0 10 0ZM10 1.8018C12.6701 1.8018 12.9864 1.812 14.0409 1.86011C15.0159 1.90457 15.5453 2.06748 15.8977 2.20443C16.3645 2.38583 16.6976 2.60253 17.0475 2.95248C17.3975 3.30239 17.6142 3.63551 17.7956 4.10229C17.9325 4.45466 18.0954 4.98415 18.1399 5.95914C18.188 7.0136 18.1982 7.32989 18.1982 10C18.1982 12.6701 18.188 12.9864 18.1399 14.0409C18.0954 15.0158 17.9325 15.5453 17.7956 15.8977C17.6142 16.3645 17.3975 16.6976 17.0475 17.0475C16.6976 17.3975 16.3645 17.6142 15.8977 17.7956C15.5453 17.9325 15.0159 18.0954 14.0409 18.1399C12.9866 18.188 12.6703 18.1982 10 18.1982C7.3297 18.1982 7.01348 18.188 5.95914 18.1399C4.98415 18.0954 4.45466 17.9325 4.10229 17.7956C3.63551 17.6142 3.30239 17.3975 2.95248 17.0475C2.60257 16.6976 2.38583 16.3645 2.20443 15.8977C2.06748 15.5453 1.90457 15.0158 1.86011 14.0409C1.812 12.9864 1.8018 12.6701 1.8018 10C1.8018 7.32989 1.812 7.0136 1.86011 5.95914C1.90457 4.98415 2.06748 4.45466 2.20443 4.10229C2.38583 3.63551 2.60253 3.30239 2.95248 2.95248C3.30239 2.60253 3.63551 2.38583 4.10229 2.20443C4.45466 2.06748 4.98415 1.90457 5.95914 1.86011C7.0136 1.812 7.32989 1.8018 10 1.8018Z" fill="url(#paint4_linear_10025_4331)" />
+        <path fill-rule="evenodd" clip-rule="evenodd" d="M10 0C7.28416 0 6.94362 0.0115116 5.87701 0.0601777C4.81263 0.108725 4.08569 0.277786 3.44962 0.525007C2.79203 0.780524 2.23436 1.12246 1.67839 1.67839C1.12246 2.23436 0.780524 2.79203 0.525007 3.44962C0.277786 4.08569 0.108725 4.81263 0.0601777 5.87701C0.0115116 6.94362 0 7.28416 0 10C0 12.7158 0.0115116 13.0564 0.0601777 14.123C0.108725 15.1874 0.277786 15.9143 0.525007 16.5504C0.780524 17.208 1.12246 17.7656 1.67839 18.3216C2.23436 18.8775 2.79203 19.2195 3.44962 19.475C4.08569 19.7222 4.81263 19.8913 5.87701 19.9398C6.94362 19.9885 7.28416 20 10 20C12.7158 20 13.0564 19.9885 14.123 19.9398C15.1874 19.8913 15.9143 19.7222 16.5504 19.475C17.208 19.2195 17.7656 18.8775 18.3216 18.3216C18.8775 17.7656 19.2195 17.208 19.475 16.5504C19.7222 15.9143 19.8913 15.1874 19.9398 14.123C19.9885 13.0564 20 12.7158 20 10C20 7.28416 19.9885 6.94362 19.9398 5.87701C19.8913 4.81263 19.7222 4.08569 19.475 3.44962C19.2195 2.79203 18.8775 2.23436 18.3216 1.67839C17.7656 1.12246 17.208 0.780524 16.5504 0.525007C15.9143 0.277786 15.1874 0.108725 14.123 0.0601777C13.0564 0.0115116 12.7158 0 10 0ZM10 1.8018C12.6701 1.8018 12.9864 1.812 14.0409 1.86011C15.0159 1.90457 15.5453 2.06748 15.8977 2.20443C16.3645 2.38583 16.6976 2.60253 17.0475 2.95248C17.3975 3.30239 17.6142 3.63551 17.7956 4.10229C17.9325 4.45466 18.0954 4.98415 18.1399 5.95914C18.188 7.0136 18.1982 7.32989 18.1982 10C18.1982 12.6701 18.188 12.9864 18.1399 14.0409C18.0954 15.0158 17.9325 15.5453 17.7956 15.8977C17.6142 16.3645 17.3975 16.6976 17.0475 17.0475C16.6976 17.3975 16.3645 17.6142 15.8977 17.7956C15.5453 17.9325 15.0159 18.0954 14.0409 18.1399C12.9866 18.188 12.6703 18.1982 10 18.1982C7.3297 18.1982 7.01348 18.188 5.95914 18.1399C4.98415 18.0954 4.45466 17.9325 4.10229 17.7956C3.63551 17.6142 3.30239 17.3975 2.95248 17.0475C2.60257 16.6976 2.38583 16.3645 2.20443 15.8977C2.06748 15.5453 1.90457 15.0158 1.86011 14.0409C1.812 12.9864 1.8018 12.6701 1.8018 10C1.8018 7.32989 1.812 7.0136 1.86011 5.95914C1.90457 4.98415 2.06748 4.45466 2.20443 4.10229C2.38583 3.63551 2.60253 3.30239 2.95248 2.95248C3.30239 2.60253 3.63551 2.38583 4.10229 2.20443C4.45466 2.06748 4.98415 1.90457 5.95914 1.86011C7.0136 1.812 7.32989 1.8018 10 1.8018Z" fill="url(#paint5_radial_10025_4331)" />
+        <defs>
+            <linearGradient id="paint0_linear_10025_4331" x1="1.16694" y1="1.05146" x2="7.47276" y2="25.4432" 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_4331" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(6.05487 20) rotate(32.1601) scale(18.6789 13.4426)">
+                <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_4331" x1="1.16694" y1="1.05146" x2="7.47276" y2="25.4432" 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_4331" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(6.05487 20) rotate(32.1601) scale(18.6789 13.4426)">
+                <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_4331" x1="1.16694" y1="1.05146" x2="7.47276" y2="25.4432" 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_4331" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(6.05487 20) rotate(32.1601) scale(18.6789 13.4426)">
+                <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>
+
+);

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

@@ -0,0 +1,52 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const InstagramSm = ({ 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="M3.8919 8.00002C3.8919 5.73114 5.73114 3.89189 8.00002 3.89189C10.2689 3.89189 12.1081 5.73114 12.1081 8.00002C12.1081 10.2689 10.2689 12.1081 8.00002 12.1081C5.73114 12.1081 3.8919 10.2689 3.8919 8.00002ZM8.00001 10.6667C6.52723 10.6667 5.33333 9.47277 5.33333 8.00002C5.33333 6.52723 6.52723 5.33333 8.00001 5.33333C9.47276 5.33333 10.6667 6.52723 10.6667 8.00002C10.6667 9.47277 9.47276 10.6667 8.00001 10.6667Z" fill="url(#paint0_linear_10025_4329)" />
+        <path fill-rule="evenodd" clip-rule="evenodd" d="M3.8919 8.00002C3.8919 5.73114 5.73114 3.89189 8.00002 3.89189C10.2689 3.89189 12.1081 5.73114 12.1081 8.00002C12.1081 10.2689 10.2689 12.1081 8.00002 12.1081C5.73114 12.1081 3.8919 10.2689 3.8919 8.00002ZM8.00001 10.6667C6.52723 10.6667 5.33333 9.47277 5.33333 8.00002C5.33333 6.52723 6.52723 5.33333 8.00001 5.33333C9.47276 5.33333 10.6667 6.52723 10.6667 8.00002C10.6667 9.47277 9.47276 10.6667 8.00001 10.6667Z" fill="url(#paint1_radial_10025_4329)" />
+        <path d="M12.2704 4.68957C12.8006 4.68957 13.2304 4.25979 13.2304 3.72959C13.2304 3.19939 12.8006 2.76957 12.2704 2.76957C11.7402 2.76957 11.3104 3.19939 11.3104 3.72959C11.3104 4.25979 11.7402 4.68957 12.2704 4.68957Z" fill="url(#paint2_linear_10025_4329)" />
+        <path d="M12.2704 4.68957C12.8006 4.68957 13.2304 4.25979 13.2304 3.72959C13.2304 3.19939 12.8006 2.76957 12.2704 2.76957C11.7402 2.76957 11.3104 3.19939 11.3104 3.72959C11.3104 4.25979 11.7402 4.68957 12.2704 4.68957Z" fill="url(#paint3_radial_10025_4329)" />
+        <path fill-rule="evenodd" clip-rule="evenodd" d="M8.00002 0C5.82733 0 5.5549 0.00920926 4.70161 0.0481422C3.8501 0.0869798 3.26855 0.222229 2.7597 0.420006C2.23363 0.624419 1.78748 0.897966 1.34271 1.34271C0.897966 1.78748 0.624419 2.23363 0.420006 2.7597C0.222229 3.26855 0.0869798 3.8501 0.0481422 4.70161C0.00920926 5.5549 0 5.82733 0 8.00002C0 10.1727 0.00920926 10.4451 0.0481422 11.2984C0.0869798 12.1499 0.222229 12.7314 0.420006 13.2403C0.624419 13.7664 0.897966 14.2125 1.34271 14.6573C1.78748 15.102 2.23363 15.3756 2.7597 15.58C3.26855 15.7778 3.8501 15.913 4.70161 15.9519C5.5549 15.9908 5.82733 16 8.00002 16C10.1727 16 10.4451 15.9908 11.2984 15.9519C12.1499 15.913 12.7314 15.7778 13.2403 15.58C13.7664 15.3756 14.2125 15.102 14.6573 14.6573C15.102 14.2125 15.3756 13.7664 15.58 13.2403C15.7778 12.7314 15.913 12.1499 15.9519 11.2984C15.9908 10.4451 16 10.1727 16 8.00002C16 5.82733 15.9908 5.5549 15.9519 4.70161C15.913 3.8501 15.7778 3.26855 15.58 2.7597C15.3756 2.23363 15.102 1.78748 14.6573 1.34271C14.2125 0.897966 13.7664 0.624419 13.2403 0.420006C12.7314 0.222229 12.1499 0.0869798 11.2984 0.0481422C10.4451 0.00920926 10.1727 0 8.00002 0ZM8.00002 1.44144C10.1361 1.44144 10.3891 1.4496 11.2327 1.48809C12.0127 1.52366 12.4363 1.65398 12.7182 1.76354C13.0916 1.90867 13.3581 2.08202 13.638 2.36198C13.918 2.64191 14.0913 2.90841 14.2365 3.28183C14.346 3.56373 14.4763 3.98732 14.5119 4.76731C14.5504 5.61088 14.5586 5.86391 14.5586 8.00002C14.5586 10.1361 14.5504 10.3891 14.5119 11.2327C14.4763 12.0127 14.346 12.4363 14.2365 12.7182C14.0913 13.0916 13.918 13.3581 13.638 13.638C13.3581 13.918 13.0916 14.0913 12.7182 14.2365C12.4363 14.346 12.0127 14.4763 11.2327 14.5119C10.3892 14.5504 10.1362 14.5586 8.00002 14.5586C5.86376 14.5586 5.61079 14.5504 4.76732 14.5119C3.98732 14.4763 3.56373 14.346 3.28183 14.2365C2.90841 14.0913 2.64191 13.918 2.36198 13.638C2.08206 13.3581 1.90867 13.0916 1.76354 12.7182C1.65398 12.4363 1.52366 12.0127 1.48809 11.2327C1.4496 10.3891 1.44144 10.1361 1.44144 8.00002C1.44144 5.86391 1.4496 5.61088 1.48809 4.76731C1.52366 3.98732 1.65398 3.56373 1.76354 3.28183C1.90867 2.90841 2.08202 2.64191 2.36198 2.36198C2.64191 2.08202 2.90841 1.90867 3.28183 1.76354C3.56373 1.65398 3.98732 1.52366 4.76732 1.48809C5.61088 1.4496 5.86392 1.44144 8.00002 1.44144Z" fill="url(#paint4_linear_10025_4329)" />
+        <path fill-rule="evenodd" clip-rule="evenodd" d="M8.00002 0C5.82733 0 5.5549 0.00920926 4.70161 0.0481422C3.8501 0.0869798 3.26855 0.222229 2.7597 0.420006C2.23363 0.624419 1.78748 0.897966 1.34271 1.34271C0.897966 1.78748 0.624419 2.23363 0.420006 2.7597C0.222229 3.26855 0.0869798 3.8501 0.0481422 4.70161C0.00920926 5.5549 0 5.82733 0 8.00002C0 10.1727 0.00920926 10.4451 0.0481422 11.2984C0.0869798 12.1499 0.222229 12.7314 0.420006 13.2403C0.624419 13.7664 0.897966 14.2125 1.34271 14.6573C1.78748 15.102 2.23363 15.3756 2.7597 15.58C3.26855 15.7778 3.8501 15.913 4.70161 15.9519C5.5549 15.9908 5.82733 16 8.00002 16C10.1727 16 10.4451 15.9908 11.2984 15.9519C12.1499 15.913 12.7314 15.7778 13.2403 15.58C13.7664 15.3756 14.2125 15.102 14.6573 14.6573C15.102 14.2125 15.3756 13.7664 15.58 13.2403C15.7778 12.7314 15.913 12.1499 15.9519 11.2984C15.9908 10.4451 16 10.1727 16 8.00002C16 5.82733 15.9908 5.5549 15.9519 4.70161C15.913 3.8501 15.7778 3.26855 15.58 2.7597C15.3756 2.23363 15.102 1.78748 14.6573 1.34271C14.2125 0.897966 13.7664 0.624419 13.2403 0.420006C12.7314 0.222229 12.1499 0.0869798 11.2984 0.0481422C10.4451 0.00920926 10.1727 0 8.00002 0ZM8.00002 1.44144C10.1361 1.44144 10.3891 1.4496 11.2327 1.48809C12.0127 1.52366 12.4363 1.65398 12.7182 1.76354C13.0916 1.90867 13.3581 2.08202 13.638 2.36198C13.918 2.64191 14.0913 2.90841 14.2365 3.28183C14.346 3.56373 14.4763 3.98732 14.5119 4.76731C14.5504 5.61088 14.5586 5.86391 14.5586 8.00002C14.5586 10.1361 14.5504 10.3891 14.5119 11.2327C14.4763 12.0127 14.346 12.4363 14.2365 12.7182C14.0913 13.0916 13.918 13.3581 13.638 13.638C13.3581 13.918 13.0916 14.0913 12.7182 14.2365C12.4363 14.346 12.0127 14.4763 11.2327 14.5119C10.3892 14.5504 10.1362 14.5586 8.00002 14.5586C5.86376 14.5586 5.61079 14.5504 4.76732 14.5119C3.98732 14.4763 3.56373 14.346 3.28183 14.2365C2.90841 14.0913 2.64191 13.918 2.36198 13.638C2.08206 13.3581 1.90867 13.0916 1.76354 12.7182C1.65398 12.4363 1.52366 12.0127 1.48809 11.2327C1.4496 10.3891 1.44144 10.1361 1.44144 8.00002C1.44144 5.86391 1.4496 5.61088 1.48809 4.76731C1.52366 3.98732 1.65398 3.56373 1.76354 3.28183C1.90867 2.90841 2.08202 2.64191 2.36198 2.36198C2.64191 2.08202 2.90841 1.90867 3.28183 1.76354C3.56373 1.65398 3.98732 1.52366 4.76732 1.48809C5.61088 1.4496 5.86392 1.44144 8.00002 1.44144Z" fill="url(#paint5_radial_10025_4329)" />
+        <defs>
+            <linearGradient id="paint0_linear_10025_4329" x1="0.933549" y1="0.841166" x2="5.97821" y2="20.3545" 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_4329" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(4.84389 16) rotate(32.1601) scale(14.9431 10.7541)">
+                <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_4329" x1="0.933549" y1="0.841166" x2="5.97821" y2="20.3545" 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_4329" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(4.84389 16) rotate(32.1601) scale(14.9431 10.7541)">
+                <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_4329" x1="0.933549" y1="0.841166" x2="5.97821" y2="20.3545" 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_4329" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(4.84389 16) rotate(32.1601) scale(14.9431 10.7541)">
+                <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>
+
+);

package/src/assets/icon/SocialMedia/Colored/LinkedIn/LinkedinLg.tsx

@@ -0,0 +1,16 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const LinkedinLg = ({ 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_4218)">
+            <path d="M22.2283 0H1.77167C1.30179 0 0.851161 0.186657 0.518909 0.518909C0.186657 0.851161 0 1.30179 0 1.77167V22.2283C0 22.6982 0.186657 23.1488 0.518909 23.4811C0.851161 23.8133 1.30179 24 1.77167 24H22.2283C22.6982 24 23.1488 23.8133 23.4811 23.4811C23.8133 23.1488 24 22.6982 24 22.2283V1.77167C24 1.30179 23.8133 0.851161 23.4811 0.518909C23.1488 0.186657 22.6982 0 22.2283 0ZM7.15333 20.445H3.545V8.98333H7.15333V20.445ZM5.34667 7.395C4.93736 7.3927 4.53792 7.2692 4.19873 7.04009C3.85955 6.81098 3.59584 6.48653 3.44088 6.10769C3.28591 5.72885 3.24665 5.31259 3.32803 4.91145C3.40941 4.51032 3.6078 4.14228 3.89816 3.85378C4.18851 3.56529 4.55782 3.36927 4.95947 3.29046C5.36112 3.21165 5.77711 3.25359 6.15495 3.41099C6.53279 3.56838 6.85554 3.83417 7.08247 4.17481C7.30939 4.51546 7.43032 4.91569 7.43 5.325C7.43386 5.59903 7.38251 5.87104 7.27901 6.1248C7.17551 6.37857 7.02198 6.6089 6.82757 6.80207C6.63316 6.99523 6.40185 7.14728 6.14742 7.24915C5.893 7.35102 5.62067 7.40062 5.34667 7.395ZM20.4533 20.455H16.8467V14.1933C16.8467 12.3467 16.0617 11.7767 15.0483 11.7767C13.9783 11.7767 12.9283 12.5833 12.9283 14.24V20.455H9.32V8.99167H12.79V10.58H12.8367C13.185 9.875 14.405 8.67 16.2667 8.67C18.28 8.67 20.455 9.865 20.455 13.365L20.4533 20.455Z" fill="#0A66C2" />
+        </g>
+        <defs>
+            <clipPath id="clip0_10025_4218">
+                <rect width="24" height="24" fill="white" />
+            </clipPath>
+        </defs>
+    </svg>
+
+);

package/src/assets/icon/SocialMedia/Colored/LinkedIn/LinkedinMd.tsx

@@ -0,0 +1,16 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const LinkedinMd = ({ 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_4216)">
+            <path d="M18.5236 0H1.47639C1.08483 0 0.709301 0.155548 0.432425 0.432425C0.155548 0.709301 0 1.08483 0 1.47639V18.5236C0 18.9152 0.155548 19.2907 0.432425 19.5676C0.709301 19.8445 1.08483 20 1.47639 20H18.5236C18.9152 20 19.2907 19.8445 19.5676 19.5676C19.8445 19.2907 20 18.9152 20 18.5236V1.47639C20 1.08483 19.8445 0.709301 19.5676 0.432425C19.2907 0.155548 18.9152 0 18.5236 0ZM5.96111 17.0375H2.95417V7.48611H5.96111V17.0375ZM4.45556 6.1625C4.11447 6.16058 3.7816 6.05766 3.49895 5.86674C3.21629 5.67582 2.99653 5.40544 2.8674 5.08974C2.73826 4.77404 2.70554 4.42716 2.77336 4.09288C2.84118 3.7586 3.0065 3.4519 3.24846 3.21148C3.49042 2.97107 3.79818 2.80772 4.13289 2.74205C4.4676 2.67638 4.81426 2.71133 5.12913 2.84249C5.44399 2.97365 5.71295 3.19514 5.90205 3.47901C6.09116 3.76288 6.19194 4.09641 6.19167 4.4375C6.19488 4.66586 6.15209 4.89253 6.06584 5.104C5.97959 5.31547 5.85165 5.50742 5.68964 5.66839C5.52763 5.82936 5.33487 5.95607 5.12285 6.04096C4.91083 6.12585 4.68389 6.16718 4.45556 6.1625ZM17.0444 17.0458H14.0389V11.8278C14.0389 10.2889 13.3847 9.81389 12.5403 9.81389C11.6486 9.81389 10.7736 10.4861 10.7736 11.8667V17.0458H7.76667V7.49306H10.6583V8.81667H10.6972C10.9875 8.22917 12.0042 7.225 13.5556 7.225C15.2333 7.225 17.0458 8.22083 17.0458 11.1375L17.0444 17.0458Z" fill="#0A66C2" />
+        </g>
+        <defs>
+            <clipPath id="clip0_10025_4216">
+                <rect width="20" height="20" fill="white" />
+            </clipPath>
+        </defs>
+    </svg>
+
+);

package/src/assets/icon/SocialMedia/Colored/LinkedIn/LinkedinSm.tsx

@@ -0,0 +1,16 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const LinkedinSm = ({ 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_4214)">
+            <path d="M14.8189 0H1.18111C0.867861 0 0.567441 0.124438 0.34594 0.34594C0.124438 0.567441 0 0.867861 0 1.18111V14.8189C0 15.1321 0.124438 15.4326 0.34594 15.6541C0.567441 15.8756 0.867861 16 1.18111 16H14.8189C15.1321 16 15.4326 15.8756 15.6541 15.6541C15.8756 15.4326 16 15.1321 16 14.8189V1.18111C16 0.867861 15.8756 0.567441 15.6541 0.34594C15.4326 0.124438 15.1321 0 14.8189 0ZM4.76889 13.63H2.36333V5.98889H4.76889V13.63ZM3.56445 4.93C3.29158 4.92846 3.02528 4.84613 2.79916 4.69339C2.57304 4.54065 2.39723 4.32435 2.29392 4.07179C2.19061 3.81923 2.16443 3.54173 2.21869 3.2743C2.27294 3.00688 2.4052 2.76152 2.59877 2.56919C2.79234 2.37686 3.03854 2.24618 3.30631 2.19364C3.57408 2.1411 3.85141 2.16906 4.1033 2.27399C4.35519 2.37892 4.57036 2.55611 4.72164 2.78321C4.87293 3.01031 4.95355 3.27713 4.95333 3.55C4.95591 3.73269 4.92167 3.91403 4.85267 4.0832C4.78368 4.25238 4.68132 4.40593 4.55171 4.53471C4.42211 4.66349 4.2679 4.76486 4.09828 4.83277C3.92867 4.90068 3.74711 4.93375 3.56445 4.93ZM13.6356 13.6367H11.2311V9.46222C11.2311 8.23111 10.7078 7.85111 10.0322 7.85111C9.31889 7.85111 8.61889 8.38889 8.61889 9.49333V13.6367H6.21333V5.99445H8.52667V7.05333H8.55778C8.79 6.58333 9.60333 5.78 10.8444 5.78C12.1867 5.78 13.6367 6.57667 13.6367 8.91L13.6356 13.6367Z" fill="#0A66C2" />
+        </g>
+        <defs>
+            <clipPath id="clip0_10025_4214">
+                <rect width="16" height="16" fill="white" />
+            </clipPath>
+        </defs>
+    </svg>
+
+);

package/src/assets/icon/SocialMedia/Colored/Messenger/MessengerLg.tsx

@@ -0,0 +1,18 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const MessengerLg = ({ 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="M11.9997 0C5.24085 0 0 4.95286 0 11.6397C0 15.1376 1.43396 18.1615 3.76789 20.2494C3.96289 20.4234 4.08289 20.6694 4.08889 20.9334L4.15488 23.0694C4.15969 23.2265 4.20302 23.3801 4.28108 23.5166C4.35914 23.6531 4.46952 23.7683 4.60254 23.8521C4.73555 23.936 4.88713 23.9859 5.04394 23.9974C5.20074 24.009 5.35799 23.9818 5.50185 23.9183L7.88378 22.8684C8.08477 22.7784 8.31277 22.7634 8.52576 22.8204C9.62073 23.1204 10.7847 23.2824 11.9997 23.2824C18.7585 23.2824 23.9993 18.3295 23.9993 11.6427C23.9993 4.95586 18.7585 0 11.9997 0Z" fill="url(#paint0_radial_10025_4294)" />
+        <path d="M4.79413 15.0444L8.31903 9.45257C8.45163 9.24204 8.62644 9.06129 8.83242 8.92172C9.0384 8.78216 9.27108 8.68682 9.51577 8.64171C9.76046 8.59661 10.0118 8.60273 10.254 8.65967C10.4962 8.71662 10.724 8.82317 10.923 8.97258L13.7279 11.0755C13.8531 11.1693 14.0054 11.2197 14.1619 11.2191C14.3183 11.2186 14.4703 11.1671 14.5949 11.0725L18.3808 8.1986C18.8847 7.81461 19.5447 8.4206 19.2087 8.95758L15.6808 14.5464C15.5482 14.757 15.3734 14.9377 15.1674 15.0773C14.9615 15.2168 14.7288 15.3122 14.4841 15.3573C14.2394 15.4024 13.988 15.3963 13.7458 15.3393C13.5036 15.2824 13.2758 15.1758 13.0769 15.0264L10.272 12.9235C10.1468 12.8297 9.99441 12.7793 9.83799 12.7798C9.68156 12.7804 9.52957 12.8319 9.405 12.9265L5.61911 15.8004C5.11512 16.1844 4.45514 15.5814 4.79413 15.0444Z" fill="white" />
+        <defs>
+            <radialGradient id="paint0_radial_10025_4294" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(4.01989 23.9993) scale(26.3993 26.3993)">
+                <stop stop-color="#0099FF" />
+                <stop offset="0.6" stop-color="#A033FF" />
+                <stop offset="0.9" stop-color="#FF5280" />
+                <stop offset="1" stop-color="#FF7061" />
+            </radialGradient>
+        </defs>
+    </svg>
+
+);

package/src/assets/icon/SocialMedia/Colored/Messenger/MessengerMd.tsx

@@ -0,0 +1,18 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const MessengerMd = ({ color = "black", ...props }: SVGProps<SVGSVGElement>) => (
+    <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+        <path d="M9.99972 0C4.36738 0 0 4.12739 0 9.69973C0 12.6147 1.19497 15.1346 3.13991 16.8745C3.30241 17.0195 3.40241 17.2245 3.4074 17.4445L3.4624 19.2245C3.46641 19.3554 3.50252 19.4834 3.56757 19.5972C3.63261 19.7109 3.7246 19.8069 3.83545 19.8768C3.9463 19.9467 4.07261 19.9882 4.20328 19.9978C4.33395 20.0075 4.46499 19.9848 4.58487 19.932L6.56982 19.057C6.73731 18.982 6.92731 18.9695 7.1048 19.017C8.01728 19.267 8.98725 19.402 9.99972 19.402C15.6321 19.402 19.9994 15.2746 19.9994 9.70223C19.9994 4.12989 15.6321 0 9.99972 0Z" fill="url(#paint0_radial_10025_4291)" />
+        <path d="M3.99446 12.5371L6.93188 7.87722C7.04238 7.70178 7.18805 7.55115 7.3597 7.43485C7.53135 7.31855 7.72525 7.2391 7.92916 7.20151C8.13306 7.16392 8.34254 7.16902 8.54438 7.21648C8.74622 7.26393 8.93602 7.35272 9.10182 7.47723L11.4392 9.22968C11.5436 9.30781 11.6706 9.34982 11.8009 9.34937C11.9313 9.34892 12.0579 9.30603 12.1617 9.22718L15.3166 6.83225C15.7366 6.51226 16.2866 7.01724 16.0066 7.46473L13.0667 12.1221C12.9562 12.2975 12.8105 12.4482 12.6389 12.5645C12.4672 12.6808 12.2733 12.7602 12.0694 12.7978C11.8655 12.8354 11.656 12.8303 11.4542 12.7828C11.2524 12.7354 11.0626 12.6466 10.8968 12.5221L8.55933 10.7696C8.45498 10.6915 8.32803 10.6495 8.19767 10.65C8.06732 10.6504 7.94066 10.6933 7.83685 10.7721L4.68194 13.1671C4.26195 13.4871 3.71197 12.9846 3.99446 12.5371Z" fill="white" />
+        <defs>
+            <radialGradient id="paint0_radial_10025_4291" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(3.34991 19.9995) scale(21.9994 21.9994)">
+                <stop stop-color="#0099FF" />
+                <stop offset="0.6" stop-color="#A033FF" />
+                <stop offset="0.9" stop-color="#FF5280" />
+                <stop offset="1" stop-color="#FF7061" />
+            </radialGradient>
+        </defs>
+    </svg>
+
+);

package/src/assets/icon/SocialMedia/Colored/Messenger/MessengerSm.tsx

@@ -0,0 +1,18 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const MessengerSm = ({ color = "black", ...props }: SVGProps<SVGSVGElement>) => (
+    <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+        <path d="M7.99978 0C3.4939 0 0 3.30191 0 7.75979C0 10.0917 0.955973 12.1077 2.51193 13.4996C2.64193 13.6156 2.72192 13.7796 2.72592 13.9556L2.76992 15.3796C2.77313 15.4844 2.80202 15.5867 2.85405 15.6777C2.90609 15.7687 2.97968 15.8455 3.06836 15.9014C3.15704 15.9573 3.25808 15.9906 3.36262 15.9983C3.46716 16.006 3.57199 15.9879 3.6679 15.9456L5.25585 15.2456C5.38985 15.1856 5.54185 15.1756 5.68384 15.2136C6.41382 15.4136 7.1898 15.5216 7.99978 15.5216C12.5057 15.5216 15.9996 12.2197 15.9996 7.76179C15.9996 3.30391 12.5057 0 7.99978 0Z" fill="url(#paint0_radial_10025_4288)" />
+        <path d="M3.19576 10.0298L5.5457 6.30187C5.6341 6.16152 5.75064 6.04102 5.88796 5.94798C6.02528 5.85494 6.1804 5.79137 6.34352 5.76131C6.50664 5.73124 6.67423 5.73531 6.8357 5.77328C6.99717 5.81124 7.14901 5.88227 7.28165 5.98188L9.1516 7.38385C9.23507 7.44634 9.33664 7.47996 9.44092 7.47959C9.5452 7.47923 9.64653 7.44492 9.72958 7.38184L12.2535 5.4659C12.5895 5.2099 13.0295 5.61389 12.8055 5.97188L10.4536 9.69778C10.3652 9.83813 10.2486 9.95864 10.1113 10.0517C9.97398 10.1447 9.81886 10.2083 9.65573 10.2384C9.49261 10.2684 9.32502 10.2643 9.16355 10.2264C9.00209 10.1884 8.85024 10.1174 8.71761 10.0178L6.84766 8.61581C6.76418 8.55331 6.66262 8.5197 6.55833 8.52006C6.45405 8.52042 6.35272 8.55474 6.26968 8.61781L3.74575 10.5338C3.40976 10.7898 2.96977 10.3878 3.19576 10.0298Z" fill="white" />
+        <defs>
+            <radialGradient id="paint0_radial_10025_4288" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(2.67992 15.9996) scale(17.5995 17.5995)">
+                <stop stop-color="#0099FF" />
+                <stop offset="0.6" stop-color="#A033FF" />
+                <stop offset="0.9" stop-color="#FF5280" />
+                <stop offset="1" stop-color="#FF7061" />
+            </radialGradient>
+        </defs>
+    </svg>
+
+);

package/src/assets/icon/SocialMedia/Colored/Reddit/RedditLg.tsx

@@ -0,0 +1,17 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const RedditLg = ({ 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_4352)">
+            <path d="M11.999 0C5.37184 0 -0.000976562 5.37281 -0.000976562 12C-0.000976562 15.3141 1.34246 18.3141 3.51371 20.4853L1.22809 22.7709C0.774336 23.2247 1.0959 24 1.73715 24H11.999C18.6262 24 23.999 18.6272 23.999 12C23.999 5.37281 18.6262 0 11.999 0Z" fill="#FF4500" />
+            <path d="M14.4404 5.65873C14.6486 6.54092 15.4407 7.19811 16.3867 7.19811C17.4911 7.19811 18.3864 6.30279 18.3864 5.19842C18.3864 4.09404 17.4911 3.19873 16.3867 3.19873C15.4211 3.19873 14.6157 3.88311 14.4282 4.79342C12.8111 4.96686 11.5482 6.33842 11.5482 8.00061C11.5482 8.00436 11.5482 8.00717 11.5482 8.01092C9.78949 8.08498 8.18355 8.58561 6.90855 9.37592C6.43512 9.00936 5.84074 8.79092 5.19574 8.79092C3.64793 8.79092 2.39355 10.0453 2.39355 11.5931C2.39355 12.7162 3.05355 13.6837 4.00699 14.1309C4.0998 17.384 7.64449 20.0006 12.0048 20.0006C16.3651 20.0006 19.9145 17.3812 20.0026 14.1253C20.9486 13.6753 21.6029 12.7106 21.6029 11.594C21.6029 10.0462 20.3486 8.79186 18.8007 8.79186C18.1586 8.79186 17.567 9.00842 17.0945 9.37217C15.8082 8.57623 14.1845 8.07561 12.4079 8.00904C12.4079 8.00623 12.4079 8.00436 12.4079 8.00154C12.4079 6.81092 13.2929 5.82279 14.4404 5.66061V5.65873ZM6.79605 13.3715C6.84293 12.3553 7.51793 11.5753 8.30262 11.5753C9.0873 11.5753 9.6873 12.3994 9.64043 13.4156C9.59355 14.4319 9.00762 14.8012 8.22199 14.8012C7.43637 14.8012 6.74918 14.3878 6.79605 13.3715ZM15.7079 11.5753C16.4936 11.5753 17.1686 12.3553 17.2145 13.3715C17.2614 14.3878 16.5732 14.8012 15.7886 14.8012C15.0039 14.8012 14.417 14.4328 14.3701 13.4156C14.3232 12.3994 14.9223 11.5753 15.7079 11.5753ZM14.7742 15.7228C14.9214 15.7378 15.0151 15.8906 14.9579 16.0275C14.4751 17.1815 13.3351 17.9925 12.0048 17.9925C10.6745 17.9925 9.53543 17.1815 9.05168 16.0275C8.99449 15.8906 9.08824 15.7378 9.23543 15.7228C10.0979 15.6356 11.0307 15.5878 12.0048 15.5878C12.9789 15.5878 13.9107 15.6356 14.7742 15.7228Z" fill="white" />
+        </g>
+        <defs>
+            <clipPath id="clip0_10025_4352">
+                <rect width="24" height="24" fill="white" transform="translate(-0.000976562)" />
+            </clipPath>
+        </defs>
+    </svg>
+
+);

package/src/assets/icon/SocialMedia/Colored/Reddit/RedditMd.tsx

@@ -0,0 +1,17 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const RedditMd = ({ 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_4349)">
+            <path d="M9.99902 0C4.47637 0 -0.000976562 4.47734 -0.000976562 10C-0.000976562 12.7617 1.11855 15.2617 2.92793 17.0711L1.02324 18.9758C0.645117 19.3539 0.913086 20 1.44746 20H9.99902C15.5217 20 19.999 15.5227 19.999 10C19.999 4.47734 15.5217 0 9.99902 0Z" fill="#FF4500" />
+            <path d="M12.0332 4.71553C12.2066 5.45068 12.8668 5.99834 13.6551 5.99834C14.5754 5.99834 15.3215 5.25225 15.3215 4.33193C15.3215 3.41162 14.5754 2.66553 13.6551 2.66553C12.8504 2.66553 12.1793 3.23584 12.023 3.99443C10.6754 4.13897 9.62305 5.28193 9.62305 6.66709C9.62305 6.67021 9.62305 6.67256 9.62305 6.67568C8.15742 6.7374 6.81914 7.15459 5.75664 7.81318C5.36211 7.50771 4.8668 7.32568 4.3293 7.32568C3.03945 7.32568 1.99414 8.371 1.99414 9.66084C1.99414 10.5968 2.54414 11.403 3.33867 11.7757C3.41602 14.4866 6.36992 16.6671 10.0035 16.6671C13.6371 16.6671 16.5949 14.4843 16.6684 11.771C17.4566 11.396 18.002 10.5921 18.002 9.66162C18.002 8.37178 16.9566 7.32646 15.6668 7.32646C15.1316 7.32646 14.6387 7.50693 14.2449 7.81006C13.173 7.14678 11.8199 6.72959 10.3395 6.67412C10.3395 6.67178 10.3395 6.67021 10.3395 6.66787C10.3395 5.67568 11.077 4.85225 12.0332 4.71709V4.71553ZM5.66289 11.1429C5.70195 10.296 6.26445 9.646 6.91836 9.646C7.57227 9.646 8.07226 10.3327 8.0332 11.1796C7.99414 12.0265 7.50586 12.3343 6.85117 12.3343C6.19648 12.3343 5.62383 11.9897 5.66289 11.1429ZM13.0895 9.646C13.7441 9.646 14.3066 10.296 14.3449 11.1429C14.384 11.9897 13.8105 12.3343 13.1566 12.3343C12.5027 12.3343 12.0137 12.0272 11.9746 11.1796C11.9355 10.3327 12.4348 9.646 13.0895 9.646ZM12.3113 13.1022C12.434 13.1147 12.5121 13.2421 12.4645 13.3562C12.0621 14.3179 11.1121 14.9937 10.0035 14.9937C8.89492 14.9937 7.9457 14.3179 7.54258 13.3562C7.49492 13.2421 7.57305 13.1147 7.6957 13.1022C8.41445 13.0296 9.1918 12.9897 10.0035 12.9897C10.8152 12.9897 11.5918 13.0296 12.3113 13.1022Z" fill="white" />
+        </g>
+        <defs>
+            <clipPath id="clip0_10025_4349">
+                <rect width="20" height="20" fill="white" transform="translate(-0.000976562)" />
+            </clipPath>
+        </defs>
+    </svg>
+
+);

package/src/assets/icon/SocialMedia/Colored/Reddit/RedditSm.tsx

@@ -0,0 +1,17 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const RedditSm = ({ 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_4346)">
+            <path d="M7.99902 0C3.5809 0 -0.000976562 3.58187 -0.000976562 8C-0.000976562 10.2094 0.894649 12.2094 2.34215 13.6569L0.818398 15.1806C0.515898 15.4831 0.730273 16 1.15777 16H7.99902C12.4171 16 15.999 12.4181 15.999 8C15.999 3.58187 12.4171 0 7.99902 0Z" fill="#FF4500" />
+            <path d="M9.62695 3.77232C9.7657 4.36045 10.2938 4.79857 10.9245 4.79857C11.6607 4.79857 12.2576 4.2017 12.2576 3.46545C12.2576 2.7292 11.6607 2.13232 10.9245 2.13232C10.2807 2.13232 9.74383 2.58857 9.61883 3.19545C8.5407 3.31107 7.69883 4.22545 7.69883 5.33357C7.69883 5.33607 7.69883 5.33795 7.69883 5.34045C6.52633 5.38982 5.4557 5.72357 4.6057 6.25045C4.29008 6.00607 3.89383 5.86045 3.46383 5.86045C2.43195 5.86045 1.5957 6.6967 1.5957 7.72857C1.5957 8.47732 2.0357 9.12232 2.67133 9.42045C2.7332 11.5892 5.09633 13.3336 8.0032 13.3336C10.9101 13.3336 13.2763 11.5873 13.3351 9.4167C13.9657 9.1167 14.402 8.47357 14.402 7.7292C14.402 6.69732 13.5657 5.86107 12.5338 5.86107C12.1057 5.86107 11.7113 6.00545 11.3963 6.24795C10.5388 5.71732 9.45633 5.38357 8.27195 5.3392C8.27195 5.33732 8.27195 5.33607 8.27195 5.3342C8.27195 4.54045 8.86195 3.8817 9.62695 3.77357V3.77232ZM4.5307 8.9142C4.56195 8.2367 5.01195 7.7167 5.53508 7.7167C6.0582 7.7167 6.4582 8.26608 6.42695 8.94357C6.3957 9.62107 6.00508 9.86732 5.48133 9.86732C4.95758 9.86732 4.49945 9.5917 4.5307 8.9142ZM10.472 7.7167C10.9957 7.7167 11.4457 8.2367 11.4763 8.9142C11.5076 9.5917 11.0488 9.86732 10.5257 9.86732C10.0026 9.86732 9.61133 9.6217 9.58008 8.94357C9.54883 8.26608 9.9482 7.7167 10.472 7.7167ZM9.84945 10.4817C9.94758 10.4917 10.0101 10.5936 9.97195 10.6848C9.65008 11.4542 8.89008 11.9948 8.0032 11.9948C7.11633 11.9948 6.35695 11.4542 6.03445 10.6848C5.99633 10.5936 6.05883 10.4917 6.15695 10.4817C6.73195 10.4236 7.35383 10.3917 8.0032 10.3917C8.65258 10.3917 9.27383 10.4236 9.84945 10.4817Z" fill="white" />
+        </g>
+        <defs>
+            <clipPath id="clip0_10025_4346">
+                <rect width="16" height="16" fill="white" transform="translate(-0.000976562)" />
+            </clipPath>
+        </defs>
+    </svg>
+
+);

package/src/assets/icon/SocialMedia/Colored/Skype/SkypeLg.tsx

@@ -0,0 +1,16 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const SkypeLg = ({ 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_4309)">
+            <path d="M11.9287 19.141C7.95884 19.141 6.14507 17.1187 6.14507 15.6354C6.14453 15.2816 6.28975 14.9431 6.54657 14.6997C6.80339 14.4563 7.14913 14.3294 7.50244 14.3489C9.20211 14.3489 8.75752 16.8984 11.9287 16.8984C13.5497 16.8984 14.5018 15.9226 14.5018 15.0059C14.5018 14.4551 14.187 13.8256 13.1169 13.5738L9.57588 12.6807C6.73129 11.9567 6.23556 10.3751 6.23556 8.90756C6.23556 5.86231 9.02113 4.76067 11.6729 4.76067C14.1162 4.76067 17.0198 6.11018 17.0198 7.93575C17.0198 8.72264 16.3628 9.14362 15.5995 9.14362C14.1477 9.14362 14.3916 7.10559 11.4723 7.10559C10.0205 7.10559 9.2572 7.78625 9.2572 8.73838C9.2572 9.69051 10.3864 10.0131 11.3779 10.2295L13.9903 10.8197C16.8546 11.4649 17.6179 13.1449 17.6179 14.7541C17.6179 17.2289 15.7018 19.141 11.9247 19.141M22.89 13.9043C23.0034 13.2547 23.06 12.5965 23.0592 11.9371C23.0731 8.62472 21.6176 5.47669 19.0852 3.34155C16.5529 1.20641 13.2041 0.303934 9.94179 0.877393C8.93906 0.300068 7.80179 -0.00256949 6.64474 1.64338e-05C4.26976 0.0145246 2.0806 1.28739 0.893116 3.34423C-0.294366 5.40108 -0.302048 7.93338 0.872934 9.99739C0.217303 13.5999 1.36577 17.2952 3.94789 19.8915C6.53002 22.4877 10.219 23.6563 13.8251 23.0203C14.8266 23.5972 15.9624 23.8998 17.1182 23.8977C19.4919 23.8824 21.6798 22.6101 22.867 20.5545C24.0542 18.4989 24.063 15.968 22.89 13.9043Z" fill="#0078D7" />
+        </g>
+        <defs>
+            <clipPath id="clip0_10025_4309">
+                <rect width="24" height="24" fill="white" transform="translate(-0.000976562)" />
+            </clipPath>
+        </defs>
+    </svg>
+
+);

package/src/assets/icon/SocialMedia/Colored/Skype/SkypeMd.tsx

@@ -0,0 +1,16 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const SkypeMd = ({ 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_4307)">
+            <path d="M9.94007 15.9508C6.63187 15.9508 5.1204 14.2656 5.1204 13.0295C5.11995 12.7346 5.24097 12.4526 5.45499 12.2498C5.669 12.0469 5.95712 11.9412 6.25155 11.9574C7.66794 11.9574 7.29745 14.082 9.94007 14.082C11.2909 14.082 12.0843 13.2689 12.0843 12.5049C12.0843 12.0459 11.822 11.5213 10.9302 11.3115L7.97941 10.5672C5.60892 9.96395 5.19581 8.64591 5.19581 7.42296C5.19581 4.88526 7.51712 3.96723 9.72696 3.96723C11.763 3.96723 14.1827 5.09182 14.1827 6.61313C14.1827 7.26887 13.6352 7.61969 12.9991 7.61969C11.7893 7.61969 11.9925 5.92132 9.55974 5.92132C8.34991 5.92132 7.71384 6.48854 7.71384 7.28198C7.71384 8.07542 8.65482 8.34428 9.48105 8.5246L11.6581 9.01641C14.045 9.55411 14.6811 10.9541 14.6811 12.2951C14.6811 14.3574 13.0843 15.9508 9.93679 15.9508M19.0745 11.5869C19.169 11.0456 19.2162 10.4971 19.2155 9.94755C19.2271 7.18727 18.0142 4.56391 15.9039 2.78462C13.7936 1.00534 11.003 0.253278 8.28433 0.731161C7.44872 0.250057 6.501 -0.00214124 5.53679 1.36948e-05C3.55764 0.0121039 1.73334 1.07282 0.743775 2.78686C-0.245793 4.5009 -0.252195 6.61115 0.726956 8.33116C0.180597 11.3332 1.13766 14.4127 3.28942 16.5762C5.44119 18.7398 8.51538 19.7136 11.5204 19.1836C12.355 19.6643 13.3015 19.9165 14.2647 19.9148C16.2428 19.902 18.066 18.8418 19.0553 17.1288C20.0447 15.4158 20.052 13.3067 19.0745 11.5869Z" fill="#0078D7" />
+        </g>
+        <defs>
+            <clipPath id="clip0_10025_4307">
+                <rect width="20" height="20" fill="white" transform="translate(-0.000976562)" />
+            </clipPath>
+        </defs>
+    </svg>
+
+);

package/src/assets/icon/SocialMedia/Colored/Skype/SkypeSm.tsx

@@ -0,0 +1,16 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const SkypeSm = ({ 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_4305)">
+            <path d="M7.95147 12.7607C5.30491 12.7607 4.09573 11.4125 4.09573 10.4236C4.09538 10.1877 4.19219 9.96208 4.36341 9.7998C4.53462 9.63753 4.76511 9.55293 5.00065 9.56591C6.13377 9.56591 5.83737 11.2656 7.95147 11.2656C9.03213 11.2656 9.66688 10.6151 9.66688 10.0039C9.66688 9.63673 9.45704 9.21706 8.7436 9.04919L6.38295 8.45378C4.48655 7.97116 4.15606 6.91673 4.15606 5.93837C4.15606 3.90821 6.01311 3.17378 7.78098 3.17378C9.40983 3.17378 11.3456 4.07345 11.3456 5.2905C11.3456 5.81509 10.9075 6.09575 10.3987 6.09575C9.43082 6.09575 9.59344 4.73706 7.64721 4.73706C6.67934 4.73706 6.17049 5.19083 6.17049 5.82558C6.17049 6.46034 6.92327 6.67542 7.58426 6.81968L9.3259 7.21313C11.2354 7.64329 11.7443 8.76329 11.7443 9.83608C11.7443 11.4859 10.4669 12.7607 7.94885 12.7607M15.259 9.26952C15.3346 8.83646 15.3724 8.39765 15.3718 7.95804C15.3811 5.74981 14.4108 3.65112 12.7225 2.2277C11.0343 0.804273 8.80179 0.202623 6.62688 0.584929C5.95839 0.200045 5.20022 -0.001713 4.42885 1.09558e-05C2.84553 0.0096831 1.38609 0.858259 0.594434 2.22949C-0.197221 3.60072 -0.202342 5.28892 0.580979 6.66493C0.143892 9.06659 0.909539 11.5302 2.63095 13.261C4.35237 14.9918 6.81172 15.7709 9.21573 15.3469C9.8834 15.7314 10.6406 15.9332 11.4111 15.9318C12.9937 15.9216 14.4522 15.0734 15.2437 13.703C16.0352 12.3326 16.041 10.6454 15.259 9.26952Z" fill="#0078D7" />
+        </g>
+        <defs>
+            <clipPath id="clip0_10025_4305">
+                <rect width="16" height="16" fill="white" transform="translate(-0.000976562)" />
+            </clipPath>
+        </defs>
+    </svg>
+
+);

package/src/assets/icon/SocialMedia/Colored/Telegram1/Telegram1Lg.tsx

@@ -0,0 +1,15 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const Telegram1Lg = ({ 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="M2.51141 10.8488C8.41698 8.27585 12.3549 6.57959 14.3253 5.76003C19.9511 3.42005 21.1201 3.01357 21.8821 3.00014C22.0496 2.99719 22.4243 3.03872 22.6671 3.23567C22.872 3.40197 22.9284 3.62661 22.9554 3.78428C22.9824 3.94195 23.016 4.30112 22.9892 4.58177C22.6844 7.78504 21.3652 15.5585 20.6941 19.1462C20.4102 20.6643 19.851 21.1733 19.3097 21.2231C18.1333 21.3314 17.24 20.4457 16.1006 19.6988C14.3176 18.53 13.3104 17.8025 11.5797 16.662C9.57961 15.3439 10.8762 14.6195 12.016 13.4356C12.3143 13.1258 17.4976 8.41117 17.5979 7.98348C17.6105 7.92999 17.6221 7.7306 17.5037 7.62532C17.3852 7.52004 17.2104 7.55604 17.0842 7.58467C16.9054 7.62526 14.0571 9.50789 8.53937 13.2326C7.7309 13.7877 6.9986 14.0582 6.34249 14.044C5.61918 14.0284 4.22783 13.6351 3.1935 13.2988C1.92485 12.8865 0.916553 12.6684 1.00435 11.9681C1.05008 11.6033 1.55244 11.2302 2.51141 10.8488Z" fill="url(#paint0_linear_10025_4316)" />
+        <defs>
+            <linearGradient id="paint0_linear_10025_4316" x1="1101" y1="3" x2="1101" y2="1812.7" gradientUnits="userSpaceOnUse">
+                <stop stop-color="#2AABEE" />
+                <stop offset="1" stop-color="#229ED9" />
+            </linearGradient>
+        </defs>
+    </svg>
+
+);

package/src/assets/icon/SocialMedia/Colored/Telegram1/Telegram1Md.tsx

@@ -0,0 +1,20 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const Telegram1Md = ({ 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_4314)">
+            <path fill-rule="evenodd" clip-rule="evenodd" d="M2.09235 9.04069C7.01366 6.89654 10.2953 5.48299 11.9373 4.80003C16.6255 2.85004 17.5996 2.5113 18.2346 2.50012C18.3742 2.49766 18.6865 2.53227 18.8887 2.69639C19.0595 2.83497 19.1065 3.02218 19.129 3.15357C19.1515 3.28496 19.1795 3.58427 19.1572 3.81814C18.9032 6.48753 17.8039 12.9654 17.2446 15.9552C17.008 17.2203 16.542 17.6444 16.0909 17.686C15.1106 17.7762 14.3662 17.0381 13.4166 16.4157C11.9309 15.4417 11.0915 14.8354 9.64925 13.885C7.98252 12.7866 9.06299 12.1829 10.0129 11.1964C10.2614 10.9382 14.5809 7.00931 14.6645 6.6529C14.6749 6.60832 14.6846 6.44217 14.5859 6.35443C14.4872 6.2667 14.3415 6.2967 14.2364 6.32056C14.0874 6.35438 11.7138 7.92324 7.11566 11.0271C6.44193 11.4898 5.83168 11.7152 5.28492 11.7034C4.68216 11.6903 3.5227 11.3626 2.66076 11.0824C1.60355 10.7387 0.763306 10.557 0.836473 9.97338C0.874582 9.66938 1.29321 9.35849 2.09235 9.04069Z" fill="url(#paint0_linear_10025_4314)" />
+        </g>
+        <defs>
+            <linearGradient id="paint0_linear_10025_4314" x1="917.499" y1="2.5" x2="917.499" y2="1510.58" gradientUnits="userSpaceOnUse">
+                <stop stop-color="#2AABEE" />
+                <stop offset="1" stop-color="#229ED9" />
+            </linearGradient>
+            <clipPath id="clip0_10025_4314">
+                <rect width="20" height="20" fill="white" transform="translate(-0.000976562)" />
+            </clipPath>
+        </defs>
+    </svg>
+
+);

package/src/assets/icon/SocialMedia/Colored/Telegram1/Telegram1Sm.tsx

@@ -0,0 +1,20 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const Telegram1Sm = ({ 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_4312)">
+            <path fill-rule="evenodd" clip-rule="evenodd" d="M1.67427 7.23256C5.61132 5.51724 8.23663 4.38639 9.55021 3.84002C13.3008 2.28003 14.0801 2.00904 14.588 2.0001C14.6998 1.99813 14.9496 2.02582 15.1114 2.15711C15.248 2.26798 15.2856 2.41774 15.3036 2.52285C15.3216 2.62797 15.344 2.86742 15.3262 3.05451C15.1229 5.19002 14.2435 10.3723 13.7961 12.7642C13.6068 13.7762 13.234 14.1156 12.8731 14.1488C12.0889 14.2209 11.4933 13.6305 10.7337 13.1325C9.54507 12.3534 8.87357 11.8683 7.71979 11.108C6.38641 10.2293 7.25078 9.74635 8.01068 8.95709C8.20955 8.75054 11.6651 5.60745 11.732 5.32232C11.7403 5.28666 11.7481 5.15373 11.6691 5.08355C11.5901 5.01336 11.4736 5.03736 11.3895 5.05645C11.2703 5.08351 9.37142 6.33859 5.69292 8.8217C5.15393 9.19181 4.66574 9.37214 4.22833 9.36269C3.74612 9.35228 2.81855 9.09005 2.129 8.8659C1.28323 8.59097 0.611035 8.44562 0.669569 7.9787C0.700057 7.73551 1.03496 7.48679 1.67427 7.23256Z" fill="url(#paint0_linear_10025_4312)" />
+        </g>
+        <defs>
+            <linearGradient id="paint0_linear_10025_4312" x1="733.999" y1="2" x2="733.999" y2="1208.46" gradientUnits="userSpaceOnUse">
+                <stop stop-color="#2AABEE" />
+                <stop offset="1" stop-color="#229ED9" />
+            </linearGradient>
+            <clipPath id="clip0_10025_4312">
+                <rect width="16" height="16" fill="white" transform="translate(-0.000976562)" />
+            </clipPath>
+        </defs>
+    </svg>
+
+);

package/src/assets/icon/SocialMedia/Colored/Telegram2/Telegram2Lg.tsx

@@ -0,0 +1,21 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const Telegram2Lg = ({ 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_4325)">
+            <path d="M11.999 24C18.6264 24 23.999 18.6274 23.999 12C23.999 5.37258 18.6264 0 11.999 0C5.37161 0 -0.000976562 5.37258 -0.000976562 12C-0.000976562 18.6274 5.37161 24 11.999 24Z" fill="url(#paint0_linear_10025_4325)" />
+            <path fill-rule="evenodd" clip-rule="evenodd" d="M5.43104 11.8735C8.92928 10.3493 11.262 9.34452 12.4292 8.85905C15.7617 7.47294 16.4542 7.23216 16.9055 7.22421C17.0048 7.22246 17.2267 7.24706 17.3705 7.36372C17.4919 7.46223 17.5253 7.5953 17.5413 7.6887C17.5573 7.78209 17.5772 7.99485 17.5614 8.1611C17.3808 10.0586 16.5994 14.6633 16.2018 16.7885C16.0336 17.6877 15.7024 17.9893 15.3817 18.0188C14.6849 18.0829 14.1557 17.5582 13.4808 17.1158C12.4246 16.4235 11.8279 15.9925 10.8028 15.3169C9.61798 14.5362 10.386 14.1071 11.0612 13.4058C11.2379 13.2222 14.3083 10.4295 14.3677 10.1761C14.3752 10.1444 14.3821 10.0263 14.3119 9.96397C14.2417 9.90161 14.1382 9.92293 14.0635 9.93989C13.9575 9.96394 12.2703 11.0791 9.00179 13.2855C8.52287 13.6143 8.08909 13.7746 7.70043 13.7662C7.27197 13.7569 6.44778 13.5239 5.83508 13.3247C5.08358 13.0805 4.4863 12.9513 4.53831 12.5364C4.5654 12.3203 4.86298 12.0993 5.43104 11.8735Z" fill="white" />
+        </g>
+        <defs>
+            <linearGradient id="paint0_linear_10025_4325" x1="1200" y1="0" x2="1200" y2="2382.2" gradientUnits="userSpaceOnUse">
+                <stop stop-color="#2AABEE" />
+                <stop offset="1" stop-color="#229ED9" />
+            </linearGradient>
+            <clipPath id="clip0_10025_4325">
+                <rect width="24" height="24" fill="white" transform="translate(-0.000976562)" />
+            </clipPath>
+        </defs>
+    </svg>
+
+);

package/src/assets/icon/SocialMedia/Colored/Telegram2/Telegram2Md.tsx

@@ -0,0 +1,21 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const Telegram2Md = ({ 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_4322)">
+            <path d="M9.99902 20C15.5219 20 19.999 15.5228 19.999 10C19.999 4.47715 15.5219 0 9.99902 0C4.47618 0 -0.000976562 4.47715 -0.000976562 10C-0.000976562 15.5228 4.47618 20 9.99902 20Z" fill="url(#paint0_linear_10025_4322)" />
+            <path fill-rule="evenodd" clip-rule="evenodd" d="M4.52587 9.89446C7.44107 8.62435 9.38499 7.78702 10.3576 7.38246C13.1347 6.22737 13.7118 6.02672 14.0879 6.02009C14.1706 6.01863 14.3556 6.03913 14.4754 6.13635C14.5766 6.21844 14.6044 6.32934 14.6177 6.40717C14.6311 6.485 14.6477 6.6623 14.6345 6.80083C14.484 8.38207 13.8328 12.2193 13.5015 13.9903C13.3613 14.7397 13.0853 14.991 12.8181 15.0156C12.2374 15.069 11.7964 14.6318 11.234 14.2631C10.3538 13.6861 9.85662 13.327 9.0023 12.764C8.01499 12.1134 8.65502 11.7558 9.21769 11.1714C9.36494 11.0184 11.9236 8.69115 11.9731 8.48003C11.9793 8.45362 11.9851 8.3552 11.9266 8.30323C11.8681 8.25126 11.7818 8.26903 11.7195 8.28316C11.6313 8.3032 10.2253 9.23253 7.50149 11.0711C7.10239 11.3452 6.74091 11.4787 6.41703 11.4717C6.05998 11.464 5.37315 11.2698 4.86257 11.1039C4.23632 10.9003 3.73859 10.7927 3.78193 10.4469C3.8045 10.2669 4.05248 10.0827 4.52587 9.89446Z" fill="white" />
+        </g>
+        <defs>
+            <linearGradient id="paint0_linear_10025_4322" x1="999.999" y1="0" x2="999.999" y2="1985.17" gradientUnits="userSpaceOnUse">
+                <stop stop-color="#2AABEE" />
+                <stop offset="1" stop-color="#229ED9" />
+            </linearGradient>
+            <clipPath id="clip0_10025_4322">
+                <rect width="20" height="20" fill="white" transform="translate(-0.000976562)" />
+            </clipPath>
+        </defs>
+    </svg>
+
+);

package/src/assets/icon/SocialMedia/Colored/Telegram2/Telegram2Sm.tsx

@@ -0,0 +1,21 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const Telegram2Sm = ({ 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_4319)">
+            <path d="M7.99902 16C12.4173 16 15.999 12.4183 15.999 8C15.999 3.58172 12.4173 0 7.99902 0C3.58075 0 -0.000976562 3.58172 -0.000976562 8C-0.000976562 12.4183 3.58075 16 7.99902 16Z" fill="url(#paint0_linear_10025_4319)" />
+            <path fill-rule="evenodd" clip-rule="evenodd" d="M3.62069 7.91547C5.95285 6.89938 7.508 6.22952 8.28611 5.90587C10.5078 4.9818 10.9694 4.82128 11.2703 4.81597C11.3365 4.81481 11.4845 4.83121 11.5803 4.90899C11.6613 4.97466 11.6835 5.06337 11.6942 5.12564C11.7049 5.1879 11.7181 5.32974 11.7076 5.44057C11.5872 6.70556 11.0662 9.77535 10.8012 11.1922C10.6891 11.7917 10.4683 11.9927 10.2545 12.0123C9.78991 12.0551 9.43714 11.7053 8.98717 11.4104C8.28307 10.9488 7.88529 10.6615 7.20184 10.2111C6.41199 9.69062 6.92402 9.40454 7.37415 8.93701C7.49195 8.81466 9.53888 6.95282 9.5785 6.78392C9.58345 6.7628 9.58805 6.68406 9.54127 6.64248C9.4945 6.60091 9.42546 6.61513 9.37564 6.62643C9.30502 6.64246 8.1802 7.38592 6.00119 8.85682C5.68192 9.07606 5.39273 9.18288 5.13362 9.17728C4.84798 9.17111 4.29852 9.01577 3.89006 8.883C3.38905 8.72014 2.99087 8.63404 3.02554 8.35746C3.0436 8.2134 3.24199 8.06607 3.62069 7.91547Z" fill="white" />
+        </g>
+        <defs>
+            <linearGradient id="paint0_linear_10025_4319" x1="799.999" y1="0" x2="799.999" y2="1588.13" gradientUnits="userSpaceOnUse">
+                <stop stop-color="#2AABEE" />
+                <stop offset="1" stop-color="#229ED9" />
+            </linearGradient>
+            <clipPath id="clip0_10025_4319">
+                <rect width="16" height="16" fill="white" transform="translate(-0.000976562)" />
+            </clipPath>
+        </defs>
+    </svg>
+
+);

package/src/assets/icon/SocialMedia/Colored/TikTokDark/TiktokdarkLg.tsx

@@ -0,0 +1,11 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const TiktokdarkLg = ({ 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.1767 8.66347C18.7201 9.77064 20.6107 10.4221 22.6528 10.4221V6.47861C22.2663 6.47869 21.8808 6.43825 21.5027 6.35786V9.46193C19.4609 9.46193 17.5705 8.81049 16.0267 7.7034V15.7509C16.0267 19.7766 12.7748 23.0399 8.76358 23.0399C7.2669 23.0399 5.8758 22.5858 4.72021 21.807C6.03913 23.1604 7.87845 24 9.91334 24C13.9248 24 17.1769 20.7367 17.1769 16.7108V8.66347H17.1767ZM18.5954 4.68499C17.8066 3.82023 17.2888 2.70267 17.1767 1.46717V0.959961H16.0869C16.3612 2.53028 17.2969 3.87187 18.5954 4.68499ZM7.2573 18.7178C6.81663 18.1379 6.57849 17.4286 6.57955 16.6992C6.57955 14.858 8.06696 13.3651 9.90202 13.3651C10.244 13.365 10.584 13.4176 10.9099 13.5214V9.48977C10.529 9.43739 10.1446 9.41515 9.76035 9.4233V12.5613C9.43419 12.4575 9.09408 12.4048 8.75201 12.4051C6.91695 12.4051 5.42963 13.8979 5.42963 15.7393C5.42963 17.0414 6.17309 18.1687 7.2573 18.7178Z" fill="#FF004F" />
+        <path d="M16.0265 7.70332C17.5702 8.81041 19.4607 9.46185 21.5025 9.46185V6.35778C20.3628 6.11414 19.3538 5.5164 18.5951 4.68499C17.2966 3.87179 16.361 2.5302 16.0867 0.959961H13.2241V16.7106C13.2176 18.5468 11.7327 20.0336 9.90162 20.0336C8.82257 20.0336 7.86394 19.5174 7.25682 18.7178C6.17269 18.1687 5.42923 17.0413 5.42923 15.7394C5.42923 13.8981 6.91655 12.4052 8.75161 12.4052C9.1032 12.4052 9.44208 12.4602 9.75995 12.5614V9.42338C5.81921 9.50509 2.6499 12.7365 2.6499 16.7107C2.6499 18.6946 3.43913 20.4931 4.72006 21.8071C5.87565 22.5858 7.26675 23.04 8.76342 23.04C12.7747 23.04 16.0265 19.7765 16.0265 15.7509V7.70332H16.0265Z" fill="black" />
+        <path d="M21.5025 6.3578V5.51848C20.4748 5.52005 19.4672 5.23119 18.5952 4.68493C19.3671 5.53306 20.3835 6.11787 21.5025 6.3578ZM16.0867 0.959983C16.0605 0.809911 16.0404 0.658851 16.0265 0.507214V0H12.074V15.7508C12.0677 17.5868 10.5829 19.0736 8.75164 19.0736C8.214 19.0736 7.70638 18.9455 7.25685 18.7179C7.86397 19.5174 8.82259 20.0336 9.90164 20.0336C11.7326 20.0336 13.2177 18.5469 13.2241 16.7107V0.959983H16.0867ZM9.76014 9.42341V8.52989C9.42988 8.48459 9.09691 8.46186 8.76353 8.46202C4.75192 8.46194 1.5 11.7254 1.5 15.7508C1.5 18.2745 2.77806 20.4987 4.72017 21.807C3.43924 20.493 2.65001 18.6944 2.65001 16.7106C2.65001 12.7365 5.81924 9.50511 9.76014 9.42341Z" fill="#00F2EA" />
+    </svg>
+
+);

package/src/assets/icon/SocialMedia/Colored/TikTokDark/TiktokdarkMd.tsx

@@ -0,0 +1,11 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const TiktokdarkMd = ({ color = "black", ...props }: SVGProps<SVGSVGElement>) => (
+    <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+        <path d="M14.314 7.21939C15.6001 8.14204 17.1757 8.6849 18.8774 8.6849V5.39868C18.5553 5.39875 18.2341 5.36505 17.919 5.29805V7.88478C16.2175 7.88478 14.6421 7.34191 13.3557 6.41934V13.1256C13.3557 16.4804 10.6457 19.1998 7.30306 19.1998C6.05583 19.1998 4.89658 18.8214 3.93359 18.1724C5.03269 19.3002 6.56546 19.9998 8.2612 19.9998C11.6041 19.9998 14.3141 17.2804 14.3141 13.9255V7.21939H14.314ZM15.4962 3.904C14.8389 3.18336 14.4074 2.25207 14.314 1.22248V0.799805H13.4058C13.6344 2.10841 14.4142 3.2264 15.4962 3.904ZM6.04783 15.598C5.6806 15.1148 5.48215 14.5237 5.48304 13.9159C5.48304 12.3815 6.72255 11.1374 8.25176 11.1374C8.53676 11.1374 8.82004 11.1812 9.09164 11.2676V7.90798C8.77424 7.86433 8.4539 7.84579 8.13371 7.85259V10.4676C7.86191 10.3811 7.57848 10.3372 7.29342 10.3375C5.76421 10.3375 4.52477 11.5814 4.52477 13.116C4.52477 14.201 5.14432 15.1404 6.04783 15.598Z" fill="#FF004F" />
+        <path d="M13.3551 6.41927C14.6416 7.34185 16.217 7.88471 17.9185 7.88471V5.29799C16.9687 5.09495 16.1279 4.59684 15.4957 3.904C14.4136 3.22633 13.6339 2.10834 13.4053 0.799805H11.0198V13.9253C11.0144 15.4555 9.77704 16.6945 8.25111 16.6945C7.3519 16.6945 6.55304 16.2644 6.04711 15.598C5.14366 15.1404 4.52411 14.2009 4.52411 13.116C4.52411 11.5816 5.76355 10.3375 7.29277 10.3375C7.58576 10.3375 7.86815 10.3833 8.13305 10.4677V7.85266C4.8491 7.92075 2.20801 10.6136 2.20801 13.9254C2.20801 15.5787 2.8657 17.0774 3.93314 18.1724C4.89613 18.8214 6.05538 19.1998 7.30261 19.1998C10.6453 19.1998 13.3552 16.4803 13.3552 13.1256V6.41927H13.3551Z" fill="black" />
+        <path d="M17.9188 5.29817V4.59874C17.0623 4.60004 16.2226 4.35932 15.496 3.90411C16.1392 4.61089 16.9863 5.09822 17.9188 5.29817ZM13.4056 0.799986C13.3838 0.674926 13.367 0.549042 13.3554 0.422678V0H10.0617V13.1257C10.0564 14.6556 8.8191 15.8946 7.29303 15.8946C6.845 15.8946 6.42199 15.7879 6.04737 15.5983C6.55331 16.2645 7.35216 16.6946 8.25137 16.6946C9.77717 16.6946 11.0148 15.4558 11.0201 13.9256V0.799986H13.4056ZM8.13345 7.85284V7.10824C7.85823 7.07049 7.58076 7.05155 7.30294 7.05169C3.95993 7.05162 1.25 9.77116 1.25 13.1257C1.25 15.2288 2.31505 17.0822 3.93347 18.1725C2.86603 17.0775 2.20834 15.5787 2.20834 13.9255C2.20834 10.6138 4.84936 7.92093 8.13345 7.85284Z" fill="#00F2EA" />
+    </svg>
+
+);

package/src/assets/icon/SocialMedia/Colored/TikTokDark/TiktokdarkSm.tsx

@@ -0,0 +1,11 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const TiktokdarkSm = ({ color = "black", ...props }: SVGProps<SVGSVGElement>) => (
+    <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+        <path d="M11.4508 5.77581C12.4797 6.51392 13.7402 6.94822 15.1015 6.94822V4.31924C14.8439 4.31929 14.5869 4.29233 14.3348 4.23874V6.30812C12.9736 6.30812 11.7133 5.87382 10.6841 5.13576V10.5007C10.6841 13.1846 8.5162 15.3601 5.84206 15.3601C4.84428 15.3601 3.91688 15.0574 3.14648 14.5382C4.02576 15.4404 5.25197 16.0001 6.60857 16.0001C9.28287 16.0001 11.4509 13.8246 11.4509 11.1407V5.77581H11.4508ZM12.3966 3.12349C11.8708 2.54698 11.5255 1.80195 11.4508 0.978279V0.640137H10.7243C10.9072 1.68702 11.5309 2.58141 12.3966 3.12349ZM4.83788 12.4787C4.54409 12.0921 4.38533 11.6192 4.38604 11.133C4.38604 9.90551 5.37765 8.91024 6.60102 8.91024C6.82901 8.91019 7.05564 8.94522 7.27292 9.01441V6.32668C7.019 6.29175 6.76273 6.27693 6.50657 6.28236V8.37437C6.28913 8.30518 6.0624 8.27004 5.83435 8.27026C4.61098 8.27026 3.61943 9.26541 3.61943 10.4931C3.61943 11.3611 4.11506 12.1126 4.83788 12.4787Z" fill="#FF004F" />
+        <path d="M10.6843 5.13571C11.7135 5.87377 12.9738 6.30806 14.335 6.30806V4.23868C13.5752 4.07625 12.9025 3.67776 12.3968 3.12349C11.531 2.58135 10.9073 1.68696 10.7245 0.640137H8.81606V11.1406C8.81174 12.3647 7.82183 13.3559 6.60108 13.3559C5.88171 13.3559 5.24263 13.0118 4.83788 12.4787C4.11513 12.1126 3.61949 11.361 3.61949 10.4931C3.61949 9.26557 4.61104 8.27031 5.83441 8.27031C6.0688 8.27031 6.29472 8.30694 6.50663 8.37442V6.28242C3.87947 6.33689 1.7666 8.49116 1.7666 11.1406C1.7666 12.4632 2.29276 13.6622 3.14671 14.5382C3.9171 15.0574 4.8445 15.3602 5.84228 15.3602C8.51647 15.3602 10.6844 13.1845 10.6844 10.5007V5.13571H10.6843Z" fill="black" />
+        <path d="M14.335 4.23853V3.67899C13.6498 3.68003 12.9781 3.48746 12.3968 3.12329C12.9114 3.68871 13.589 4.07858 14.335 4.23853ZM10.7245 0.639989C10.707 0.539941 10.6936 0.439234 10.6843 0.338143V0H8.04935V10.5005C8.04513 11.7245 7.05528 12.7157 5.83442 12.7157C5.476 12.7157 5.13759 12.6303 4.8379 12.4786C5.24264 13.0116 5.88173 13.3557 6.6011 13.3557C7.82173 13.3557 8.81181 12.3646 8.81607 11.1405V0.639989H10.7245ZM6.50676 6.28227V5.68659C6.28658 5.65639 6.06461 5.64124 5.84235 5.64135C3.16794 5.64129 1 7.81693 1 10.5005C1 12.183 1.85204 13.6658 3.14678 14.538C2.29283 13.662 1.76667 12.463 1.76667 11.1404C1.76667 8.49101 3.87949 6.33674 6.50676 6.28227Z" fill="#00F2EA" />
+    </svg>
+
+);

package/src/assets/icon/SocialMedia/Colored/TikTokLight/TiktoklightLg.tsx

@@ -0,0 +1,11 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const TiktoklightLg = ({ 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.1767 8.66347C18.7201 9.77064 20.6107 10.4221 22.6528 10.4221V6.47861C22.2663 6.47869 21.8808 6.43825 21.5027 6.35786V9.46193C19.4609 9.46193 17.5705 8.81049 16.0267 7.7034V15.7509C16.0267 19.7766 12.7748 23.0399 8.76358 23.0399C7.2669 23.0399 5.8758 22.5858 4.72021 21.807C6.03913 23.1604 7.87845 24 9.91334 24C13.9248 24 17.1769 20.7367 17.1769 16.7108V8.66347H17.1767ZM18.5954 4.68499C17.8066 3.82023 17.2888 2.70267 17.1767 1.46717V0.959961H16.0869C16.3612 2.53028 17.2969 3.87187 18.5954 4.68499ZM7.2573 18.7178C6.81663 18.1379 6.57849 17.4286 6.57955 16.6992C6.57955 14.858 8.06696 13.3651 9.90202 13.3651C10.244 13.365 10.584 13.4176 10.9099 13.5214V9.48977C10.529 9.43739 10.1446 9.41515 9.76035 9.4233V12.5613C9.43419 12.4575 9.09408 12.4048 8.75201 12.4051C6.91695 12.4051 5.42963 13.8979 5.42963 15.7393C5.42963 17.0414 6.17309 18.1687 7.2573 18.7178Z" fill="#FF004F" />
+        <path d="M16.0265 7.70332C17.5702 8.81041 19.4607 9.46185 21.5025 9.46185V6.35778C20.3628 6.11414 19.3538 5.5164 18.5951 4.68499C17.2966 3.87179 16.361 2.5302 16.0867 0.959961H13.2241V16.7106C13.2176 18.5468 11.7327 20.0336 9.90162 20.0336C8.82257 20.0336 7.86394 19.5174 7.25682 18.7178C6.17269 18.1687 5.42923 17.0413 5.42923 15.7394C5.42923 13.8981 6.91655 12.4052 8.75161 12.4052C9.1032 12.4052 9.44208 12.4602 9.75995 12.5614V9.42338C5.81921 9.50509 2.6499 12.7365 2.6499 16.7107C2.6499 18.6946 3.43913 20.4931 4.72006 21.8071C5.87565 22.5858 7.26675 23.04 8.76342 23.04C12.7747 23.04 16.0265 19.7765 16.0265 15.7509V7.70332H16.0265Z" fill="white" />
+        <path d="M21.5025 6.3578V5.51848C20.4748 5.52005 19.4672 5.23119 18.5952 4.68493C19.3671 5.53306 20.3835 6.11787 21.5025 6.3578ZM16.0867 0.959983C16.0605 0.809911 16.0404 0.658851 16.0265 0.507214V0H12.074V15.7508C12.0677 17.5868 10.5829 19.0736 8.75164 19.0736C8.214 19.0736 7.70638 18.9455 7.25685 18.7179C7.86397 19.5174 8.82259 20.0336 9.90164 20.0336C11.7326 20.0336 13.2177 18.5469 13.2241 16.7107V0.959983H16.0867ZM9.76014 9.42341V8.52989C9.42988 8.48459 9.09691 8.46186 8.76353 8.46202C4.75192 8.46194 1.5 11.7254 1.5 15.7508C1.5 18.2745 2.77806 20.4987 4.72017 21.807C3.43924 20.493 2.65001 18.6944 2.65001 16.7106C2.65001 12.7365 5.81924 9.50511 9.76014 9.42341Z" fill="#00F2EA" />
+    </svg>
+
+);