@ubie/vitals-icon 0.0.1

package/src/ArrowEUpIcon.tsx

@@ -0,0 +1,19 @@
+import type { SVGProps } from "react";
+const SvgArrowEUpIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    fill="none"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <path
+      fill="currentColor"
+      fillRule="evenodd"
+      d="M19.884 12.384a1.25 1.25 0 0 1-1.768 0L13.25 7.518V19.5a1.25 1.25 0 0 1-2.5 0V7.518l-4.866 4.866a1.25 1.25 0 0 1-1.768-1.768l7-7a1.25 1.25 0 0 1 1.768 0l7 7a1.25 1.25 0 0 1 0 1.768"
+      clipRule="evenodd"
+    />
+  </svg>
+);
+export default SvgArrowEUpIcon;

package/src/BeginnerIcon.tsx

@@ -0,0 +1,19 @@
+import type { SVGProps } from "react";
+const SvgBeginnerIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    fill="none"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <path
+      fill="currentColor"
+      fillRule="evenodd"
+      d="M6.555 2.168A1 1 0 0 0 5 3v14a1 1 0 0 0 .445.832l6 4a1 1 0 0 0 1.11 0l6-4A1 1 0 0 0 19 17V3a1 1 0 0 0-1.555-.832L12 5.798zM7 16.465V4.869l5 3.333v11.596z"
+      clipRule="evenodd"
+    />
+  </svg>
+);
+export default SvgBeginnerIcon;

package/src/BikeIcon.tsx

@@ -0,0 +1,19 @@
+import type { SVGProps } from "react";
+const SvgBikeIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    fill="none"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <path
+      fill="currentColor"
+      fillRule="evenodd"
+      d="M11 4a1 1 0 1 0 0 2h2.318l.796 2.036-.03.063L12.814 11H8.038l-.467-1H8a1 1 0 0 0 0-2H4a1 1 0 0 0 0 2h1.363l.97 2.077A4.5 4.5 0 1 0 9.889 17.5H11.5a1 1 0 0 0 .916-.6l1.879-4.293a1 1 0 0 0 .19-.436l.659-1.504.826 2.111a4.5 4.5 0 1 0 1.862-.729l-2.9-7.413A1 1 0 0 0 14 4zm.94 9H8.97l1.167 2.5h.709zm4.794 1.73.835 2.134a1 1 0 1 0 1.862-.728l-.835-2.134a2.5 2.5 0 1 1-1.862.729m-8.942.77H5.5a1 1 0 1 0 0 2h2.292a2.5 2.5 0 1 1 0-2"
+      clipRule="evenodd"
+    />
+  </svg>
+);
+export default SvgBikeIcon;

package/src/BirthdayIcon.tsx

@@ -0,0 +1,21 @@
+import type { SVGProps } from "react";
+const SvgBirthdayIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    fill="none"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <path
+      fill="currentColor"
+      d="M12 7a2 2 0 0 0 2-2c0-.38-.1-.73-.29-1.03L12 1l-.855 1.485-.855 1.485c-.19.3-.29.65-.29 1.03 0 1.1.9 2 2 2m6 2h-5V6h-2v3H6c-1.66 0-3 1.34-3 3v9c0 .55.45 1 1 1h16c.55 0 1-.45 1-1v-9c0-1.66-1.34-3-3-3m1 11H5v-3c.9-.01 1.76-.37 2.4-1.01l1.09-1.07 1.07 1.07c1.31 1.31 3.59 1.3 4.89 0l1.08-1.07 1.07 1.07c.64.64 1.5 1 2.4 1.01zm0-4.5c-.51-.01-.99-.2-1.35-.57l-2.13-2.13-2.14 2.13c-.74.74-2.03.74-2.77 0L8.48 12.8l-2.14 2.13c-.35.36-.83.56-1.34.57V12c0-.55.45-1 1-1h12c.55 0 1 .45 1 1z"
+    />
+    <path
+      fill="currentColor"
+      d="M13 6.733a1.99 1.99 0 0 1-2-.003c-.597-.347-1-.994-1-1.73 0-.38.1-.73.29-1.03l.855-1.485L12 1l1.71 2.97c.19.3.29.65.29 1.03a2 2 0 0 1-1 1.733"
+    />
+  </svg>
+);
+export default SvgBirthdayIcon;

package/src/BlankLinkIcon.tsx

@@ -0,0 +1,21 @@
+import type { SVGProps } from "react";
+const SvgBlankLinkIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    fill="none"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <path
+      fill="currentColor"
+      d="M21.707 2.293A1 1 0 0 1 22 3v5a1 1 0 1 1-2 0V5.414l-9.293 9.293a1 1 0 0 1-1.414-1.414L18.586 4H16a1 1 0 1 1 0-2h5a1 1 0 0 1 .707.293"
+    />
+    <path
+      fill="currentColor"
+      d="M4 4h7v2H4v14h14v-7h2v7a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2"
+    />
+  </svg>
+);
+export default SvgBlankLinkIcon;

package/src/BookmarkFillIcon.tsx

@@ -0,0 +1,17 @@
+import type { SVGProps } from "react";
+const SvgBookmarkFillIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    fill="none"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <path
+      fill="currentColor"
+      d="M8 2a3 3 0 0 0-3 3v17a1 1 0 0 0 1.485.875L12 19.818l5.515 3.057A1 1 0 0 0 19 22V5a3 3 0 0 0-3-3z"
+    />
+  </svg>
+);
+export default SvgBookmarkFillIcon;

package/src/BookmarkOutlineIcon.tsx

@@ -0,0 +1,19 @@
+import type { SVGProps } from "react";
+const SvgBookmarkOutlineIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    fill="none"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <path
+      fill="currentColor"
+      fillRule="evenodd"
+      d="M8 4a1 1 0 0 0-1 1v15.303l4.515-2.503a1 1 0 0 1 .97 0L17 20.303V5a1 1 0 0 0-1-1zM5 5a3 3 0 0 1 3-3h8a3 3 0 0 1 3 3v17a1 1 0 0 1-1.485.875L12 19.818l-5.515 3.057A1 1 0 0 1 5 22z"
+      clipRule="evenodd"
+    />
+  </svg>
+);
+export default SvgBookmarkOutlineIcon;

package/src/BoyIcon.tsx

@@ -0,0 +1,23 @@
+import type { SVGProps } from "react";
+const SvgBoyIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    fill="none"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <path
+      fill="currentColor"
+      d="M10.5 14.25a1.25 1.25 0 1 1-2.5 0 1.25 1.25 0 0 1 2.5 0M14.75 15.5a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5"
+    />
+    <path
+      fill="currentColor"
+      fillRule="evenodd"
+      d="M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10m0-2A8 8 0 1 0 4.978 8.163c.582.764 1.866 1.366 3.497 1.53 1.175.117 2.34-.016 3.27-.359a11.5 11.5 0 0 1-2.577-2.78 1 1 0 1 1 1.664-1.109c1.192 1.788 3.14 3.635 7.385 4.579a1 1 0 1 1-.434 1.952c-1.604-.356-2.94-.838-4.06-1.404-1.511.991-3.594 1.296-5.448 1.11-1.442-.144-2.964-.61-4.072-1.483A8 8 0 0 0 12 20"
+      clipRule="evenodd"
+    />
+  </svg>
+);
+export default SvgBoyIcon;

package/src/CalendarIcon.tsx

@@ -0,0 +1,23 @@
+import type { SVGProps } from "react";
+const SvgCalendarIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    fill="none"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <path
+      fill="currentColor"
+      d="M8 13a1 1 0 1 0 0 2 1 1 0 0 0 0-2M7 17a1 1 0 1 1 2 0 1 1 0 0 1-2 0M12 16a1 1 0 1 0 0 2 1 1 0 0 0 0-2M11 14a1 1 0 1 1 2 0 1 1 0 0 1-2 0M16 13a1 1 0 1 0 0 2 1 1 0 0 0 0-2"
+    />
+    <path
+      fill="currentColor"
+      fillRule="evenodd"
+      d="M8 2a1 1 0 0 0-1 1v1H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2h-2V3a1 1 0 1 0-2 0v1H9V3a1 1 0 0 0-1-1m7 5V6H9v1a1 1 0 0 1-2 0V6H5v3h14V6h-2v1a1 1 0 1 1-2 0m4 13v-9H5v9z"
+      clipRule="evenodd"
+    />
+  </svg>
+);
+export default SvgCalendarIcon;

package/src/CameraIcon.tsx

@@ -0,0 +1,19 @@
+import type { SVGProps } from "react";
+const SvgCameraIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    fill="none"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <path
+      fill="currentColor"
+      fillRule="evenodd"
+      d="m7.332 8 1.8-3h5.736l1.8 3H20v11H4V8zm1.234-5a1 1 0 0 0-.857.486L6.2 6H3a1 1 0 0 0-1 1v13a1 1 0 0 0 1 1h18a1 1 0 0 0 1-1V7a1 1 0 0 0-1-1h-3.2l-1.509-2.514A1 1 0 0 0 15.434 3zM15 13a3 3 0 1 1-6 0 3 3 0 0 1 6 0m2 0a5 5 0 1 1-10 0 5 5 0 0 1 10 0"
+      clipRule="evenodd"
+    />
+  </svg>
+);
+export default SvgCameraIcon;

package/src/CancelIcon.tsx

@@ -0,0 +1,19 @@
+import type { SVGProps } from "react";
+const SvgCancelIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    fill="none"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <path
+      fill="currentColor"
+      fillRule="evenodd"
+      d="M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10m-5.094 6.32A8 8 0 0 1 5.68 7.094zm1.414-1.414L7.094 5.68A8 8 0 0 1 18.32 16.905"
+      clipRule="evenodd"
+    />
+  </svg>
+);
+export default SvgCancelIcon;

package/src/CapsuleIcon.tsx

@@ -0,0 +1,19 @@
+import type { SVGProps } from "react";
+const SvgCapsuleIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    fill="none"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <path
+      fill="currentColor"
+      fillRule="evenodd"
+      d="M13.414 19.071a6 6 0 0 1-8.485-8.485l5.657-5.657a6 6 0 1 1 8.485 8.486zm1.414-4.242L9.171 9.172 6.343 12A4 4 0 0 0 12 17.657z"
+      clipRule="evenodd"
+    />
+  </svg>
+);
+export default SvgCapsuleIcon;

package/src/CapsuleTabletIcon.tsx

@@ -0,0 +1,23 @@
+import type { SVGProps } from "react";
+const SvgCapsuleTabletIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    fill="none"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <path
+      fill="currentColor"
+      d="M11.631 10.53a7 7 0 0 0-1.369 1.46L7.465 9.192l-2.122 2.122a4 4 0 0 0 3.943 6.67c.193.656.48 1.271.844 1.831A6 6 0 0 1 3.93 9.9l5.657-5.657a6 6 0 0 1 10.046 5.771 7 7 0 0 0-1.872-.79A4 4 0 0 0 11 5.657L8.88 7.777z"
+    />
+    <path
+      fill="currentColor"
+      fillRule="evenodd"
+      d="M22 16a6 6 0 1 0-12 0 6 6 0 0 0 12 0m-10 0a4 4 0 0 1 3-3.874v7.748A4 4 0 0 1 12 16m5 3.874a4.002 4.002 0 0 0 0-7.748z"
+      clipRule="evenodd"
+    />
+  </svg>
+);
+export default SvgCapsuleTabletIcon;

package/src/CarIcon.tsx

@@ -0,0 +1,23 @@
+import type { SVGProps } from "react";
+const SvgCarIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    fill="none"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <path
+      fill="currentColor"
+      d="M7.5 16a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3M18 14.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0"
+    />
+    <path
+      fill="currentColor"
+      fillRule="evenodd"
+      d="M5.7 4a1 1 0 0 0-.912.59l-2.7 6A1 1 0 0 0 2 11v7q0 .116.025.224Q2 18.36 2 18.5v2a1.5 1.5 0 0 0 3 0V19h14v1.5a1.5 1.5 0 0 0 3 0v-2q0-.141-.025-.276A1 1 0 0 0 22 18v-7a1 1 0 0 0-.088-.41l-2.7-6A1 1 0 0 0 18.3 4zm-1.153 6 1.8-4h11.306l1.8 4zM4 12v5h16v-5z"
+      clipRule="evenodd"
+    />
+  </svg>
+);
+export default SvgCarIcon;

package/src/CheckAIcon.tsx

@@ -0,0 +1,19 @@
+import type { SVGProps } from "react";
+const SvgCheckAIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    fill="none"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <path
+      fill="currentColor"
+      fillRule="evenodd"
+      d="M20.884 7.116a1.25 1.25 0 0 1 0 1.768l-10 10a1.25 1.25 0 0 1-1.768 0l-6-6a1.25 1.25 0 0 1 1.768-1.768L10 16.232l9.116-9.116a1.25 1.25 0 0 1 1.768 0"
+      clipRule="evenodd"
+    />
+  </svg>
+);
+export default SvgCheckAIcon;

package/src/CheckBFillIcon.tsx

@@ -0,0 +1,19 @@
+import type { SVGProps } from "react";
+const SvgCheckBFillIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    fill="none"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <path
+      fill="currentColor"
+      fillRule="evenodd"
+      d="M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10m-5.293-2.707a1 1 0 0 1 0 1.414l-5 5a1 1 0 0 1-1.414 0l-3-3a1 1 0 1 1 1.414-1.414L11 13.586l4.293-4.293a1 1 0 0 1 1.414 0"
+      clipRule="evenodd"
+    />
+  </svg>
+);
+export default SvgCheckBFillIcon;

package/src/CheckBIcon.tsx

@@ -0,0 +1,23 @@
+import type { SVGProps } from "react";
+const SvgCheckBIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    fill="none"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <path
+      fill="currentColor"
+      d="M16.707 10.707a1 1 0 0 0-1.414-1.414L11 13.586l-2.293-2.293a1 1 0 0 0-1.414 1.414l3 3a1 1 0 0 0 1.414 0z"
+    />
+    <path
+      fill="currentColor"
+      fillRule="evenodd"
+      d="M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10m-2 0a8 8 0 1 1-16 0 8 8 0 0 1 16 0"
+      clipRule="evenodd"
+    />
+  </svg>
+);
+export default SvgCheckBIcon;

package/src/CheckboxOffOutlineIcon.tsx

@@ -0,0 +1,19 @@
+import type { SVGProps } from "react";
+const SvgCheckboxOffOutlineIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    fill="none"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <path
+      fill="currentColor"
+      fillRule="evenodd"
+      d="M20 4H4v16h16zM4 2a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2z"
+      clipRule="evenodd"
+    />
+  </svg>
+);
+export default SvgCheckboxOffOutlineIcon;

package/src/CheckboxOnOutlineIcon.tsx

@@ -0,0 +1,23 @@
+import type { SVGProps } from "react";
+const SvgCheckboxOnOutlineIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    fill="none"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <path
+      fill="currentColor"
+      d="M16.707 10.707a1 1 0 0 0-1.414-1.414L11 13.586l-2.293-2.293a1 1 0 0 0-1.414 1.414l3 3a1 1 0 0 0 1.414 0z"
+    />
+    <path
+      fill="currentColor"
+      fillRule="evenodd"
+      d="M2 4a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v16a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2zm2 0h16v16H4z"
+      clipRule="evenodd"
+    />
+  </svg>
+);
+export default SvgCheckboxOnOutlineIcon;

package/src/CircleFillIcon.tsx

@@ -0,0 +1,17 @@
+import type { SVGProps } from "react";
+const SvgCircleFillIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    fill="none"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <path
+      fill="currentColor"
+      d="M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10"
+    />
+  </svg>
+);
+export default SvgCircleFillIcon;

package/src/CircleOutlineIcon.tsx

@@ -0,0 +1,19 @@
+import type { SVGProps } from "react";
+const SvgCircleOutlineIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    fill="none"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <path
+      fill="currentColor"
+      fillRule="evenodd"
+      d="M12 20a8 8 0 1 0 0-16 8 8 0 0 0 0 16m0 2c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10"
+      clipRule="evenodd"
+    />
+  </svg>
+);
+export default SvgCircleOutlineIcon;

package/src/CloseAIcon.tsx

@@ -0,0 +1,19 @@
+import type { SVGProps } from "react";
+const SvgCloseAIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    fill="none"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <path
+      fill="currentColor"
+      fillRule="evenodd"
+      d="M3.116 3.116a1.25 1.25 0 0 1 1.768 0L12 10.232l7.116-7.116a1.25 1.25 0 0 1 1.768 1.768L13.768 12l7.116 7.116a1.25 1.25 0 0 1-1.768 1.768L12 13.768l-7.116 7.116a1.25 1.25 0 0 1-1.768-1.768L10.232 12 3.116 4.884a1.25 1.25 0 0 1 0-1.768"
+      clipRule="evenodd"
+    />
+  </svg>
+);
+export default SvgCloseAIcon;

package/src/CloseBIcon.tsx

@@ -0,0 +1,23 @@
+import type { SVGProps } from "react";
+const SvgCloseBIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    fill="none"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <path
+      fill="currentColor"
+      d="M8.293 14.293 10.586 12 8.293 9.707a1 1 0 0 1 1.414-1.414L12 10.586l2.293-2.293a1 1 0 0 1 1.414 1.414L13.414 12l2.293 2.293a1 1 0 0 1-1.414 1.414L12 13.414l-2.293 2.293a1 1 0 0 1-1.414-1.414"
+    />
+    <path
+      fill="currentColor"
+      fillRule="evenodd"
+      d="M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10m-2 0a8 8 0 1 1-16 0 8 8 0 0 1 16 0"
+      clipRule="evenodd"
+    />
+  </svg>
+);
+export default SvgCloseBIcon;

package/src/CommentBubbleIcon.tsx

@@ -0,0 +1,19 @@
+import type { SVGProps } from "react";
+const SvgCommentBubbleIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    fill="none"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <path
+      fill="currentColor"
+      fillRule="evenodd"
+      d="M8 17v2.672L10.672 17H20V5H4v12zm-4 2a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2h-8.5l-3 3c-1 1-2.5.5-2.5-1v-2z"
+      clipRule="evenodd"
+    />
+  </svg>
+);
+export default SvgCommentBubbleIcon;

package/src/CommentFillIcon.tsx

@@ -0,0 +1,19 @@
+import type { SVGProps } from "react";
+const SvgCommentFillIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    fill="none"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <path
+      fill="currentColor"
+      fillRule="evenodd"
+      d="M2 5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2h-8.5l-3 3c-1 1-2.5.5-2.5-1v-2H4a2 2 0 0 1-2-2zm4 4a1 1 0 0 1 1-1h10a1 1 0 1 1 0 2H7a1 1 0 0 1-1-1m0 4a1 1 0 0 1 1-1h7a1 1 0 1 1 0 2H7a1 1 0 0 1-1-1"
+      clipRule="evenodd"
+    />
+  </svg>
+);
+export default SvgCommentFillIcon;

package/src/CommentOutlineIcon.tsx

@@ -0,0 +1,23 @@
+import type { SVGProps } from "react";
+const SvgCommentOutlineIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    fill="none"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <path
+      fill="currentColor"
+      d="M6 9a1 1 0 0 1 1-1h10a1 1 0 1 1 0 2H7a1 1 0 0 1-1-1M6 13a1 1 0 0 1 1-1h7a1 1 0 1 1 0 2H7a1 1 0 0 1-1-1"
+    />
+    <path
+      fill="currentColor"
+      fillRule="evenodd"
+      d="M2 17a2 2 0 0 0 2 2h2v2c0 1.5 1.5 2 2.5 1l3-3H20a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2zm6 0H4V5h16v12h-9.328L8 19.672z"
+      clipRule="evenodd"
+    />
+  </svg>
+);
+export default SvgCommentOutlineIcon;

package/src/CommentWritingFillIcon.tsx

@@ -0,0 +1,19 @@
+import type { SVGProps } from "react";
+const SvgCommentWritingFillIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    fill="none"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <path
+      fill="currentColor"
+      fillRule="evenodd"
+      d="M2 5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2h-8.5l-3 3c-1 1-2.5.5-2.5-1v-2H4a2 2 0 0 1-2-2zm6 5a1 1 0 1 0 0 2 1 1 0 0 0 0-2m4 0a1 1 0 1 0 0 2 1 1 0 0 0 0-2m3 1a1 1 0 1 1 2 0 1 1 0 0 1-2 0"
+      clipRule="evenodd"
+    />
+  </svg>
+);
+export default SvgCommentWritingFillIcon;

package/src/CommentWritingOutlineIcon.tsx

@@ -0,0 +1,23 @@
+import type { SVGProps } from "react";
+const SvgCommentWritingOutlineIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    fill="none"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <path
+      fill="currentColor"
+      d="M8 10a1 1 0 1 0 0 2 1 1 0 0 0 0-2M12 10a1 1 0 1 0 0 2 1 1 0 0 0 0-2M15 11a1 1 0 1 1 2 0 1 1 0 0 1-2 0"
+    />
+    <path
+      fill="currentColor"
+      fillRule="evenodd"
+      d="M2 17a2 2 0 0 0 2 2h2v2c0 1.5 1.5 2 2.5 1l3-3H20a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2zm6 2.672V17H4V5h16v12h-9.328z"
+      clipRule="evenodd"
+    />
+  </svg>
+);
+export default SvgCommentWritingOutlineIcon;

package/src/ConditionBad1Icon.tsx

@@ -0,0 +1,23 @@
+import type { SVGProps } from "react";
+const SvgConditionBad1Icon = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    fill="none"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <path
+      fill="currentColor"
+      d="M8.293 16.207a1 1 0 0 1 0-1.414L9 15.5l-.707-.707.001-.002.002-.001.003-.003.008-.008.02-.02.061-.055q.075-.064.2-.16c.167-.126.405-.284.715-.438.622-.312 1.524-.606 2.697-.606s2.075.294 2.697.606a4.7 4.7 0 0 1 .716.438 3 3 0 0 1 .26.215l.02.02.008.008.003.003.002.002L15 15.5l.706-.708a1 1 0 0 1-1.403 1.425l-.008-.007-.082-.066a2.7 2.7 0 0 0-.41-.25c-.378-.188-.976-.394-1.803-.394s-1.425.206-1.803.394a2.7 2.7 0 0 0-.492.316l-.008.007a1 1 0 0 1-1.404-.01M10.5 10.25a1.25 1.25 0 1 1-2.5 0 1.25 1.25 0 0 1 2.5 0M14.75 11.5a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5"
+    />
+    <path
+      fill="currentColor"
+      fillRule="evenodd"
+      d="M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10m-2 0a8 8 0 1 1-16 0 8 8 0 0 1 16 0"
+      clipRule="evenodd"
+    />
+  </svg>
+);
+export default SvgConditionBad1Icon;

package/src/ConditionBad2Icon.tsx

@@ -0,0 +1,23 @@
+import type { SVGProps } from "react";
+const SvgConditionBad2Icon = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    fill="none"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <path
+      fill="currentColor"
+      d="M14.184 11.949a1 1 0 0 1 .632-1.898l1.5.5a1 1 0 0 1-.632 1.898zM10.449 10.684a1 1 0 0 1-.633 1.265l-1.5.5a1 1 0 1 1-.632-1.898l1.5-.5a1 1 0 0 1 1.265.633M9.872 17.429C10.3 17.257 11.17 17 12 17s1.7.257 2.129.428a1 1 0 1 0 .743-1.857C14.3 15.344 13.17 15 12 15s-2.3.343-2.871.572a1 1 0 0 0 .743 1.857"
+    />
+    <path
+      fill="currentColor"
+      fillRule="evenodd"
+      d="M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10m-2 0a8 8 0 1 1-16 0 8 8 0 0 1 16 0"
+      clipRule="evenodd"
+    />
+  </svg>
+);
+export default SvgConditionBad2Icon;