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

package/src/components/web/PersonInvite.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 PersonInvite = (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="M6.2645 19C6.26476 18.0304 6.65006 17.1006 7.33563 16.415C8.02121 15.7295 8.95095 15.344 9.9205 15.3438H14.1205C15.0902 15.3437 16.0203 15.7294 16.7061 16.415C17.3918 17.1006 17.7772 18.0303 17.7775 19M15.4725 9.453C15.4725 11.36 13.9265 12.906 12.0195 12.906C10.1125 12.906 8.5665 11.36 8.5665 9.453C8.5665 7.54596 10.1125 6 12.0195 6C13.9265 6 15.4725 7.54596 15.4725 9.453ZM14.0205 19H19.0205C19.5509 19 20.0597 18.7891 20.4347 18.4141C20.8098 18.039 21.0205 17.5304 21.0205 17V5C21.0205 4.46957 20.8098 3.96101 20.4347 3.58594C20.0597 3.21086 19.5509 3 19.0205 3H5.02051C4.49007 3 3.98137 3.21086 3.60629 3.58594C3.23122 3.96101 3.02051 4.46957 3.02051 5V17C3.02051 17.5304 3.23122 18.039 3.60629 18.4141C3.98137 18.7891 4.49007 19 5.02051 19H10.0205L12.0205 21L14.0205 19Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};
+PersonInvite.displayName = "PersonInvite";
+const ForwardRef = forwardRef(PersonInvite);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as PersonInvite };

package/src/components/web/PersonReturn.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 PersonReturn = (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.52063 19.5C3.52063 18.3065 3.99459 17.1623 4.8385 16.3184C5.68241 15.4744 6.82716 15 8.02063 15H10.6036M15.5106 16.5L13.5106 18.5L15.5106 20.5M17.5206 14.5H18.5206C19.0511 14.5 19.5596 14.7109 19.9347 15.0859C20.3098 15.461 20.5206 15.9696 20.5206 16.5C20.5206 17.0304 20.3098 17.5395 19.9347 17.9146C19.5596 18.2896 19.0511 18.5 18.5206 18.5H13.5206M15.7706 7.75C15.7706 10.0972 13.8678 12 11.5206 12C9.17342 12 7.27063 10.0972 7.27063 7.75C7.27063 5.40279 9.17342 3.5 11.5206 3.5C13.8678 3.5 15.7706 5.40279 15.7706 7.75Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};
+PersonReturn.displayName = "PersonReturn";
+const ForwardRef = forwardRef(PersonReturn);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as PersonReturn };

package/src/components/web/PersonSubstract.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 PersonSubstract = (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="M4.02063 20C4.02063 18.8065 4.49471 17.6623 5.33862 16.8184C6.18254 15.9744 7.32716 15.5 8.52063 15.5H11.1046M15.0197 18H20.0197M16.2697 8.25C16.2697 10.5972 14.3669 12.5 12.0197 12.5C9.67244 12.5 7.76965 10.5972 7.76965 8.25C7.76965 5.90279 9.67244 4 12.0197 4C14.3669 4 16.2697 5.90279 16.2697 8.25Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};
+PersonSubstract.displayName = "PersonSubstract";
+const ForwardRef = forwardRef(PersonSubstract);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as PersonSubstract };

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 };