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

package/src/components/web/Phone.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 Phone = (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 12 18"
+      fill="none"
+      width={size}
+      height={size}
+      color={color}
+      stroke={stroke}
+      strokeWidth={strokeWidth}
+      ref={ref}
+      {...props}
+    >
+      <path
+        d="M4.0125 1V2.7998C4.00051 2.9454 4.04617 3.08992 4.1397 3.20215C4.23323 3.31438 4.36713 3.38496 4.5125 3.39941H7.5125C7.65788 3.38496 7.79178 3.31438 7.88531 3.20215C7.97883 3.08992 8.0245 2.9454 8.0125 2.7998V1M4.88745 14.5H7.13745M3.01245 1H9.01245C10.117 1 11.0125 1.89543 11.0125 3V15C11.0125 16.1046 10.117 17 9.01245 17H3.01245C1.90788 17 1.01245 16.1046 1.01245 15V3C1.01245 1.89543 1.90788 1 3.01245 1Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};
+Phone.displayName = "Phone";
+const ForwardRef = forwardRef(Phone);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as Phone };

package/src/components/web/PhoneMessage.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 PhoneMessage = (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="M7.75195 19.0132H10.252M14.002 13.4897V19.5132C14.002 20.0436 13.7912 20.5522 13.4161 20.9272C13.0411 21.3023 12.5324 21.5132 12.002 21.5132H6.00195C5.47152 21.5132 4.96284 21.3023 4.58777 20.9272C4.2127 20.5522 4.00195 20.0436 4.00195 19.5132V7.51318C4.00195 6.98275 4.2127 6.47419 4.58777 6.09912C4.96284 5.72405 5.47152 5.51318 6.00195 5.51318H9.60193M9.63491 10.5691C9.02037 9.40314 8.84394 8.05604 9.1376 6.77121C9.43126 5.48637 10.1756 4.34931 11.2356 3.56613C12.2956 2.78294 13.6013 2.40494 14.9157 2.50167C16.2301 2.59841 17.4663 3.16354 18.4003 4.09347C19.3342 5.02341 19.904 6.25703 20.0064 7.57101C20.1088 8.88499 19.737 10.1922 18.9584 11.2556C18.1798 12.319 17.0459 13.0677 15.7624 13.3669C14.4788 13.6661 13.1305 13.496 11.9619 12.8864L9.0209 13.5114L9.63491 10.5691Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};
+PhoneMessage.displayName = "PhoneMessage";
+const ForwardRef = forwardRef(PhoneMessage);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as PhoneMessage };

package/src/components/web/PhotoAxis.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 PhotoAxis = (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="M5.34241 9.00032L6.65546 4.1009C6.72345 3.84717 6.84074 3.60909 7.00067 3.40071C7.1606 3.19232 7.36001 3.01737 7.58752 2.88606C7.81504 2.75475 8.06622 2.66932 8.32666 2.63508C8.5871 2.60085 8.85169 2.61879 9.10541 2.68684L19.1874 5.38704C19.6994 5.52439 20.136 5.85868 20.4011 6.3177C20.6663 6.77672 20.7383 7.32218 20.6014 7.8343L20.2904 8.99837M3.73444 15L3.42346 16.1641C3.28632 16.6763 3.35819 17.2224 3.62335 17.6816C3.88851 18.1409 4.32519 18.4759 4.8374 18.6133L14.9194 21.3135C15.1731 21.3815 15.4378 21.3985 15.6982 21.3643C15.9587 21.33 16.2098 21.2446 16.4373 21.1133C16.6648 20.982 16.8642 20.808 17.0242 20.5996C17.1841 20.3912 17.3015 20.1531 17.3694 19.8994L18.6824 14.999M2.01245 12H4.01245M8.01245 12H10.0125M14.0125 12H16.0125M20.0125 12H22.0125"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};
+PhotoAxis.displayName = "PhotoAxis";
+const ForwardRef = forwardRef(PhotoAxis);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as PhotoAxis };

package/src/components/web/PhotoBrightness.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 PhotoBrightness = (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 3V2M12.0206 22V21M18.3846 5.63571L19.0916 4.92871M4.94958 19.0713L5.65658 18.3643M21.0206 12H22.0206M2.02063 12H3.02063M18.3846 18.3643L19.0916 19.0713M4.94958 4.92871L5.65658 5.63571M17.5206 12C17.5206 15.0376 15.0582 17.5 12.0206 17.5C8.98306 17.5 6.52063 15.0376 6.52063 12C6.52063 8.96243 8.98306 6.5 12.0206 6.5C15.0582 6.5 17.5206 8.96243 17.5206 12Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};
+PhotoBrightness.displayName = "PhotoBrightness";
+const ForwardRef = forwardRef(PhotoBrightness);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as PhotoBrightness };

package/src/components/web/PhotoCamera.tsx

@@ -0,0 +1,47 @@
+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 PhotoCamera = (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="M2.76437 9.65615C2.95262 8.80946 3.44855 8.06281 4.15601 7.561C4.86346 7.05918 5.73205 6.83794 6.59337 6.94015H7.42637C7.60355 6.10675 8.07865 5.3666 8.76258 4.85848C9.44651 4.35036 10.2923 4.10917 11.1414 4.18014H13.1654C14.0156 4.11248 14.8617 4.35464 15.5474 4.8619C16.2331 5.36916 16.7122 6.1073 16.8964 6.94015H17.5544C18.0308 6.8948 18.5114 6.94862 18.966 7.09823C19.4205 7.24783 19.8392 7.48998 20.1955 7.80941C20.5519 8.12883 20.8382 8.51856 21.0364 8.95412C21.2347 9.38968 21.3406 9.8616 21.3474 10.3401C21.3474 11.5611 21.3474 15.2931 21.3474 15.6721C21.4127 16.3774 21.3212 17.0884 21.0794 17.7541C20.8172 18.3683 20.3811 18.8922 19.8247 19.2615C19.2684 19.6307 18.6161 19.8291 17.9484 19.8321H6.09337C5.31188 19.8271 4.55559 19.555 3.95005 19.061C3.34451 18.567 2.92614 17.8807 2.76437 17.1161C2.62837 16.4571 2.69437 12.6241 2.69437 12.6241C2.65121 11.6343 2.67459 10.6428 2.76437 9.65615Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M12.0804 16.4891C14.1592 16.4891 15.8444 14.8039 15.8444 12.7251C15.8444 10.6463 14.1592 8.9611 12.0804 8.9611C10.0016 8.9611 8.31637 10.6463 8.31637 12.7251C8.31637 14.8039 10.0016 16.4891 12.0804 16.4891Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};
+PhotoCamera.displayName = "PhotoCamera";
+const ForwardRef = forwardRef(PhotoCamera);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as PhotoCamera };

package/src/components/web/PhotoCenter.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 PhotoCenter = (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="M15.0206 3H19.0206C19.5511 3 20.0597 3.21086 20.4348 3.58594C20.8099 3.96101 21.0206 4.46957 21.0206 5V9M9.02063 21H5.02063C4.4902 21 3.98152 20.7891 3.60645 20.4141C3.23137 20.039 3.02063 19.5304 3.02063 19V15M21.0206 15V19C21.0206 19.5304 20.8099 20.039 20.4348 20.4141C20.0597 20.7891 19.5511 21 19.0206 21H15.0206M3.02063 9V5C3.02063 4.46957 3.23137 3.96101 3.60645 3.58594C3.98152 3.21086 4.4902 3 5.02063 3H9.02063M9.02063 8H15.0206C15.5729 8 16.0206 8.44772 16.0206 9V15C16.0206 15.5523 15.5729 16 15.0206 16H9.02063C8.46835 16 8.02063 15.5523 8.02063 15V9C8.02063 8.44772 8.46835 8 9.02063 8Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};
+PhotoCenter.displayName = "PhotoCenter";
+const ForwardRef = forwardRef(PhotoCenter);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as PhotoCenter };

package/src/components/web/Pill.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 Pill = (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="M15.589 15.5033L17.5295 13.5628C17.9625 13.1308 18.5515 12.5388 18.9845 12.1068C19.5774 11.6441 20.0653 11.0607 20.4158 10.3952C20.7662 9.72977 20.9713 8.99747 21.0174 8.24679C21.0635 7.4961 20.9496 6.74419 20.6832 6.04085C20.4168 5.33752 20.004 4.6988 19.4722 4.16703C18.9403 3.63525 18.3016 3.22254 17.5982 2.95624C16.8948 2.68994 16.1429 2.57613 15.3922 2.62233C14.6415 2.66854 13.9093 2.87372 13.2439 3.22428C12.5785 3.57483 11.9951 4.06278 11.5325 4.65577C11.1005 5.08677 10.5095 5.68075 10.0775 6.11075L8.13702 8.05126M15.589 15.5033L13.6486 17.4438C13.2166 17.8748 12.6256 18.4678 12.1936 18.8988C11.6497 19.4414 11.1384 19.9605 10.4735 20.3041C9.8086 20.6478 9.07928 20.8489 8.3322 20.8945C7.58513 20.9402 6.83676 20.8294 6.13496 20.5692C5.43316 20.3091 4.79339 19.9053 4.25657 19.3838C3.73402 18.8475 3.32937 18.2078 3.06862 17.5059C2.80786 16.804 2.69675 16.0553 2.74242 15.3079C2.78809 14.5605 2.98953 13.8309 3.33381 13.166C3.6781 12.5011 4.18732 11.9997 4.74158 11.4468C5.17458 11.0148 5.76357 10.4228 6.19657 9.99177L8.13702 8.05126M15.589 15.5033L8.13702 8.05126M11.6626 8.26577C11.6626 8.26577 13.0426 6.86576 13.3736 6.53476L13.8836 6.02477C14.3801 5.53848 15.0484 5.26773 15.7433 5.27138C16.4383 5.27503 17.1037 5.55277 17.5951 6.04425C18.0864 6.53573 18.364 7.20124 18.3675 7.8962C18.3709 8.59115 18.1 9.2594 17.6136 9.75576"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};
+Pill.displayName = "Pill";
+const ForwardRef = forwardRef(Pill);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as Pill };

package/src/components/web/PillClock.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 PillClock = (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="M7.64867 13.8669L11.3062 11.637V6.98406M11.0201 20.0035C6.17702 20.0052 2.20021 16.1757 2.01933 11.336C1.83845 6.49632 5.51832 2.3806 10.348 2.02085C15.1777 1.66111 19.4267 5.18625 19.9648 9.99931M16.0842 15.0634L19.9648 18.944M18.7 20.2014L21.2213 17.6801C22.2916 16.6098 22.2908 14.8738 21.2205 13.8036C20.1503 12.7334 18.4143 12.7326 17.3441 13.8028L14.8227 16.3242C13.7525 17.3944 13.7533 19.1304 14.8235 20.2006C15.8937 21.2709 17.6297 21.2717 18.7 20.2014Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};
+PillClock.displayName = "PillClock";
+const ForwardRef = forwardRef(PillClock);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as PillClock };

package/src/components/web/Pin.tsx

@@ -0,0 +1,47 @@
+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 Pin = (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="M17.5886 16.7504L12.0206 22.3304L6.45264 16.7504C4.67031 14.9642 3.66941 12.5438 3.66962 10.0204C3.66949 8.92374 3.88542 7.83774 4.30505 6.82449C4.72468 5.81124 5.33981 4.89059 6.1153 4.1151C6.89078 3.33961 7.81143 2.72449 8.82468 2.30486C9.83793 1.88522 10.9239 1.6693 12.0206 1.66943C14.2355 1.66943 16.3596 2.54927 17.9257 4.11539C19.4918 5.6815 20.3716 7.80562 20.3716 10.0204C20.3715 12.5437 19.3707 14.964 17.5886 16.7504Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M12.0306 12.9889C13.8764 12.9889 15.3726 11.4927 15.3726 9.64694C15.3726 7.8012 13.8764 6.30494 12.0306 6.30494C10.1849 6.30494 8.68863 7.8012 8.68863 9.64694C8.68863 11.4927 10.1849 12.9889 12.0306 12.9889Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};
+Pin.displayName = "Pin";
+const ForwardRef = forwardRef(Pin);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as Pin };

package/src/components/web/PinAlert.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 PinAlert = (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="M11.9366 15.8983V14.8983M11.9366 5.89832V11.8983M17.6636 16.8153L12.0206 22.4713L6.37663 16.8153C4.57021 15.0045 3.55571 12.5511 3.55563 9.99335C3.55563 8.88171 3.77458 7.78093 4.19999 6.75391C4.6254 5.72689 5.24893 4.79374 6.03497 4.00769C6.82102 3.22164 7.75419 2.59811 8.78121 2.1727C9.80823 1.74729 10.909 1.52832 12.0206 1.52832C14.2657 1.52832 16.4188 2.42019 18.0063 4.00769C19.5938 5.59519 20.4856 7.74829 20.4856 9.99335C20.4855 12.5513 19.4706 15.0048 17.6636 16.8153Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};
+PinAlert.displayName = "PinAlert";
+const ForwardRef = forwardRef(PinAlert);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as PinAlert };

package/src/components/web/PinCheck.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 PinCheck = (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="M16.1509 8.24706L11.7269 12.8741L8.6559 9.92207M17.5573 16.7251L12.0203 22.2741L6.48328 16.7251C4.71061 14.9483 3.71514 12.5409 3.71527 10.0311C3.71554 7.82835 4.59073 5.71594 6.14838 4.15848C7.70602 2.60102 9.81856 1.72607 12.0213 1.72607C14.2238 1.72634 16.3361 2.60141 17.8935 4.15884C19.4509 5.71628 20.326 7.82853 20.3263 10.0311C20.3261 12.541 19.3303 14.9485 17.5573 16.7251Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};
+PinCheck.displayName = "PinCheck";
+const ForwardRef = forwardRef(PinCheck);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as PinCheck };

package/src/components/web/PinClose.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 PinClose = (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="M8.98267 6.94096L15.0827 13.041M15.0847 6.94096L8.98465 13.041M17.5872 16.7499L12.0202 22.3299L6.45316 16.7499C4.67126 14.9638 3.67044 12.5439 3.67017 10.0209C3.67003 8.9243 3.88591 7.83839 4.30548 6.82521C4.72505 5.81203 5.3401 4.89141 6.11548 4.11594C6.89086 3.34046 7.81139 2.72531 8.82452 2.30562C9.83766 1.88593 10.9236 1.66992 12.0202 1.66992C14.235 1.66992 16.3591 2.54976 17.9252 4.11588C19.4913 5.68199 20.3712 7.8061 20.3712 10.0209C20.3705 12.544 19.3693 14.9639 17.5872 16.7499Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};
+PinClose.displayName = "PinClose";
+const ForwardRef = forwardRef(PinClose);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as PinClose };

package/src/components/web/PinRoute.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 PinRoute = (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="M16.0205 13.0562H18.0205C18.5509 13.0562 19.0597 13.267 19.4348 13.6421C19.8099 14.0172 20.0205 14.5257 20.0205 15.0562C20.0205 15.5866 19.8099 16.0951 19.4348 16.4702C19.0597 16.8453 18.5509 17.0562 18.0205 17.0562H6.02051C5.49007 17.0562 4.9814 17.267 4.60632 17.6421C4.23125 18.0172 4.02051 18.5257 4.02051 19.0562C4.02051 19.5866 4.23125 20.0951 4.60632 20.4702C4.9814 20.8453 5.49007 21.0562 6.02051 21.0562H10.0205M11.0205 13.0562C11.0205 13.0562 15.0205 9.86134 15.0205 6.94434C15.0205 5.88347 14.5991 4.86587 13.849 4.11572C13.0989 3.36558 12.0814 2.94434 11.0205 2.94434C9.95964 2.94434 8.94228 3.36558 8.19214 4.11572C7.44199 4.86587 7.02051 5.88347 7.02051 6.94434C7.02051 9.86134 11.0205 13.0562 11.0205 13.0562Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};
+PinRoute.displayName = "PinRoute";
+const ForwardRef = forwardRef(PinRoute);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as PinRoute };

package/src/components/web/Pix.tsx

@@ -0,0 +1,39 @@
+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 Pix = (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="M3.91384 16.2804C4.20673 16.5733 4.6816 16.5733 4.9745 16.2804C5.26739 15.9875 5.26739 15.5126 4.9745 15.2197L3.91384 16.2804ZM2.96017 14.2661L3.4905 13.7357L3.48973 13.735L2.96017 14.2661ZM2.96017 9.73407L3.48973 10.2652L3.4905 10.2644L2.96017 9.73407ZM4.7315 9.0234C5.02439 8.7305 5.02439 8.25563 4.7315 7.96274C4.4386 7.66984 3.96373 7.66984 3.67084 7.96274L4.7315 9.0234ZM20.1475 7.73774C19.8546 7.44484 19.3797 7.44484 19.0868 7.73774C18.7939 8.03063 18.7939 8.5055 19.0868 8.7984L20.1475 7.73774ZM21.0832 9.73407L21.6136 9.2038L21.6135 9.20374L21.0832 9.73407ZM22.0216 12.0001H22.7716H22.0216ZM21.0832 14.2661L21.6133 14.7966L21.6136 14.7963L21.0832 14.2661ZM19.11 15.1776C18.817 15.4703 18.8169 15.9452 19.1097 16.2382C19.4024 16.5312 19.8773 16.5314 20.1703 16.2386L19.11 15.1776ZM17.4362 7.22407V6.47407H17.4362L17.4362 7.22407ZM15.5292 8.02407L14.9941 7.49853L14.9935 7.49912L15.5292 8.02407ZM13.7652 9.82407L13.2295 9.29912L13.2291 9.29954L13.7652 9.82407ZM10.2082 9.84107L10.7392 9.31144L10.7382 9.31045L10.2082 9.84107ZM8.37117 8.00607L7.84084 8.5364L7.84113 8.53669L8.37117 8.00607ZM6.48217 7.22407L6.4821 7.97407H6.48246L6.48217 7.22407ZM6.18217 6.49807L6.71165 7.02924L6.71168 7.02921L6.18217 6.49807ZM9.75317 2.93807L10.2827 3.46922L10.2841 3.46775L9.75317 2.93807ZM12.0187 1.99805V1.24805V1.99805ZM14.2842 2.93807L13.7532 3.46775L13.7541 3.46862L14.2842 2.93807ZM17.8482 6.49907L18.3794 5.96965L18.3783 5.96851L17.8482 6.49907ZM17.5482 7.22407V7.97407L17.55 7.97406L17.5482 7.22407ZM6.59617 16.7761V17.5261H6.59618L6.59617 16.7761ZM8.50317 15.9761L7.96826 15.4504L7.96808 15.4505L8.50317 15.9761ZM10.5032 13.9411L11.0381 14.4668L11.0384 14.4665L10.5032 13.9411ZM13.5882 13.9261L13.0581 14.4567L13.0582 14.4568L13.5882 13.9261ZM15.6592 15.9941L16.1895 15.4637L16.1891 15.4634L15.6592 15.9941ZM17.5482 16.7761L17.5482 16.0261H17.5479L17.5482 16.7761ZM17.8482 17.5021L17.3187 16.9709L17.3187 16.9709L17.8482 17.5021ZM14.2772 21.0621L13.7477 20.5309L13.7462 20.5324L14.2772 21.0621ZM12.0117 22.0021V21.2521V22.0021ZM9.74617 21.0621L10.2771 20.5324L10.2764 20.5317L9.74617 21.0621ZM6.18417 17.5011L5.65292 18.0305L5.65391 18.0315L6.18417 17.5011ZM6.48417 16.7761V16.0261L6.48233 16.0261L6.48417 16.7761ZM4.9745 15.2197L3.4905 13.7357L2.42984 14.7964L3.91384 16.2804L4.9745 15.2197ZM3.48973 13.735C3.26148 13.5074 3.08038 13.237 2.95682 12.9393L1.57141 13.5143C1.77063 13.9943 2.0626 14.4302 2.4306 14.7972L3.48973 13.735ZM2.95682 12.9393C2.83325 12.6416 2.76965 12.3224 2.76965 12.0001H1.26965C1.26965 12.5197 1.37219 13.0343 1.57141 13.5143L2.95682 12.9393ZM2.76965 12.0001C2.76965 11.6777 2.83325 11.3586 2.95682 11.0609L1.57141 10.4858C1.37219 10.9658 1.26965 11.4804 1.26965 12.0001H2.76965ZM2.95682 11.0609C3.08038 10.7632 3.26148 10.4928 3.48973 10.2652L2.4306 9.20297C2.0626 9.56991 1.77063 10.0059 1.57141 10.4858L2.95682 11.0609ZM3.4905 10.2644L4.7315 9.0234L3.67084 7.96274L2.42984 9.20374L3.4905 10.2644ZM19.0868 8.7984L20.5528 10.2644L21.6135 9.20374L20.1475 7.73774L19.0868 8.7984ZM20.5528 10.2643C21.013 10.7247 21.2716 11.3491 21.2716 12.0001H22.7716C22.7716 10.9513 22.3551 9.94548 21.6136 9.2038L20.5528 10.2643ZM21.2716 12.0001C21.2716 12.6511 21.013 13.2754 20.5528 13.7358L21.6136 14.7963C22.3551 14.0547 22.7716 13.0488 22.7716 12.0001H21.2716ZM20.553 13.7356L19.11 15.1776L20.1703 16.2386L21.6133 14.7966L20.553 13.7356ZM17.4362 6.47407C16.9815 6.47407 16.5313 6.56467 16.112 6.74057L16.6923 8.12378C16.9279 8.02497 17.1807 7.97407 17.4362 7.97407L17.4362 6.47407ZM16.112 6.74057C15.6927 6.91646 15.3127 7.17413 14.9941 7.49853L16.0643 8.5496C16.2432 8.36736 16.4567 8.2226 16.6923 8.12378L16.112 6.74057ZM14.9935 7.49912L13.2295 9.29912L14.3008 10.349L16.0648 8.54901L14.9935 7.49912ZM13.2291 9.29954C13.0671 9.46508 12.8739 9.59683 12.6606 9.68714L13.2455 11.0684C13.6416 10.9007 14.0004 10.656 14.3012 10.3486L13.2291 9.29954ZM12.6606 9.68714C12.4473 9.77744 12.2182 9.82451 11.9866 9.82562L11.9938 11.3256C12.4239 11.3235 12.8494 11.2361 13.2455 11.0684L12.6606 9.68714ZM11.9866 9.82562C11.755 9.82673 11.5255 9.78185 11.3114 9.69358L10.7397 11.0804C11.1374 11.2443 11.5637 11.3277 11.9938 11.3256L11.9866 9.82562ZM11.3114 9.69358C11.0972 9.60532 10.9028 9.47543 10.7392 9.31144L9.67714 10.3707C9.98088 10.6752 10.3421 10.9165 10.7397 11.0804L11.3114 9.69358ZM10.7382 9.31045L8.90121 7.47545L7.84113 8.53669L9.67813 10.3717L10.7382 9.31045ZM8.90149 7.47573C8.58376 7.158 8.20652 6.906 7.79135 6.73413L7.21761 8.12007C7.45069 8.21656 7.66247 8.35803 7.84084 8.5364L8.90149 7.47573ZM7.79135 6.73413C7.37618 6.56226 6.93121 6.47389 6.48187 6.47407L6.48246 7.97407C6.73472 7.97397 6.98453 8.02358 7.21761 8.12007L7.79135 6.73413ZM6.48224 6.47407C6.54656 6.47407 6.60943 6.49316 6.66289 6.52892L5.82895 7.77574C6.02225 7.90502 6.24955 7.97404 6.4821 7.97407L6.48224 6.47407ZM6.66289 6.52892C6.71636 6.56468 6.75801 6.6155 6.78257 6.67495L5.39627 7.2478C5.48508 7.46272 5.63566 7.64645 5.82895 7.77574L6.66289 6.52892ZM6.78257 6.67495C6.80714 6.73439 6.81351 6.79979 6.80088 6.86286L5.33007 6.56843C5.28442 6.79645 5.30746 7.03289 5.39627 7.2478L6.78257 6.67495ZM6.80088 6.86286C6.78826 6.92593 6.7572 6.98383 6.71165 7.02924L5.65268 5.96689C5.48799 6.13106 5.37571 6.34041 5.33007 6.56843L6.80088 6.86286ZM6.71168 7.02921L10.2827 3.46921L9.22366 2.40692L5.65266 5.96692L6.71168 7.02921ZM10.2841 3.46775C10.5117 3.23961 10.7821 3.05861 11.0797 2.93511L10.5048 1.54965C10.025 1.74875 9.58911 2.04057 9.22219 2.40838L10.2841 3.46775ZM11.0797 2.93511C11.3773 2.81162 11.6964 2.74805 12.0187 2.74805V1.24805C11.4991 1.24805 10.9847 1.35054 10.5048 1.54965L11.0797 2.93511ZM12.0187 2.74805C12.3409 2.74805 12.66 2.81162 12.9576 2.93511L13.5325 1.54965C13.0526 1.35054 12.5382 1.24805 12.0187 1.24805V2.74805ZM12.9576 2.93511C13.2553 3.05861 13.5256 3.23961 13.7532 3.46775L14.8151 2.40838C14.4482 2.04057 14.0124 1.74875 13.5325 1.54965L12.9576 2.93511ZM17.3169 7.02848C17.2716 6.98303 17.2408 6.9252 17.2283 6.86225L18.6997 6.57062C18.6546 6.34307 18.5432 6.13397 18.3794 5.96965L17.3169 7.02848ZM17.2283 6.86225C17.2159 6.79931 17.2223 6.73409 17.2468 6.6748L18.6328 7.24833C18.7215 7.03398 18.7448 6.79817 18.6997 6.57062L17.2283 6.86225ZM17.2468 6.6748C17.2714 6.61551 17.3129 6.56481 17.3662 6.52909L18.2013 7.77513C18.394 7.64598 18.5442 7.46268 18.6328 7.24833L17.2468 6.6748ZM17.3662 6.52909C17.4195 6.49337 17.4822 6.47423 17.5463 6.47407L17.55 7.97406C17.782 7.9735 18.0086 7.90428 18.2013 7.77513L17.3662 6.52909ZM17.5482 6.47407H17.4362V7.97407H17.5482V6.47407ZM6.59618 17.5261C7.05087 17.5261 7.50101 17.4355 7.9203 17.2596L7.34003 15.8764C7.10448 15.9752 6.8516 16.0261 6.59616 16.0261L6.59618 17.5261ZM7.9203 17.2596C8.33959 17.0837 8.71964 16.826 9.03825 16.5016L7.96808 15.4505C7.78909 15.6328 7.57559 15.7775 7.34003 15.8764L7.9203 17.2596ZM9.03808 16.5018L11.0381 14.4668L9.96826 13.4154L7.96826 15.4504L9.03808 16.5018ZM11.0384 14.4665C11.1699 14.3325 11.3267 14.2259 11.4997 14.1528L10.9159 12.771C10.5605 12.9212 10.2383 13.1403 9.96797 13.4157L11.0384 14.4665ZM11.4997 14.1528C11.6727 14.0797 11.8584 14.0416 12.0462 14.0407L12.0389 12.5407C11.653 12.5426 11.2714 12.6209 10.9159 12.771L11.4997 14.1528ZM12.0462 14.0407C12.234 14.0398 12.4201 14.0761 12.5938 14.1475L13.1641 12.7601C12.8072 12.6134 12.4248 12.5388 12.0389 12.5407L12.0462 14.0407ZM12.5938 14.1475C12.7674 14.2189 12.9253 14.3239 13.0581 14.4567L14.1182 13.3955C13.8452 13.1228 13.5209 12.9068 13.1641 12.7601L12.5938 14.1475ZM13.0582 14.4568L15.1292 16.5248L16.1891 15.4634L14.1181 13.3954L13.0582 14.4568ZM15.1288 16.5244C15.4466 16.8421 15.8238 17.0941 16.239 17.266L16.8127 15.8801C16.5796 15.7836 16.3679 15.6421 16.1895 15.4637L15.1288 16.5244ZM16.239 17.266C16.6542 17.4379 17.0991 17.5262 17.5485 17.5261L17.5479 16.0261C17.2956 16.0262 17.0458 15.9766 16.8127 15.8801L16.239 17.266ZM17.5481 17.5261C17.4838 17.5261 17.4209 17.507 17.3674 17.4712L18.2014 16.2244C18.0081 16.0951 17.7808 16.0261 17.5482 16.0261L17.5481 17.5261ZM17.3674 17.4712C17.314 17.4355 17.2723 17.3846 17.2478 17.3252L18.6341 16.7523C18.5453 16.5374 18.3947 16.3537 18.2014 16.2244L17.3674 17.4712ZM17.2478 17.3252C17.2232 17.2657 17.2168 17.2003 17.2294 17.1373L18.7003 17.4317C18.7459 17.2037 18.7229 16.9673 18.6341 16.7523L17.2478 17.3252ZM17.2294 17.1373C17.2421 17.0742 17.2731 17.0163 17.3187 16.9709L18.3776 18.0332C18.5423 17.8691 18.6546 17.6597 18.7003 17.4317L17.2294 17.1373ZM17.3187 16.9709L13.7477 20.5309L14.8067 21.5932L18.3777 18.0332L17.3187 16.9709ZM13.7462 20.5324C13.5186 20.7605 13.2483 20.9415 12.9506 21.065L13.5255 22.4505C14.0054 22.2514 14.4412 21.9596 14.8081 21.5917L13.7462 20.5324ZM12.9506 21.065C12.653 21.1885 12.3339 21.2521 12.0117 21.2521V22.7521C12.5312 22.7521 13.0456 22.6496 13.5255 22.4505L12.9506 21.065ZM12.0117 21.2521C11.6894 21.2521 11.3703 21.1885 11.0727 21.065L10.4978 22.4505C10.9777 22.6496 11.4921 22.7521 12.0117 22.7521V21.2521ZM11.0727 21.065C10.7751 20.9415 10.5047 20.7605 10.2771 20.5324L9.21519 21.5917C9.58211 21.9596 10.018 22.2514 10.4978 22.4505L11.0727 21.065ZM6.71541 16.9717C6.7607 17.0171 6.79153 17.0749 6.804 17.1379L5.33263 17.4295C5.37773 17.6571 5.48917 17.8662 5.65292 18.0305L6.71541 16.9717ZM6.804 17.1379C6.81648 17.2008 6.81004 17.266 6.78551 17.3253L5.39949 16.7518C5.31079 16.9662 5.28753 17.202 5.33263 17.4295L6.804 17.1379ZM6.78551 17.3253C6.76098 17.3846 6.71945 17.4353 6.66614 17.471L5.83104 16.225C5.63834 16.3542 5.48818 16.5375 5.39949 16.7518L6.78551 17.3253ZM6.66614 17.471C6.61284 17.5068 6.55016 17.5259 6.486 17.5261L6.48233 16.0261C6.25036 16.0266 6.02375 16.0959 5.83104 16.225L6.66614 17.471ZM6.48417 17.5261H6.59617V16.0261H6.48417V17.5261ZM13.7541 3.46862L17.3181 7.02962L18.3783 5.96851L14.8143 2.40751L13.7541 3.46862ZM10.2764 20.5317L6.71442 16.9707L5.65391 18.0315L9.21591 21.5925L10.2764 20.5317Z"
+        fill={color}
+      />
+    </svg>
+  );
+};
+Pix.displayName = "Pix";
+const ForwardRef = forwardRef(Pix);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as Pix };

package/src/components/web/Play.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 Play = (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="M5.55439 5.36656C5.65463 5.03936 5.83015 4.74019 6.06684 4.49302C6.30352 4.24586 6.59478 4.0576 6.91733 3.94328C7.23988 3.82896 7.58475 3.79175 7.92426 3.8347C8.26376 3.87765 8.58848 3.99956 8.87241 4.1906C9.42041 4.5686 16.5634 9.4536 16.5634 9.4536C17.4494 10.0336 18.7014 10.7696 18.6084 12.0016C18.6086 12.36 18.5195 12.7129 18.3493 13.0284C18.1791 13.3438 17.9331 13.6119 17.6334 13.8086C17.2894 14.0886 9.4184 19.4406 8.8714 19.8086C8.5876 19.9998 8.26291 20.122 7.9234 20.1651C7.5839 20.2082 7.23902 20.1711 6.91642 20.0569C6.59381 19.9426 6.30247 19.7544 6.06577 19.5072C5.82906 19.2601 5.65359 18.9608 5.55341 18.6336C5.38341 18.2516 5.38839 5.76256 5.55439 5.36656Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};
+Play.displayName = "Play";
+const ForwardRef = forwardRef(Play);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as Play };