@kivid/icons 1.0.0-alpha.10 → 1.0.0-alpha.15

package/src/components/web/ListParagraphSquare.tsx

@@ -0,0 +1,41 @@
+import * as React from "react";
+import type { SVGProps } from "react";
+import { Ref, forwardRef, memo } from "react";
+interface Props extends React.SVGProps<SVGSVGElement> {
+  size?: number;
+  color?: string;
+}
+const ListParagraphSquare = (props: Props, ref: React.Ref<SVGSVGElement>) => {
+  const {
+    size = 24,
+    color = "currentColor",
+    stroke = "",
+    strokeWidth = 1.5,
+  } = props;
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 18 20"
+      fill="none"
+      width={size}
+      height={size}
+      color={color}
+      stroke={stroke}
+      strokeWidth={strokeWidth}
+      ref={ref}
+      {...props}
+    >
+      <path
+        d="M9.02063 3H17.0206M9.02063 10H17.0206M9.02063 17H17.0206M2.02063 5H4.02063C4.57291 5 5.02063 4.55228 5.02063 4V2C5.02063 1.44772 4.57291 1 4.02063 1H2.02063C1.46835 1 1.02063 1.44772 1.02063 2V4C1.02063 4.55228 1.46835 5 2.02063 5ZM2.02063 12H4.02063C4.57291 12 5.02063 11.5523 5.02063 11V9C5.02063 8.44772 4.57291 8 4.02063 8H2.02063C1.46835 8 1.02063 8.44772 1.02063 9V11C1.02063 11.5523 1.46835 12 2.02063 12ZM2.02063 19H4.02063C4.57291 19 5.02063 18.5523 5.02063 18V16C5.02063 15.4477 4.57291 15 4.02063 15H2.02063C1.46835 15 1.02063 15.4477 1.02063 16V18C1.02063 18.5523 1.46835 19 2.02063 19Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};
+ListParagraphSquare.displayName = "ListParagraphSquare";
+const ForwardRef = forwardRef(ListParagraphSquare);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as ListParagraphSquare };

package/src/components/web/Location.tsx

@@ -0,0 +1,41 @@
+import * as React from "react";
+import type { SVGProps } from "react";
+import { Ref, forwardRef, memo } from "react";
+interface Props extends React.SVGProps<SVGSVGElement> {
+  size?: number;
+  color?: string;
+}
+const Location = (props: Props, ref: React.Ref<SVGSVGElement>) => {
+  const {
+    size = 24,
+    color = "currentColor",
+    stroke = "",
+    strokeWidth = 1.5,
+  } = props;
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 20 21"
+      fill="none"
+      width={size}
+      height={size}
+      color={color}
+      stroke={stroke}
+      strokeWidth={strokeWidth}
+      ref={ref}
+      {...props}
+    >
+      <path
+        d="M7.13657 13.187C3.58257 13.655 1.02057 14.96 1.02057 16.5C1.02057 18.433 5.04957 20 10.0206 20C14.9916 20 19.0206 18.433 19.0206 16.5C19.0206 14.96 16.4586 13.655 12.9046 13.187M16.0206 6.833C16.0206 3.612 13.3346 1 10.0206 1C6.70657 1 4.02057 3.612 4.02057 6.833C4.02057 11.208 10.0206 16 10.0206 16C10.0206 16 16.0206 11.208 16.0206 6.833ZM11.4348 5.58579C12.2158 6.36684 12.2158 7.63317 11.4348 8.41422C10.6537 9.19527 9.38739 9.19527 8.60634 8.41422C7.82529 7.63317 7.82529 6.36684 8.60634 5.58579C9.38739 4.80474 10.6537 4.80474 11.4348 5.58579Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};
+Location.displayName = "Location";
+const ForwardRef = forwardRef(Location);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as Location };

package/src/components/web/LockClosed.tsx

@@ -0,0 +1,41 @@
+import * as React from "react";
+import type { SVGProps } from "react";
+import { Ref, forwardRef, memo } from "react";
+interface Props extends React.SVGProps<SVGSVGElement> {
+  size?: number;
+  color?: string;
+}
+const LockClosed = (props: Props, ref: React.Ref<SVGSVGElement>) => {
+  const {
+    size = 24,
+    color = "currentColor",
+    stroke = "",
+    strokeWidth = 1.5,
+  } = props;
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 16 20"
+      fill="none"
+      width={size}
+      height={size}
+      color={color}
+      stroke={stroke}
+      strokeWidth={strokeWidth}
+      ref={ref}
+      {...props}
+    >
+      <path
+        d="M4.02051 8V5C4.02051 3.93913 4.44193 2.92172 5.19208 2.17157C5.94222 1.42142 6.95964 1 8.02051 1C8.5458 1 9.06594 1.10342 9.55124 1.30444C10.0365 1.50546 10.4775 1.80014 10.849 2.17157C11.2204 2.543 11.515 2.98394 11.716 3.46924C11.9171 3.95454 12.0205 4.47471 12.0205 5V8M3.02051 8H13.0205C14.1251 8 15.0205 8.89543 15.0205 10V17C15.0205 18.1046 14.1251 19 13.0205 19H3.02051C1.91594 19 1.02051 18.1046 1.02051 17V10C1.02051 8.89543 1.91594 8 3.02051 8Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};
+LockClosed.displayName = "LockClosed";
+const ForwardRef = forwardRef(LockClosed);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as LockClosed };

package/src/components/web/LockOpen.tsx

@@ -0,0 +1,41 @@
+import * as React from "react";
+import type { SVGProps } from "react";
+import { Ref, forwardRef, memo } from "react";
+interface Props extends React.SVGProps<SVGSVGElement> {
+  size?: number;
+  color?: string;
+}
+const LockOpen = (props: Props, ref: React.Ref<SVGSVGElement>) => {
+  const {
+    size = 24,
+    color = "currentColor",
+    stroke = "",
+    strokeWidth = 1.5,
+  } = props;
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 16 20"
+      fill="none"
+      width={size}
+      height={size}
+      color={color}
+      stroke={stroke}
+      strokeWidth={strokeWidth}
+      ref={ref}
+      {...props}
+    >
+      <path
+        d="M4.15558 4.02368C4.39189 3.07758 4.9664 2.25064 5.77057 1.69904C6.57474 1.14743 7.55302 0.909269 8.52075 1.02948C9.48849 1.1497 10.3787 1.61997 11.0235 2.35156C11.6683 3.08316 12.023 4.0255 12.0206 5.00067V8.00067M3.02063 8.00067H13.0206C14.1252 8.00067 15.0206 8.8961 15.0206 10.0007V17.0007C15.0206 18.1052 14.1252 19.0007 13.0206 19.0007H3.02063C1.91606 19.0007 1.02063 18.1052 1.02063 17.0007V10.0007C1.02063 8.8961 1.91606 8.00067 3.02063 8.00067Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};
+LockOpen.displayName = "LockOpen";
+const ForwardRef = forwardRef(LockOpen);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as LockOpen };

package/src/components/web/Log.tsx

@@ -0,0 +1,41 @@
+import * as React from "react";
+import type { SVGProps } from "react";
+import { Ref, forwardRef, memo } from "react";
+interface Props extends React.SVGProps<SVGSVGElement> {
+  size?: number;
+  color?: string;
+}
+const Log = (props: Props, ref: React.Ref<SVGSVGElement>) => {
+  const {
+    size = 24,
+    color = "currentColor",
+    stroke = "",
+    strokeWidth = 1.5,
+  } = props;
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 18 20"
+      fill="none"
+      width={size}
+      height={size}
+      color={color}
+      stroke={stroke}
+      strokeWidth={strokeWidth}
+      ref={ref}
+      {...props}
+    >
+      <path
+        d="M13.5714 16.75H14.9214V18.55C14.9214 18.7985 14.7199 19 14.4714 19H12.8964C12.4787 19 12.0781 18.8341 11.7827 18.5387C11.4873 18.2433 11.3214 17.8427 11.3214 17.425V16.075C11.3214 15.2052 12.0266 14.5 12.8964 14.5H14.3964M1.02063 14.5V19H3.02063M17.0206 11V6.41421C17.0206 6.149 16.9153 5.89465 16.7277 5.70711L12.3135 1.29289C12.126 1.10536 11.8716 1 11.6064 1H3.02063C1.91606 1 1.02063 1.89543 1.02063 3V11M17.0206 7H13.0206C11.9161 7 11.0206 6.10457 11.0206 5V1M9.02063 16.75C9.02063 17.9926 8.1252 19 7.02063 19C5.91606 19 5.02063 17.9926 5.02063 16.75C5.02063 15.5074 5.91606 14.5 7.02063 14.5C8.1252 14.5 9.02063 15.5074 9.02063 16.75Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};
+Log.displayName = "Log";
+const ForwardRef = forwardRef(Log);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as Log };

package/src/components/web/Logo.tsx

@@ -0,0 +1,101 @@
+import * as React from "react";
+import type { SVGProps } from "react";
+import { Ref, forwardRef, memo } from "react";
+interface Props extends React.SVGProps<SVGSVGElement> {
+  size?: number;
+  color?: string;
+}
+const Logo = (props: Props, ref: React.Ref<SVGSVGElement>) => {
+  const {
+    size = 24,
+    color = "currentColor",
+    stroke = "",
+    strokeWidth = 1.5,
+  } = props;
+  return (
+    <svg
+      viewBox="0 0 40 160"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      width={size}
+      height={size}
+      color={color}
+      stroke={stroke}
+      strokeWidth={strokeWidth}
+      ref={ref}
+      {...props}
+    >
+      <path
+        d="M4.11264 72.5891C4.24488 72.7115 4.38344 72.8264 4.52764 72.9334C4.67199 73.0296 4.82414 73.1125 4.98252 73.1812C5.14537 73.2528 5.31614 73.3037 5.4909 73.3327C5.6622 73.3714 5.83717 73.3898 6.0125 73.3878C6.7192 73.3881 7.39728 73.0998 7.89893 72.5856C8.15732 72.3311 8.36389 72.0258 8.50638 71.6876C8.64887 71.3495 8.72449 70.9853 8.72873 70.6165C8.73297 70.2477 8.66577 69.8819 8.53109 69.5403C8.39642 69.1987 8.19697 68.8884 7.9445 68.6276C7.69203 68.3668 7.39156 68.1608 7.06089 68.0217C6.73021 67.8826 6.37603 67.8132 6.01901 67.8176C5.66199 67.8219 5.30939 67.9 4.98201 68.0472C4.65463 68.1944 4.35904 68.4078 4.11264 68.6747C3.63438 69.2067 3.36859 69.9058 3.36859 70.6318C3.36859 71.3578 3.63438 72.057 4.11264 72.5891ZM23.111 88.6203L16.2782 80.1356C15.8247 79.5718 15.173 79.2171 14.4663 79.1497C13.7597 79.0822 13.0561 79.3074 12.5102 79.7758C11.9644 80.2442 11.621 80.9175 11.5557 81.6474C11.4904 82.3773 11.7085 83.104 12.162 83.6679L22.1994 96.1393L6.00914 96.1393C5.29953 96.1393 4.61899 96.4305 4.11722 96.9488C3.61545 97.4671 3.3335 98.1701 3.3335 98.903C3.3335 99.636 3.61545 100.339 4.11722 100.857C4.61899 101.376 5.29953 101.667 6.00914 101.667L33.3767 101.667C34.0863 101.667 34.7669 101.376 35.2686 100.857C35.7704 100.339 36.0524 99.636 36.0524 98.903C36.0524 98.1701 35.7704 97.4671 35.2686 96.9488C34.7669 96.4305 34.0863 96.1393 33.3767 96.1393L29.1571 96.1393L26.5389 92.8876L35.2682 83.8607C35.7582 83.3396 36.03 82.6402 36.0247 81.9138C36.0194 81.1874 35.7376 80.4923 35.24 79.9788C34.7425 79.4654 34.0693 79.1748 33.366 79.17C32.6628 79.1652 31.9859 79.4466 31.4818 79.9532L23.111 88.6203ZM11.9453 41.3253C11.8045 41.6582 11.7289 42.0166 11.7228 42.3798C11.7167 42.7431 11.7802 43.1039 11.9097 43.4416C12.0392 43.7794 12.2322 44.0874 12.4774 44.3478C12.7226 44.6082 13.0152 44.816 13.3385 44.9591L26.609 50.8841L13.1702 56.7954C12.5277 57.0898 12.0232 57.6334 11.7656 58.3089C11.5079 58.9843 11.5177 59.7373 11.793 60.4052C12.0683 61.0732 12.587 61.6024 13.2369 61.8788C13.8868 62.1551 14.6159 62.1562 15.2666 61.882L34.4433 53.4473C34.9247 53.2352 35.3354 52.882 35.6245 52.4313C35.9136 51.9806 36.0685 51.4523 36.0698 50.9116C36.0699 50.3723 35.9172 49.8447 35.6305 49.3939C35.3439 48.943 34.9358 48.5886 34.4566 48.3743L15.4583 39.8948C14.8084 39.6046 14.0736 39.5921 13.4149 39.8602C12.7562 40.1283 12.2271 40.6552 11.9436 41.3253H11.9453ZM11.5454 70.6318C11.5458 71.3647 11.8279 72.0675 12.3298 72.5856C12.8317 73.1037 13.5122 73.3947 14.2217 73.3947L33.3867 73.3947C34.0963 73.3947 34.7768 73.1035 35.2786 72.5852C35.7804 72.0669 36.0623 71.364 36.0623 70.631C36.0623 69.898 35.7804 69.1951 35.2786 68.6768C34.7768 68.1585 34.0963 67.8674 33.3867 67.8674L14.2217 67.8674C13.8701 67.8671 13.5219 67.9384 13.197 68.0773C12.8721 68.2161 12.5769 68.4197 12.3282 68.6765C12.0795 68.9332 11.8822 69.238 11.7476 69.5735C11.613 69.909 11.5436 70.2686 11.5436 70.6318H11.5454ZM21.5095 0.0172174L6.01077 0.0172174C5.31272 0.0352137 4.64912 0.334265 4.16157 0.850594C3.67402 1.36692 3.40114 2.05959 3.40114 2.78085C3.40114 3.50211 3.67402 4.19487 4.16157 4.7112C4.64912 5.22753 5.31272 5.52658 6.01077 5.54458L12.4635 5.54458C11.4798 7.25372 10.9524 9.20165 10.9349 11.1899C10.9173 13.1782 11.4104 15.1358 12.3639 16.8631C13.3173 18.5905 14.697 20.0259 16.3624 21.0231C18.0278 22.0203 19.9194 22.5436 21.8444 22.5398L25.7557 22.5398C27.7232 22.5424 29.6546 21.9948 31.345 20.955C33.0355 19.9152 34.4218 18.4221 35.357 16.6341C36.2922 14.8461 36.7413 12.8301 36.6568 10.7997C36.5722 8.76937 35.9571 6.80051 34.8766 5.10215C35.3678 4.78282 35.7445 4.30673 35.9499 3.74608C36.1553 3.18543 36.1781 2.57089 36.0146 1.9957C35.8512 1.42051 35.5105 0.916102 35.0443 0.559038C34.5782 0.201975 34.0121 0.0117291 33.4317 0.0172174L26.0907 0.0172174C25.979 0.0172174 25.869 -1.50469e-05 25.7573 -1.50469e-05L21.8461 -1.50469e-05C21.7344 -1.50469e-05 21.6194 0.0137747 21.5077 0.0172174H21.5095ZM25.9241 5.54458C27.3773 5.5962 28.7529 6.23455 29.7554 7.32249C30.7579 8.41043 31.3072 9.86109 31.2854 11.3629C31.2636 12.8647 30.6723 14.2977 29.6386 15.3541C28.605 16.4105 27.2114 17.0059 25.7573 17.0124L21.8461 17.0124C20.392 17.0059 18.9984 16.4105 17.9648 15.3541C16.9311 14.2977 16.3399 12.8647 16.3181 11.3629C16.2963 9.86109 16.8456 8.41043 17.8481 7.32249C18.8506 6.23455 20.2262 5.5962 21.6794 5.54458L25.9241 5.54458ZM8.69058 31.0675C8.6834 30.3324 8.40019 29.6289 7.90066 29.1052C7.39874 28.5917 6.72059 28.3039 6.01413 28.3047C5.8388 28.3028 5.66384 28.3212 5.49252 28.3598C5.31777 28.3888 5.1471 28.4397 4.98425 28.5113C4.82587 28.58 4.67361 28.6629 4.52927 28.7591C4.38502 28.866 4.24645 28.981 4.11427 29.1034C3.63697 29.6353 3.37184 30.3337 3.37184 31.0589C3.37184 31.7841 3.63697 32.4826 4.11427 33.0145C4.24299 33.141 4.38184 33.2561 4.52927 33.3586C4.67353 33.4555 4.82579 33.5391 4.98425 33.6083C5.14875 33.6802 5.31875 33.7378 5.49252 33.7805C5.66475 33.8128 5.83913 33.8312 6.01413 33.8355C6.72219 33.8306 7.39991 33.538 7.90076 33.021C8.4016 32.504 8.68535 31.8041 8.69058 31.0727V31.0675ZM11.547 31.0675C11.547 31.8007 11.829 32.5039 12.3309 33.0223C12.8328 33.5408 13.5136 33.8321 14.2234 33.8321L33.3884 33.8321C34.0865 33.8141 34.7501 33.515 35.2376 32.9987C35.7252 32.4824 35.998 31.7897 35.998 31.0684C35.998 30.3472 35.7252 29.6544 35.2376 29.1381C34.7501 28.6218 34.0865 28.3227 33.3884 28.3047L14.2234 28.3047C13.5142 28.3038 12.8336 28.5937 12.3311 29.1108C11.8287 29.6278 11.5454 30.3297 11.5436 31.0623L11.547 31.0675Z"
+        fill="#565959"
+      />
+      <path
+        d="M27.0254 118.961C27.3554 120.031 27.4004 122.325 21.8685 125.642C18.7522 127.685 15.6378 129.668 13.1341 132.491C10.9367 134.887 9.43822 137.856 8.8059 141.066C8.60925 142.167 8.5209 143.286 8.54215 144.405C8.69966 153.632 16.6834 161.263 25.931 159.825C38.0399 157.94 39.4705 144.735 38.133 136.782C37.8346 135.056 37.3174 133.377 36.5943 131.786C34.3487 126.863 31.0851 122.489 27.0254 118.961Z"
+        fill="url(#0-paint0_linear_2399_7359)"
+      />
+      <path
+        d="M36.752 132.158C34.4871 127.037 31.1249 122.493 26.9106 118.859C26.845 118.799 26.7812 118.743 26.7162 118.684C27.5825 121.3 22.3806 121.788 18.9393 119.982C15.4087 118.129 11.2555 115.926 7.15546 117.067C3.93919 117.811 -2.8815 123.793 1.33854 134.168C4.26043 140.894 11.4767 145.653 18.9093 146.478C22.1806 146.843 26.78 146.356 30.2607 144.248C34.8938 141.427 37.4176 136.816 36.752 132.158Z"
+        fill="url(#1-paint1_linear_2399_7359)"
+      />
+      <path
+        d="M36.7523 132.17V132.161C34.5089 127.086 31.1867 122.579 27.0241 118.962C27.3541 120.031 27.3991 122.325 21.8666 125.643C18.7509 127.686 15.6359 129.668 13.1322 132.491C10.9348 134.887 9.43635 137.856 8.804 141.067C8.70963 141.589 8.64336 142.115 8.59961 142.644C11.6881 144.733 15.2212 146.046 18.9078 146.477C22.1791 146.842 26.7785 146.354 30.2591 144.246C34.8886 141.431 37.4098 136.826 36.7523 132.17Z"
+        fill="url(#2-paint2_linear_2399_7359)"
+      />
+      <path
+        d="M26.146 114.59C26.0999 114.63 26.0559 114.672 26.0141 114.717C25.6761 115.093 25.4594 115.564 25.3931 116.069C25.3269 116.573 25.4142 117.086 25.6435 117.538C25.9031 117.956 26.2381 118.32 26.631 118.611C26.7241 118.692 26.8185 118.772 26.9091 118.856C33.4454 124.603 37.5867 131.723 39.1448 139.931C39.2379 140.424 40.0054 140.431 39.9998 139.699C39.8171 136.496 39.2264 133.331 38.2423 130.282C37.3691 127.541 36.2411 124.891 34.8735 122.368C33.8178 120.382 32.5973 118.491 31.2254 116.716C30.6189 115.879 29.9041 115.128 29.1004 114.485C28.6614 114.18 28.1378 114.025 27.6061 114.044C27.0744 114.063 26.5627 114.254 26.146 114.59Z"
+        fill="url(#3-paint3_linear_2399_7359)"
+      />
+      <defs>
+        <linearGradient
+          id="0-paint0_linear_2399_7359"
+          x1={38.5413}
+          y1={139.481}
+          x2={8.53906}
+          y2={139.481}
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stopColor="#7D66E6" />
+          <stop offset={1} stopColor="#F047B8" />
+        </linearGradient>
+        <linearGradient
+          id="1-paint1_linear_2399_7359"
+          x1={36.8574}
+          y1={131.671}
+          x2={0}
+          y2={131.671}
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stopColor="#FFC234" />
+          <stop offset={1} stopColor="#F5914A" />
+        </linearGradient>
+        <linearGradient
+          id="2-paint2_linear_2399_7359"
+          x1={36.8556}
+          y1={132.775}
+          x2={8.59961}
+          y2={132.775}
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stopColor="#F5914A" />
+          <stop offset={1} stopColor="#F047B8" />
+        </linearGradient>
+        <linearGradient
+          id="3-paint3_linear_2399_7359"
+          x1={39.9998}
+          y1={127.16}
+          x2={25.3716}
+          y2={127.16}
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stopColor="#4FE682" />
+          <stop offset={1} stopColor="#38D6E6" />
+        </linearGradient>
+      </defs>
+    </svg>
+  );
+};
+Logo.displayName = "Logo";
+const ForwardRef = forwardRef(Logo);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as Logo };

package/src/components/web/LogoInstagram.tsx

@@ -0,0 +1,55 @@
+import * as React from "react";
+import type { SVGProps } from "react";
+import { Ref, forwardRef, memo } from "react";
+interface Props extends React.SVGProps<SVGSVGElement> {
+  size?: number;
+  color?: string;
+}
+const LogoInstagram = (props: Props, ref: React.Ref<SVGSVGElement>) => {
+  const {
+    size = 24,
+    color = "currentColor",
+    stroke = "",
+    strokeWidth = 1.5,
+  } = props;
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 20 20"
+      fill="none"
+      width={size}
+      height={size}
+      color={color}
+      stroke={stroke}
+      strokeWidth={strokeWidth}
+      ref={ref}
+      {...props}
+    >
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M5.51672 0.998047H14.5248C15.7183 0.998047 16.8629 1.47216 17.7068 2.31607C18.5507 3.15998 19.0248 4.30457 19.0248 5.49805V14.507C19.0235 15.6997 18.5487 16.843 17.705 17.6858C16.8612 18.5286 15.7174 19.002 14.5248 19.002H5.51672C4.32412 19.002 3.18032 18.5286 2.33655 17.6858C1.49278 16.843 1.01805 15.6997 1.01672 14.507V5.49805C1.01672 4.30457 1.49093 3.15998 2.33484 2.31607C3.17875 1.47216 4.32325 0.998047 5.51672 0.998047Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M15.0178 3.99907C14.82 3.99966 14.6268 4.0589 14.4627 4.16926C14.2986 4.27963 14.1709 4.43621 14.0958 4.61916C14.0206 4.8021 14.0014 5.00322 14.0405 5.19708C14.0797 5.39094 14.1755 5.56885 14.3157 5.70828C14.456 5.84772 14.6345 5.9424 14.8286 5.98041C15.0227 6.01842 15.2239 5.99804 15.4064 5.92181C15.5889 5.84559 15.7445 5.71695 15.8539 5.55218C15.9633 5.38741 16.0213 5.19388 16.0207 4.9961C16.0207 4.86468 15.995 4.73455 15.9445 4.6132C15.8941 4.49185 15.82 4.38173 15.7268 4.28907C15.6336 4.19641 15.523 4.12304 15.4014 4.07329C15.2797 4.02353 15.1493 3.99829 15.0178 3.99907Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M10.0208 13.598C12.009 13.598 13.6208 11.9863 13.6208 9.99804C13.6208 8.00982 12.009 6.39804 10.0208 6.39804C8.03255 6.39804 6.42078 8.00982 6.42078 9.99804C6.42078 11.9863 8.03255 13.598 10.0208 13.598Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};
+LogoInstagram.displayName = "LogoInstagram";
+const ForwardRef = forwardRef(LogoInstagram);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as LogoInstagram };

package/src/components/web/LogoKivid.tsx

@@ -0,0 +1,41 @@
+import * as React from "react";
+import type { SVGProps } from "react";
+import { Ref, forwardRef, memo } from "react";
+interface Props extends React.SVGProps<SVGSVGElement> {
+  size?: number;
+  color?: string;
+}
+const LogoKivid = (props: Props, ref: React.Ref<SVGSVGElement>) => {
+  const {
+    size = 24,
+    color = "currentColor",
+    stroke = "",
+    strokeWidth = 1.5,
+  } = props;
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 20 18"
+      fill="none"
+      width={size}
+      height={size}
+      color={color}
+      stroke={stroke}
+      strokeWidth={strokeWidth}
+      ref={ref}
+      {...props}
+    >
+      <path
+        d="M16.1833 11.6212C15.7833 11.7512 14.9403 11.7672 13.7143 9.59424C13.0252 8.34368 12.1742 7.18941 11.1833 6.16124M16.1833 11.6212C14.897 13.2087 13.2797 14.4964 11.4443 15.3942C10.8587 15.676 10.2378 15.8779 9.59834 15.9942C6.65934 16.5152 1.78334 15.9532 1.08334 11.1942C0.959652 10.363 1.01315 9.51503 1.24032 8.70594C1.46749 7.89684 1.8632 7.14494 2.40148 6.49957C2.93976 5.85421 3.60843 5.32997 4.36361 4.96128C5.11879 4.59258 5.94341 4.38775 6.78334 4.36024C7.19702 4.35082 7.61057 4.38433 8.01734 4.46024C9.2129 4.71478 10.3111 5.30484 11.1833 6.16124M16.1833 11.6212C14.8625 13.2444 13.1946 14.5507 11.3023 15.4442C10.3869 15.5256 9.46859 15.3248 8.67072 14.8687C7.87286 14.4127 7.23376 13.7233 6.83934 12.8932C6.13535 11.5185 5.84892 9.96779 6.01534 8.43224C6.17145 6.99142 6.65586 5.60557 7.43134 4.38124C7.6269 4.39803 7.82149 4.42473 8.01434 4.46124C9.21086 4.71497 10.3102 5.3047 11.1833 6.16124M11.3073 15.4442C13.2158 14.5415 14.8956 13.2192 16.2213 11.5762L16.2863 11.5002C15.3193 11.8412 15.1393 9.80024 15.8063 8.44424C16.4913 7.05724 17.3063 5.42424 16.8833 3.81324C16.6083 2.54924 14.3973 -0.131759 10.5633 1.52724C9.29027 2.20871 8.2074 3.19711 7.41288 4.40286C6.61836 5.60861 6.13731 6.99359 6.01334 8.43224C5.84692 9.96779 6.13335 11.5185 6.83734 12.8932C7.23218 13.7245 7.87238 14.4147 8.67165 14.8709C9.47091 15.327 10.3908 15.5271 11.3073 15.4442ZM16.3133 11.4652C16.2833 11.5012 16.2533 11.5382 16.2233 11.5742C14.2713 14.0391 11.5163 15.741 8.43834 16.3832C8.01134 16.4422 7.91134 16.9992 8.60934 16.9992C9.8417 16.9878 11.0668 16.8095 12.2513 16.4692C13.3221 16.1667 14.3604 15.7594 15.3513 15.2532C16.1352 14.8607 16.8833 14.4006 17.5873 13.8782C17.9232 13.6459 18.226 13.3691 18.4873 13.0552C20.0663 11.2712 17.7923 9.20524 16.3133 11.4652Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};
+LogoKivid.displayName = "LogoKivid";
+const ForwardRef = forwardRef(LogoKivid);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as LogoKivid };

package/src/components/web/LogoStoreGoogle.tsx

@@ -0,0 +1,41 @@
+import * as React from "react";
+import type { SVGProps } from "react";
+import { Ref, forwardRef, memo } from "react";
+interface Props extends React.SVGProps<SVGSVGElement> {
+  size?: number;
+  color?: string;
+}
+const LogoStoreGoogle = (props: Props, ref: React.Ref<SVGSVGElement>) => {
+  const {
+    size = 24,
+    color = "currentColor",
+    stroke = "",
+    strokeWidth = 1.5,
+  } = props;
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 18 20"
+      fill="none"
+      width={size}
+      height={size}
+      color={color}
+      stroke={stroke}
+      strokeWidth={strokeWidth}
+      ref={ref}
+      {...props}
+    >
+      <path
+        d="M11.7194 6.09919L1.50944 18.6992M1.50944 1.30019L11.7194 13.9002M0.929443 2.43819V17.5622C0.929402 17.8134 0.995263 18.0602 1.12045 18.278C1.24563 18.4958 1.42577 18.677 1.64286 18.8034C1.85995 18.9298 2.1064 18.997 2.35761 18.9984C2.60881 18.9998 2.85599 18.9352 3.07444 18.8112L16.3824 11.2492C16.6038 11.124 16.7879 10.9424 16.916 10.7228C17.0441 10.5031 17.1116 10.2534 17.1116 9.99919C17.1116 9.74493 17.0441 9.49524 16.916 9.27562C16.7879 9.056 16.6038 8.87434 16.3824 8.74919L3.07444 1.18919C2.85599 1.06516 2.60881 1.0006 2.35761 1.00197C2.1064 1.00335 1.85995 1.07059 1.64286 1.197C1.42577 1.32341 1.24563 1.50456 1.12045 1.72235C0.995263 1.94015 0.929402 2.18698 0.929443 2.43819Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};
+LogoStoreGoogle.displayName = "LogoStoreGoogle";
+const ForwardRef = forwardRef(LogoStoreGoogle);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as LogoStoreGoogle };

package/src/components/web/Mail.tsx

@@ -0,0 +1,41 @@
+import * as React from "react";
+import type { SVGProps } from "react";
+import { Ref, forwardRef, memo } from "react";
+interface Props extends React.SVGProps<SVGSVGElement> {
+  size?: number;
+  color?: string;
+}
+const Mail = (props: Props, ref: React.Ref<SVGSVGElement>) => {
+  const {
+    size = 24,
+    color = "currentColor",
+    stroke = "",
+    strokeWidth = 1.5,
+  } = props;
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 20 16"
+      fill="none"
+      width={size}
+      height={size}
+      color={color}
+      stroke={stroke}
+      strokeWidth={strokeWidth}
+      ref={ref}
+      {...props}
+    >
+      <path
+        d="M1.14062 2.07446L8.83365 7.57446C9.17285 7.81676 9.57927 7.94696 9.99612 7.94696C10.413 7.94696 10.8195 7.81676 11.1587 7.57446L18.8976 2.05444M2.65663 1.04541H17.3846C18.2882 1.04541 19.0206 1.77787 19.0206 2.68141V13.3184C19.0206 14.2219 18.2882 14.9544 17.3846 14.9544H2.65663C1.75309 14.9544 1.02063 14.2219 1.02063 13.3184V2.68141C1.02063 1.77787 1.75309 1.04541 2.65663 1.04541Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};
+Mail.displayName = "Mail";
+const ForwardRef = forwardRef(Mail);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as Mail };

package/src/components/web/MapOpen.tsx

@@ -0,0 +1,41 @@
+import * as React from "react";
+import type { SVGProps } from "react";
+import { Ref, forwardRef, memo } from "react";
+interface Props extends React.SVGProps<SVGSVGElement> {
+  size?: number;
+  color?: string;
+}
+const MapOpen = (props: Props, ref: React.Ref<SVGSVGElement>) => {
+  const {
+    size = 24,
+    color = "currentColor",
+    stroke = "",
+    strokeWidth = 1.5,
+  } = props;
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 20 20"
+      fill="none"
+      width={size}
+      height={size}
+      color={color}
+      stroke={stroke}
+      strokeWidth={strokeWidth}
+      ref={ref}
+      {...props}
+    >
+      <path
+        d="M7.02063 17.2165V1M13.0206 2.7834V18.9997M19.0206 3.66661V15.6663C19.0206 16.5271 18.4698 17.2914 17.6532 17.5637L13.6532 18.8973C13.2426 19.0342 12.7987 19.0342 12.3881 18.8973L7.65316 17.3188C7.24258 17.182 6.79868 17.182 6.3881 17.3188L3.65316 18.2306C3.04326 18.4339 2.37279 18.3317 1.85124 17.9558C1.32968 17.5799 1.02063 16.9762 1.02063 16.3333V4.3335C1.02063 3.47266 1.57145 2.7084 2.3881 2.43615L6.3881 1.10266C6.79868 0.965782 7.24258 0.965782 7.65316 1.10266L12.3881 2.68115C12.7987 2.81805 13.2426 2.81805 13.6532 2.68115L16.388 1.76931C16.9979 1.56596 17.6684 1.66821 18.19 2.0441C18.7116 2.41999 19.0206 3.0237 19.0206 3.66661Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};
+MapOpen.displayName = "MapOpen";
+const ForwardRef = forwardRef(MapOpen);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as MapOpen };

package/src/components/web/MapPin.tsx

@@ -0,0 +1,41 @@
+import * as React from "react";
+import type { SVGProps } from "react";
+import { Ref, forwardRef, memo } from "react";
+interface Props extends React.SVGProps<SVGSVGElement> {
+  size?: number;
+  color?: string;
+}
+const MapPin = (props: Props, ref: React.Ref<SVGSVGElement>) => {
+  const {
+    size = 24,
+    color = "currentColor",
+    stroke = "",
+    strokeWidth = 1.5,
+  } = props;
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 21 20"
+      fill="none"
+      width={size}
+      height={size}
+      color={color}
+      stroke={stroke}
+      strokeWidth={strokeWidth}
+      ref={ref}
+      {...props}
+    >
+      <path
+        d="M13.0218 1.00634V6.99883M7.01928 2.77707V17.003M19.0243 7.99925V3.61042C19.0243 3.17924 18.7482 2.79708 18.34 2.66103L13.654 1.09937C13.2419 0.962318 12.7977 0.962318 12.3855 1.09937L7.65155 2.67703C7.24038 2.81409 6.79719 2.81409 6.38602 2.67703L2.33333 1.32647C1.68606 1.11038 1.01678 1.59258 1.01678 2.27586V13.6196C1.01678 13.9987 1.23087 14.3459 1.57002 14.515L6.12491 16.7919C6.68815 17.074 7.35142 17.073 7.91466 16.7919L10.0205 15.7385M17.2155 18.7227C16.8294 19.0979 16.2181 19.0979 15.832 18.7227C14.8105 17.7313 13.0218 15.7265 13.0218 13.8497C13.0218 11.9159 14.5894 10.3482 16.5232 10.3482C18.457 10.3482 20.0247 11.9159 20.0247 13.8497C20.0247 15.7265 18.236 17.7313 17.2155 18.7227ZM16.5174 12.7201C16.0854 12.7201 15.7374 13.0711 15.7404 13.5001C15.7404 13.9321 16.0914 14.2801 16.5204 14.2801C16.9494 14.2801 17.3004 13.9291 17.3004 13.5001C17.3004 13.0681 16.9524 12.7201 16.5174 12.7201Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};
+MapPin.displayName = "MapPin";
+const ForwardRef = forwardRef(MapPin);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as MapPin };

package/src/components/web/MarkerBalance.tsx

@@ -0,0 +1,41 @@
+import * as React from "react";
+import type { SVGProps } from "react";
+import { Ref, forwardRef, memo } from "react";
+interface Props extends React.SVGProps<SVGSVGElement> {
+  size?: number;
+  color?: string;
+}
+const MarkerBalance = (props: Props, ref: React.Ref<SVGSVGElement>) => {
+  const {
+    size = 24,
+    color = "currentColor",
+    stroke = "",
+    strokeWidth = 1.5,
+  } = props;
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 25 24"
+      fill="none"
+      width={size}
+      height={size}
+      color={color}
+      stroke={stroke}
+      strokeWidth={strokeWidth}
+      ref={ref}
+      {...props}
+    >
+      <path
+        d="M12.0206 11.4336L13.0206 9.43359M3.02057 8V16C3.02057 17.3261 3.54736 18.5975 4.48505 19.5352C5.42273 20.4728 6.69449 21 8.02057 21H16.0206C17.3467 21 18.6184 20.4728 19.5561 19.5352C20.4938 18.5975 21.0206 17.3261 21.0206 16V8C21.0206 6.67392 20.4938 5.40155 19.5561 4.46387C18.6184 3.52619 17.3467 3 16.0206 3H8.02057C7.36396 3 6.71378 3.12959 6.10715 3.38086C5.50052 3.63213 4.94934 3.99957 4.48505 4.46387C4.02075 4.92816 3.65246 5.48029 3.40118 6.08691C3.14991 6.69354 3.02057 7.34339 3.02057 8ZM12.0206 6.43359C13.0814 6.43359 14.0989 6.85502 14.849 7.60517C15.5991 8.35531 16.0206 9.37273 16.0206 10.4336C16.0206 10.6988 15.9152 10.9532 15.7277 11.1407C15.5401 11.3282 15.2858 11.4336 15.0206 11.4336H9.02057C8.75535 11.4336 8.501 11.3282 8.31346 11.1407C8.12593 10.9532 8.02057 10.6988 8.02057 10.4336C8.02057 9.37273 8.442 8.35531 9.19214 7.60517C9.94229 6.85502 10.9597 6.43359 12.0206 6.43359Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};
+MarkerBalance.displayName = "MarkerBalance";
+const ForwardRef = forwardRef(MarkerBalance);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as MarkerBalance };