@ludo.ninja/components 2.0.7 → 2.0.8

package/build/public/banner/banner_stroke.jsx

@@ -0,0 +1,21 @@
+import React from "react";
+
+const BannerStrokeIcon = (props) => (
+  <svg
+    {...props}
+    width="308"
+    height="116"
+    viewBox="0 0 308 116"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="M85.6666 30.918C122.797 26.3758 192.399 19.8459 232.946 21.1131C259.682 21.9486 307.487 27.5064 303.826 56.2407C300.081 85.6313 245.811 98.7211 217.751 103.725C106.978 123.482 46.0907 104.728 23.8794 97.331C-4.11597 88.0078 2.47442 67.4989 13.7908 56.5915C45.0716 26.4409 191.423 7.68619 256.207 3.86693"
+      stroke="#6048FF"
+      stroke-width="7"
+      stroke-linecap="round"
+    />
+  </svg>
+);
+
+export default BannerStrokeIcon;

package/build/public/button_skin/accept.jsx

@@ -0,0 +1,30 @@
+import React from "react";
+
+const AcceptIcon = (props) => (
+  <svg
+    {...props}
+    width="48"
+    height="48"
+    viewBox="0 0 48 48"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <g clip-path="url(#clip0_6881_50323)">
+      <circle cx="24" cy="24" r="24" fill="#5962F7" />
+      <path
+        d="M17.2818 22.3341L22.9579 29.8313L32.2337 17.9999"
+        stroke="white"
+        stroke-width="3"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_6881_50323">
+        <rect width="48" height="48" fill="white" />
+      </clipPath>
+    </defs>
+  </svg>
+);
+
+export default AcceptIcon;

package/build/public/button_skin/decline.jsx

@@ -0,0 +1,30 @@
+import React from "react";
+
+const DeclineIcon = (props) => (
+  <svg
+    {...props}
+    width="48"
+    height="48"
+    viewBox="0 0 48 48"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <g clip-path="url(#clip0_6881_50324)">
+      <circle cx="24" cy="24" r="24" fill="#ECF0FC" />
+      <path
+        d="M30.364 17.636L24 24M17.636 30.364L24 24M24 24L30.364 30.364M24 24L17.636 17.636"
+        stroke="#696F91"
+        stroke-width="3"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_6881_50324">
+        <rect width="48" height="48" fill="white" />
+      </clipPath>
+    </defs>
+  </svg>
+);
+
+export default DeclineIcon;

package/build/public/calendar.jsx

@@ -0,0 +1,21 @@
+import React from "react";
+
+const CalendarIcon = (props) => (
+  <svg
+    {...props}
+    width="20"
+    height="20"
+    viewBox="0 0 20 20"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M6.66668 0.916748C7.08089 0.916748 7.41668 1.25253 7.41668 1.66675V2.58341H12.5833V1.66675C12.5833 1.25253 12.9191 0.916748 13.3333 0.916748C13.7476 0.916748 14.0833 1.25253 14.0833 1.66675V2.58341C14.5018 2.58344 14.8597 2.58442 15.1558 2.60861C15.48 2.63512 15.7954 2.69316 16.097 2.84682C16.5514 3.07835 16.9216 3.44792 17.1535 3.90296C17.3072 4.20464 17.3651 4.52019 17.3916 4.84445C17.4167 5.15257 17.4167 5.52781 17.4167 5.96835V14.0317C17.4167 14.4723 17.4167 14.8475 17.3916 15.1557C17.3651 15.48 17.3072 15.7956 17.1535 16.0973C16.9216 16.5524 16.5513 16.9218 16.097 17.1533C15.7954 17.307 15.4801 17.365 15.1558 17.3915C14.8471 17.4168 14.4711 17.4168 14.0294 17.4167H5.97098C5.52927 17.4168 5.15311 17.4168 4.84426 17.3915C4.51993 17.365 4.20433 17.307 3.90268 17.1533C3.44784 16.9216 3.07838 16.5519 2.84675 16.0973C2.69306 15.7956 2.63504 15.4801 2.60854 15.1558C2.58332 14.8471 2.58333 14.4711 2.58334 14.0295V5.97053C2.58333 5.52898 2.58332 5.15301 2.60854 4.84433C2.63504 4.52003 2.69307 4.20456 2.84675 3.90296C3.07834 3.44842 3.44776 3.07861 3.90268 2.84682C4.20434 2.69311 4.51995 2.6351 4.84428 2.60861C5.14039 2.58443 5.49837 2.58344 5.91668 2.58341V1.66675C5.91668 1.25253 6.25246 0.916748 6.66668 0.916748ZM6.00017 4.08341C5.5211 4.08341 5.20679 4.084 4.96639 4.10363C4.7347 4.12256 4.63853 4.15537 4.58367 4.18333C4.41138 4.27111 4.27124 4.41127 4.18326 4.58394C4.15527 4.63886 4.12248 4.73497 4.10356 4.96648C4.08509 5.19255 4.08348 5.48405 4.08335 5.91675H15.9167C15.9165 5.48398 15.915 5.19248 15.8965 4.96636C15.8777 4.73481 15.8449 4.63877 15.8169 4.58394C15.7292 4.41177 15.5888 4.27137 15.416 4.18333C15.3611 4.15533 15.265 4.12254 15.0336 4.10363C14.7934 4.084 14.4793 4.08341 14.0002 4.08341H6.00017ZM15.9167 7.41675H4.08334V14C4.08334 14.4791 4.08393 14.7934 4.10356 15.0337C4.12248 15.2652 4.15528 15.3614 4.18326 15.4163C4.2712 15.5889 4.4113 15.729 4.58367 15.8168C4.63855 15.8448 4.73473 15.8776 4.96641 15.8965C5.2068 15.9162 5.52111 15.9167 6.00017 15.9167H14.0002C14.4793 15.9167 14.7934 15.9162 15.0336 15.8965C15.265 15.8776 15.361 15.8448 15.416 15.8168C15.5889 15.7287 15.7293 15.5884 15.8169 15.4163C15.8449 15.3615 15.8777 15.2654 15.8965 15.0338C15.9161 14.7934 15.9167 14.4792 15.9167 14V7.41675Z"
+      fill="#B0B2C0"
+    />
+  </svg>
+);
+
+export default CalendarIcon;

package/build/public/cards/addToFavListIcon.jsx

@@ -0,0 +1,29 @@
+import React from "react";
+
+const AddToFavListIconIcon = (props) => (
+  <svg
+    {...props}
+    viewBox="0 0 18 22"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M3.7 2.96424V18.05L10.74 14.53L17.78 18.05V2.96424C17.78 2.96424 17.78 0.449857 14.7 0.449951H6.7C3.7 0.449951 3.7 2.96424 3.7 2.96424ZM16.28 2.99058C16.2799 2.98948 16.2798 2.98827 16.2797 2.98694C16.2779 2.96695 16.2733 2.92592 16.2622 2.87142C16.2389 2.75726 16.1941 2.61831 16.1159 2.49052C16.018 2.33073 15.7463 1.94992 14.7 1.94995H6.7C5.71222 1.94995 5.45942 2.31427 5.36317 2.47561C5.28604 2.60489 5.24142 2.74651 5.21806 2.86395C5.20693 2.91992 5.20225 2.96234 5.20044 2.98358C5.20026 2.98565 5.20012 2.98747 5.2 2.98905V15.6229L10.0692 13.1883C10.4915 12.9772 10.9885 12.9772 11.4108 13.1883L16.28 15.6229V2.99058Z"
+      fill="#B0B2C0"
+    />
+    <path
+      d="M0.199997 6.46424V21.55L7.24 18.03L14.28 21.55V6.46424C14.28 6.46424 14.28 3.94986 11.2 3.94995H3.2C0.199997 3.94995 0.199997 6.46424 0.199997 6.46424Z"
+      fill="#B0B2C0"
+    />
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M0.199997 6.46424V21.55L7.24 18.03L14.28 21.55V6.46424C14.28 6.46424 14.28 3.94986 11.2 3.94995H3.2C0.199997 3.94995 0.199997 6.46424 0.199997 6.46424ZM12.78 6.49058C12.7799 6.48948 12.7798 6.48827 12.7797 6.48694C12.7779 6.46695 12.7733 6.42592 12.7622 6.37142C12.7389 6.25726 12.6941 6.11831 12.6159 5.99052C12.518 5.83073 12.2463 5.44992 11.2 5.44995H3.2C2.21222 5.44995 1.95942 5.81427 1.86317 5.97561C1.78604 6.10489 1.74142 6.24651 1.71806 6.36395C1.70693 6.41992 1.70225 6.46234 1.70044 6.48358C1.70026 6.48565 1.70012 6.48747 1.7 6.48905V19.1229L6.56918 16.6883C6.99147 16.4772 7.48853 16.4772 7.91082 16.6883L12.78 19.1229V6.49058Z"
+      fill="#B0B2C0"
+    />
+  </svg>
+);
+
+export default AddToFavListIconIcon;

package/build/public/cards/addToGalleryIcon.jsx

@@ -0,0 +1,19 @@
+import React from "react";
+
+const AddToGalleryIconIcon = (props) => (
+  <svg
+    {...props}
+    viewBox="0 0 14 13"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M7.24907 1.60002L6.78716 1.13811C6.77533 1.12628 6.7636 1.11454 6.75197 1.10289C6.57941 0.93001 6.42733 0.77765 6.24397 0.665284C6.08268 0.566445 5.90681 0.493787 5.72342 0.449759C5.51435 0.399566 5.29922 0.399767 5.05508 0.399993C5.03855 0.400009 5.0219 0.400024 5.0051 0.400024H2.20039C1.20628 0.400024 0.400392 1.20591 0.400392 2.20002L0.400391 9.90315C0.40038 10.2194 0.400371 10.4923 0.418733 10.717C0.438114 10.9542 0.480904 11.1902 0.59658 11.4172C0.769086 11.7558 1.04425 12.0312 1.38308 12.2038C1.61013 12.3195 1.84614 12.3623 2.08337 12.3817C2.30823 12.4 2.58123 12.4 2.89764 12.4H11.1034C11.4198 12.4 11.6927 12.4 11.9174 12.3817C12.1546 12.3623 12.3905 12.3195 12.6175 12.2038C12.9559 12.0314 13.2316 11.7562 13.4043 11.4172C13.52 11.1902 13.5628 10.9542 13.5822 10.717C13.6005 10.4923 13.6005 10.2194 13.6005 9.9031L13.6005 4.0969C13.6005 3.78061 13.6005 3.50776 13.5822 3.28302C13.5628 3.04581 13.52 2.80988 13.4043 2.58285C13.2316 2.24392 12.9559 1.96866 12.6175 1.79621C12.3904 1.68054 12.1546 1.63775 11.9174 1.61837C11.6926 1.6 11.4198 1.60001 11.1035 1.60002L7.24907 1.60002ZM7.00039 4.60002C7.33176 4.60002 7.60039 4.86865 7.60039 5.20003V6.40002H8.80039C9.13176 6.40002 9.40039 6.66865 9.40039 7.00002C9.40039 7.3314 9.13176 7.60002 8.80039 7.60002H7.60039V8.80002C7.60039 9.1314 7.33176 9.40002 7.00039 9.40002C6.66902 9.40002 6.40039 9.1314 6.40039 8.80002V7.60002H5.20039C4.86902 7.60002 4.60039 7.3314 4.60039 7.00002C4.60039 6.66865 4.86902 6.40002 5.20039 6.40002H6.40039V5.20003C6.40039 4.86865 6.66902 4.60002 7.00039 4.60002Z"
+      fill="#B0B2C0"
+    />
+  </svg>
+);
+
+export default AddToGalleryIconIcon;

package/build/public/cards/heart.jsx

@@ -0,0 +1,17 @@
+import React from "react";
+
+const HeartIcon = (props) => (
+  <svg
+    {...props}
+    viewBox="0 0 20 18"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="M14.1082 0C17.6353 0 20 3.3528 20 6.4752C20 12.8112 12.3529 18 10 18C7.64706 18 0 12.8112 0 6.4752C0 3.3528 2.36706 0 5.89176 0C7.90824 0 10 1.9248 10 1.9248C10 1.9248 12.0894 0 14.1082 0Z"
+      fill="#B0B2C0"
+    />
+  </svg>
+);
+
+export default HeartIcon;

package/build/public/cardsHolderLoader/loader.jsx

@@ -0,0 +1,23 @@
+import React from "react";
+
+const LoaderIcon = (props) => (
+  <svg
+    {...props}
+    width="36"
+    height="36"
+    viewBox="0 0 36 36"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="M18 29C24.0751 29 29 24.0751 29 18H32C32 25.732 25.732 32 18 32C10.268 32 4 25.732 4 18C4 10.268 10.268 4 18 4V7C11.9249 7 7 11.9249 7 18C7 24.0751 11.9249 29 18 29Z"
+      fill="#6048FF"
+    />
+    <path
+      d="M18 7V4C21.9174 4 25.459 5.60893 28 8.20203C30.4744 10.7271 32 14.1854 32 18H29C29 14.8479 27.6742 12.0055 25.5499 10C23.5799 8.14015 20.9231 7 18 7Z"
+      fill="#EAEDFC"
+    />
+  </svg>
+);
+
+export default LoaderIcon;

package/build/public/checkbox-on.jsx

@@ -0,0 +1,32 @@
+import React from "react";
+
+const CheckboxOnIcon = (props) => (
+  <svg
+    {...props}
+    width="30"
+    height="30"
+    viewBox="0 0 30 30"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <rect
+      x="2"
+      y="2"
+      width="26"
+      height="26"
+      rx="4"
+      fill="#4FABF8"
+      stroke="white"
+      stroke-width="4"
+    />
+    <path
+      d="M8 13.32L13.0556 21L22 9"
+      stroke="white"
+      stroke-width="4"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+  </svg>
+);
+
+export default CheckboxOnIcon;

package/build/public/checkboxArrow.jsx

@@ -0,0 +1,22 @@
+import React from "react";
+
+const CheckboxArrowIcon = (props) => (
+  <svg
+    {...props}
+    width="10"
+    height="7"
+    viewBox="0 0 10 7"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="M1 3L4 6L9 1"
+      stroke="white"
+      stroke-width="2"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+  </svg>
+);
+
+export default CheckboxArrowIcon;

package/build/public/close.jsx

@@ -0,0 +1,22 @@
+import React from "react";
+
+const CloseIcon = (props) => (
+  <svg
+    {...props}
+    width="19"
+    height="19"
+    viewBox="0 0 19 19"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="M2.2502 2.0268L17 16.777M17 2L2 17"
+      stroke="#5962F7"
+      stroke-width="4"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+  </svg>
+);
+
+export default CloseIcon;

package/build/public/close20.jsx

@@ -0,0 +1,22 @@
+import React from "react";
+
+const Close20Icon = (props) => (
+  <svg
+    {...props}
+    xmlns="http://www.w3.org/2000/svg"
+    width="20"
+    height="20"
+    viewBox="0 0 20 20"
+    fill="none"
+  >
+    <path
+      d="M6.13344 6.01429L14 13.8811M14 6L6 14"
+      stroke="#6048FF"
+      stroke-width="1.5"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+  </svg>
+);
+
+export default Close20Icon;

package/build/public/collectionPage/export.jsx

@@ -0,0 +1,22 @@
+import React from "react";
+
+const ExportIcon = (props) => (
+  <svg
+    {...props}
+    width="12"
+    height="12"
+    viewBox="0 0 12 12"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="M1 8V11H11V8M6 7.5V1M6 1L4 3M6 1L8 3"
+      stroke="#696F91"
+      stroke-width="1.4"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+  </svg>
+);
+
+export default ExportIcon;

package/build/public/copied.jsx

@@ -0,0 +1,23 @@
+import React from "react";
+
+const CopiedIcon = (props) => (
+  <svg
+    {...props}
+    width="18"
+    height="18"
+    viewBox="0 0 18 18"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <rect width="18" height="18" rx="6" fill="#6048FF" />
+    <path
+      d="M5 9L8 12L13 7"
+      stroke="white"
+      stroke-width="2"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+  </svg>
+);
+
+export default CopiedIcon;

package/build/public/copy-icon-new.jsx

@@ -0,0 +1,29 @@
+import React from "react";
+
+const CopyIconNewIcon = (props) => (
+  <svg
+    {...props}
+    width="20"
+    height="20"
+    viewBox="0 0 20 20"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <rect
+      x="2"
+      y="6"
+      width="12"
+      height="12"
+      rx="2"
+      stroke="#6048FF"
+      stroke-width="1.5"
+    />
+    <path
+      d="M6 5.5V4C6 2.89543 6.89543 2 8 2H16C17.1046 2 18 2.89543 18 4V12C18 13.1046 17.1046 14 16 14H14.5"
+      stroke="#6048FF"
+      stroke-width="1.5"
+    />
+  </svg>
+);
+
+export default CopyIconNewIcon;

package/{public/creation/card/moreBtn.svg → build/public/creation/card/moreBtn.jsx}

@@ -1,6 +1,17 @@
-<svg width="17" height="4" viewBox="0 0 17 4" xmlns="http://www.w3.org/2000/svg">
+import React from "react";
+
+const MoreBtnIcon = (props) => (
+  <svg
+    {...props}
+    width="17"
+    height="4"
+    viewBox="0 0 17 4"
+    xmlns="http://www.w3.org/2000/svg"
+  >
     <path d="M2.4981 3.5C1.66967 3.5 0.998101 2.82843 0.998101 2C0.998101 1.17157 1.66967 0.5 2.4981 0.5C3.32653 0.5 3.9981 1.17157 3.9981 2C3.9981 2.82843 3.32653 3.5 2.4981 3.5Z" />
     <path d="M9 3.5C8.17157 3.5 7.5 2.82843 7.5 2C7.5 1.17157 8.17157 0.5 9 0.5C9.82843 0.5 10.5 1.17157 10.5 2C10.5 2.82843 9.82843 3.5 9 3.5Z" />
     <path d="M15.498 3.5C14.6695 3.5 13.998 2.82843 13.998 2C13.998 1.17157 14.6695 0.5 15.498 0.5C16.3264 0.5 16.998 1.17157 16.998 2C16.998 2.82843 16.3264 3.5 15.498 3.5Z" />
-</svg>
+  </svg>
+);
 
+export default MoreBtnIcon;

package/build/public/creation/card/moreBtnVertical.jsx

@@ -0,0 +1,27 @@
+import React from "react";
+
+const MoreBtnVerticalIcon = (props) => (
+  <svg
+    {...props}
+    width="4"
+    height="14"
+    viewBox="0 0 4 14"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="M3.5 12.5C3.5 13.3284 2.82843 14 2 14C1.17157 14 0.5 13.3284 0.5 12.5C0.5 11.6716 1.17157 11 2 11C2.82843 11 3.5 11.6716 3.5 12.5Z"
+      fill="#B0B2C0"
+    />
+    <path
+      d="M3.5 7.0022C3.5 7.83062 2.82843 8.5022 2 8.5022C1.17157 8.5022 0.5 7.83062 0.5 7.0022C0.5 6.17377 1.17157 5.5022 2 5.5022C2.82843 5.5022 3.5 6.17377 3.5 7.0022Z"
+      fill="#B0B2C0"
+    />
+    <path
+      d="M3.5024 1.49992C3.5024 2.32835 2.83083 2.99992 2.0024 2.99992C1.17397 2.99992 0.502398 2.32835 0.502398 1.49992C0.502398 0.671497 1.17397 -7.62542e-05 2.0024 -7.62542e-05C2.83083 -7.62542e-05 3.5024 0.671497 3.5024 1.49992Z"
+      fill="#B0B2C0"
+    />
+  </svg>
+);
+
+export default MoreBtnVerticalIcon;

package/build/public/creation/card/moreBtn_hover.jsx

@@ -0,0 +1,27 @@
+import React from "react";
+
+const MoreBtnHoverIcon = (props) => (
+  <svg
+    {...props}
+    width="14"
+    height="18"
+    viewBox="0 0 14 18"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="M8.5 14.5C8.5 15.3284 7.82843 16 7 16C6.17157 16 5.5 15.3284 5.5 14.5C5.5 13.6716 6.17157 13 7 13C7.82843 13 8.5 13.6716 8.5 14.5Z"
+      fill="#696F90"
+    />
+    <path
+      d="M8.5 9.0022C8.5 9.83062 7.82843 10.5022 7 10.5022C6.17157 10.5022 5.5 9.83062 5.5 9.0022C5.5 8.17377 6.17157 7.5022 7 7.5022C7.82843 7.5022 8.5 8.17377 8.5 9.0022Z"
+      fill="#696F90"
+    />
+    <path
+      d="M8.5024 3.5C8.5024 4.32843 7.83083 5 7.0024 5C6.17397 5 5.5024 4.32843 5.5024 3.5C5.5024 2.67157 6.17397 2 7.0024 2C7.83083 2 8.5024 2.67157 8.5024 3.5Z"
+      fill="#696F90"
+    />
+  </svg>
+);
+
+export default MoreBtnHoverIcon;

package/build/public/defaultUserpics/0.jsx

@@ -0,0 +1,68 @@
+import React from "react";
+
+const C0Icon = (props) => (
+  <svg
+    {...props}
+    width="40"
+    height="40"
+    viewBox="0 0 40 40"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <g clip-path="url(#clip0_1631_36694)">
+      <mask
+        id="mask0_1631_36694"
+        style="mask-type:alpha"
+        maskUnits="userSpaceOnUse"
+        x="0"
+        y="0"
+        width="40"
+        height="40"
+      >
+        <circle cx="20" cy="20" r="20" fill="#C4C4C4" />
+      </mask>
+      <g mask="url(#mask0_1631_36694)">
+        <circle cx="20" cy="20" r="20" fill="#4FABF8" />
+        <path
+          d="M39.1997 33.8333L37.6663 32.5714C37.6663 32.5714 32.2997 17.4286 23.8663 11.119C15.433 4.80952 0.866341 4.17857 0.866341 4.17857L-0.666992 2.91667L3.16634 0.392857L16.1997 -1.5L27.6997 0.392857L39.9663 8.59524L45.333 21.8452L39.1997 33.8333Z"
+          fill="#6048FF"
+        />
+        <g filter="url(#filter0_f_1631_36694)">
+          <path
+            d="M-6.13822 24.2604L-3.73099 24.7038C-3.73099 24.7038 0.894429 17.5531 16.28 16.2898C31.6655 15.0265 52.5049 33.1952 52.5049 33.1952L54.9121 33.6386L53.507 38.9762L43.2968 49.5322L31.3933 54.8018L13.6731 53.4038L-1.92803 41.825L-6.13822 24.2604Z"
+            fill="#4FD4F8"
+            fill-opacity="0.7"
+          />
+        </g>
+      </g>
+    </g>
+    <defs>
+      <filter
+        id="filter0_f_1631_36694"
+        x="-16.1387"
+        y="6.22681"
+        width="81.0508"
+        height="58.5751"
+        filterUnits="userSpaceOnUse"
+        color-interpolation-filters="sRGB"
+      >
+        <feFlood flood-opacity="0" result="BackgroundImageFix" />
+        <feBlend
+          mode="normal"
+          in="SourceGraphic"
+          in2="BackgroundImageFix"
+          result="shape"
+        />
+        <feGaussianBlur
+          stdDeviation="5"
+          result="effect1_foregroundBlur_1631_36694"
+        />
+      </filter>
+      <clipPath id="clip0_1631_36694">
+        <rect width="40" height="40" fill="white" />
+      </clipPath>
+    </defs>
+  </svg>
+);
+
+export default C0Icon;

package/build/public/defaultUserpics/1.jsx

@@ -0,0 +1,85 @@
+import React from "react";
+
+const C1Icon = (props) => (
+  <svg
+    {...props}
+    width="40"
+    height="40"
+    viewBox="0 0 40 40"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <g clip-path="url(#clip0_1631_36710)">
+      <mask
+        id="mask0_1631_36710"
+        style="mask-type:alpha"
+        maskUnits="userSpaceOnUse"
+        x="0"
+        y="0"
+        width="40"
+        height="40"
+      >
+        <circle
+          cx="20"
+          cy="20"
+          r="20"
+          transform="rotate(-90 20 20)"
+          fill="#C4C4C4"
+        />
+      </mask>
+      <g mask="url(#mask0_1631_36710)">
+        <circle
+          cx="20"
+          cy="20"
+          r="20"
+          transform="rotate(-90 20 20)"
+          fill="#84FF7A"
+        />
+        <path
+          d="M33.8333 0.800326L32.5714 2.33366C32.5714 2.33366 17.4286 7.70032 11.119 16.1337C4.80952 24.567 4.17857 39.1337 4.17857 39.1337L2.91667 40.667L0.392857 36.8337L-1.5 23.8003L0.392856 12.3003L8.59524 0.0336604L21.8452 -5.33301L33.8333 0.800326Z"
+          fill="#4FD4F8"
+        />
+        <g filter="url(#filter0_f_1631_36710)">
+          <path
+            d="M24.2607 46.1382L24.704 43.731C24.704 43.731 17.5534 39.1056 16.2901 23.7201C15.0268 8.33453 33.1955 -12.5049 33.1955 -12.5049L33.6388 -14.9121L38.9764 -13.507L49.5325 -3.29678L54.8021 8.60673L53.404 26.3269L41.8253 41.928L24.2607 46.1382Z"
+            fill="#6BEB2E"
+            fill-opacity="0.7"
+          />
+        </g>
+      </g>
+    </g>
+    <defs>
+      <filter
+        id="filter0_f_1631_36710"
+        x="6.22754"
+        y="-24.9121"
+        width="58.5742"
+        height="81.0503"
+        filterUnits="userSpaceOnUse"
+        color-interpolation-filters="sRGB"
+      >
+        <feFlood flood-opacity="0" result="BackgroundImageFix" />
+        <feBlend
+          mode="normal"
+          in="SourceGraphic"
+          in2="BackgroundImageFix"
+          result="shape"
+        />
+        <feGaussianBlur
+          stdDeviation="5"
+          result="effect1_foregroundBlur_1631_36710"
+        />
+      </filter>
+      <clipPath id="clip0_1631_36710">
+        <rect
+          width="40"
+          height="40"
+          fill="white"
+          transform="translate(0 40) rotate(-90)"
+        />
+      </clipPath>
+    </defs>
+  </svg>
+);
+
+export default C1Icon;