@aliimam/icons 0.0.5 → 0.0.7

package/src/solid/accessibility/ClosedCaption.tsx

@@ -0,0 +1,97 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+interface ClosedCaptionProps extends IconProps {
+  type?: "solid" | "stroke";
+}
+
+export const ClosedCaption: IconComponent<ClosedCaptionProps> =
+  React.forwardRef<SVGSVGElement, ClosedCaptionProps>(function ClosedCaption(
+    {
+      color = "currentColor",
+      fill,
+      size = 24,
+      strokeWidth,
+      strokeLinecap,
+      strokeLinejoin,
+      strokeDasharray,
+      opacity,
+      className,
+      type = "stroke",
+      ...props
+    },
+    forwardedRef,
+  ) {
+    if (type === "solid") {
+      return (
+        <svg
+          width={size}
+          height={size}
+          viewBox="0 0 24 24"
+          fill="none"
+          xmlns="http://www.w3.org/2000/svg"
+          className={className}
+          strokeWidth={strokeWidth}
+          strokeLinecap={strokeLinecap}
+          strokeLinejoin={strokeLinejoin}
+          strokeDasharray={strokeDasharray}
+          opacity={opacity}
+          {...props}
+          ref={forwardedRef}
+        >
+          <path
+            d="M20 5C21.1046 5 22 5.89543 22 7V17C22 18.1046 21.1046 19 20 19H4C2.89543 19 2 18.1046 2 17V7C2 5.89543 2.89543 5 4 5H20ZM10.498 7.75488C9.81984 7.51633 9.09386 7.4435 8.38184 7.54297C7.66963 7.64261 6.99119 7.91253 6.4043 8.32812C5.81746 8.74378 5.33822 9.29389 5.00781 9.93262C4.6774 10.5715 4.50489 11.2807 4.50488 12C4.50488 12.7193 4.6774 13.4284 5.00781 14.0674C5.33822 14.7061 5.81743 15.2562 6.4043 15.6719C6.9912 16.0875 7.66961 16.3574 8.38184 16.457C9.09386 16.5565 9.81983 16.4837 10.498 16.2451C11.2792 15.9701 11.6898 15.1134 11.415 14.332C11.1401 13.551 10.2841 13.1406 9.50293 13.415C9.27687 13.4946 9.0342 13.5185 8.79688 13.4854C8.55959 13.4521 8.33325 13.3621 8.1377 13.2236C7.94237 13.0852 7.78292 12.9021 7.67285 12.6895C7.56271 12.4765 7.50488 12.2398 7.50488 12C7.50489 11.7602 7.56272 11.5235 7.67285 11.3105C7.78292 11.098 7.9424 10.9148 8.1377 10.7764C8.33323 10.6379 8.55961 10.5479 8.79688 10.5146C9.0342 10.4815 9.27688 10.5054 9.50293 10.585C10.2842 10.8594 11.1401 10.4491 11.415 9.66797C11.6898 8.88665 11.2792 8.02991 10.498 7.75488ZM17.498 7.75488C16.8198 7.51633 16.0939 7.4435 15.3818 7.54297C14.6696 7.64261 13.9912 7.91253 13.4043 8.32812C12.8175 8.74378 12.3382 9.29389 12.0078 9.93262C11.6774 10.5715 11.5049 11.2807 11.5049 12C11.5049 12.7193 11.6774 13.4284 12.0078 14.0674C12.3382 14.7061 12.8174 15.2562 13.4043 15.6719C13.9912 16.0875 14.6696 16.3574 15.3818 16.457C16.0939 16.5565 16.8198 16.4837 17.498 16.2451C18.2792 15.9701 18.6898 15.1134 18.415 14.332C18.1401 13.551 17.2841 13.1406 16.5029 13.415C16.2769 13.4946 16.0342 13.5185 15.7969 13.4854C15.5596 13.4521 15.3332 13.3621 15.1377 13.2236C14.9424 13.0852 14.7829 12.9021 14.6729 12.6895C14.5627 12.4765 14.5049 12.2398 14.5049 12C14.5049 11.7602 14.5627 11.5235 14.6729 11.3105C14.7829 11.098 14.9424 10.9148 15.1377 10.7764C15.3332 10.6379 15.5596 10.5479 15.7969 10.5146C16.0342 10.4815 16.2769 10.5054 16.5029 10.585C17.2842 10.8594 18.1401 10.4491 18.415 9.66797C18.6898 8.88665 18.2792 8.02991 17.498 7.75488Z"
+            fill="currentColor"
+          />
+        </svg>
+      );
+    }
+
+    if (type === "stroke") {
+      return (
+        <svg
+          width={size}
+          height={size}
+          viewBox="0 0 24 24"
+          fill="none"
+          xmlns="http://www.w3.org/2000/svg"
+          className={className}
+          strokeWidth={strokeWidth}
+          strokeLinecap={strokeLinecap}
+          strokeLinejoin={strokeLinejoin}
+          strokeDasharray={strokeDasharray}
+          opacity={opacity}
+          {...props}
+          ref={forwardedRef}
+        >
+          <path
+            d="M10 9.17C9.548 9.011 9.064 8.962 8.589 9.029 8.114 9.095 7.662 9.275 7.27 9.552 6.879 9.829 6.56 10.196 6.34 10.622 6.119 11.048 6.004 11.521 6.004 12 6.004 12.48 6.119 12.952 6.34 13.378 6.56 13.804 6.879 14.171 7.27 14.448 7.662 14.725 8.114 14.905 8.589 14.971 9.064 15.038 9.548 14.989 10 14.83M17 9.17C16.548 9.011 16.064 8.962 15.589 9.029 15.114 9.095 14.662 9.275 14.271 9.552 13.879 9.829 13.56 10.196 13.34 10.622 13.119 11.048 13.005 11.521 13.005 12 13.005 12.48 13.119 12.952 13.34 13.378 13.56 13.804 13.879 14.171 14.271 14.448 14.662 14.725 15.114 14.905 15.589 14.971 16.064 15.038 16.548 14.989 17 14.83"
+            stroke={color}
+            strokeLinecap="round"
+            strokeLinejoin="round"
+          />
+          <path
+            d="M20 5H4C2.89543 5 2 5.89543 2 7V17C2 18.1046 2.89543 19 4 19H20C21.1046 19 22 18.1046 22 17V7C22 5.89543 21.1046 5 20 5Z"
+            stroke={color}
+            strokeLinecap="round"
+            strokeLinejoin="round"
+          />
+        </svg>
+      );
+    }
+
+    console.error(`ClosedCaption doesn't support ${type}`);
+    return null;
+  });
+
+ClosedCaption.displayName = "ClosedCaption";
+
+ClosedCaption.metadata = {
+  name: "ClosedCaption",
+  category: "solid/accessibility",
+  tags: ["closed", "caption", "icon"],
+  description: "ClosedCaption icon from solid/accessibility category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default ClosedCaption;

package/src/solid/accessibility/Contrast.tsx

@@ -0,0 +1,99 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+interface ContrastProps extends IconProps {
+  type?: "solid" | "stroke";
+}
+
+export const Contrast: IconComponent<ContrastProps> = React.forwardRef<
+  SVGSVGElement,
+  ContrastProps
+>(function Contrast(
+  {
+    color = "currentColor",
+    fill,
+    size = 24,
+    strokeWidth,
+    strokeLinecap,
+    strokeLinejoin,
+    strokeDasharray,
+    opacity,
+    className,
+    type = "stroke",
+    ...props
+  },
+  forwardedRef,
+) {
+  if (type === "solid") {
+    return (
+      <svg
+        width={size}
+        height={size}
+        viewBox="0 0 24 24"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+        className={className}
+        strokeWidth={strokeWidth}
+        strokeLinecap={strokeLinecap}
+        strokeLinejoin={strokeLinejoin}
+        strokeDasharray={strokeDasharray}
+        opacity={opacity}
+        {...props}
+        ref={forwardedRef}
+      >
+        <path
+          d="M12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2ZM12 18C13.5913 18 15.117 17.3674 16.2422 16.2422C17.3674 15.117 18 13.5913 18 12C18 10.4087 17.3674 8.88303 16.2422 7.75781C15.117 6.63259 13.5913 6 12 6V18Z"
+          fill="currentColor"
+        />
+      </svg>
+    );
+  }
+
+  if (type === "stroke") {
+    return (
+      <svg
+        width={size}
+        height={size}
+        viewBox="0 0 24 24"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+        className={className}
+        strokeWidth={strokeWidth}
+        strokeLinecap={strokeLinecap}
+        strokeLinejoin={strokeLinejoin}
+        strokeDasharray={strokeDasharray}
+        opacity={opacity}
+        {...props}
+        ref={forwardedRef}
+      >
+        <path
+          d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z"
+          stroke={color}
+          strokeLinecap="round"
+          strokeLinejoin="round"
+        />
+        <path
+          d="M12 18C13.5913 18 15.1174 17.3679 16.2426 16.2426C17.3679 15.1174 18 13.5913 18 12C18 10.4087 17.3679 8.88258 16.2426 7.75736C15.1174 6.63214 13.5913 6 12 6V18Z"
+          stroke={color}
+          strokeLinecap="round"
+          strokeLinejoin="round"
+        />
+      </svg>
+    );
+  }
+
+  console.error(`Contrast doesn't support ${type}`);
+  return null;
+});
+
+Contrast.displayName = "Contrast";
+
+Contrast.metadata = {
+  name: "Contrast",
+  category: "solid/accessibility",
+  tags: ["contrast", "icon"],
+  description: "Contrast icon from solid/accessibility category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default Contrast;

package/src/solid/accessibility/Ear.tsx

@@ -0,0 +1,103 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+interface EarProps extends IconProps {
+  type?: "solid" | "stroke";
+}
+
+export const Ear: IconComponent<EarProps> = React.forwardRef<
+  SVGSVGElement,
+  EarProps
+>(function Ear(
+  {
+    color = "currentColor",
+    fill,
+    size = 24,
+    strokeWidth,
+    strokeLinecap,
+    strokeLinejoin,
+    strokeDasharray,
+    opacity,
+    className,
+    type = "stroke",
+    ...props
+  },
+  forwardedRef,
+) {
+  if (type === "solid") {
+    return (
+      <svg
+        width={size}
+        height={size}
+        viewBox="0 0 24 24"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+        className={className}
+        strokeWidth={strokeWidth}
+        strokeLinecap={strokeLinecap}
+        strokeLinejoin={strokeLinejoin}
+        strokeDasharray={strokeDasharray}
+        opacity={opacity}
+        {...props}
+        ref={forwardedRef}
+      >
+        <path
+          d="M4.5 18.5C4.5 17.6716 5.17157 17 6 17C6.82843 17 7.5 17.6716 7.5 18.5C7.5 18.7626 7.55183 19.023 7.65234 19.2656C7.75285 19.5082 7.90029 19.7284 8.08594 19.9141C8.27159 20.0997 8.49182 20.2471 8.73438 20.3477C8.97703 20.4482 9.23736 20.5 9.5 20.5C9.76264 20.5 10.023 20.4482 10.2656 20.3477C10.5082 20.2471 10.7284 20.0997 10.9141 19.9141C11.0997 19.7284 11.2471 19.5082 11.3477 19.2656C11.4482 19.023 11.5 18.7626 11.5 18.5C11.5 17.0617 12.0615 15.9775 12.7988 15.1172C13.4692 14.3352 14.3807 13.6471 15.04 13.0977C15.763 12.4952 16.3578 11.9334 16.7881 11.2402C17.1999 10.5768 17.5 9.72672 17.5 8.5C17.5 7.17392 16.9728 5.90253 16.0352 4.96484C15.1561 4.08579 13.9838 3.56719 12.748 3.50586L12.5 3.5C11.1739 3.5 9.90253 4.02716 8.96484 4.96484C8.02716 5.90253 7.5 7.17392 7.5 8.5C7.5 9.32843 6.82843 10 6 10C5.17157 10 4.5 9.32843 4.5 8.5C4.5 6.37827 5.34248 4.34306 6.84277 2.84277C8.34306 1.34248 10.3783 0.5 12.5 0.5L12.8965 0.509766C14.8739 0.607809 16.7507 1.4362 18.1572 2.84277C19.6575 4.34306 20.5 6.37827 20.5 8.5C20.5 10.2733 20.0501 11.6732 19.3369 12.8223C18.6422 13.9415 17.7369 14.7549 16.96 15.4023C16.1195 16.1027 15.5307 16.54 15.0762 17.0703C14.6887 17.5224 14.5 17.9384 14.5 18.5L14.4941 18.7461C14.4659 19.3186 14.3389 19.8824 14.1191 20.4131C13.8679 21.0197 13.4994 21.5709 13.0352 22.0352C12.5709 22.4995 12.0197 22.8679 11.4131 23.1191C10.8065 23.3704 10.1565 23.5 9.5 23.5C8.84346 23.5 8.19349 23.3704 7.58691 23.1191C6.98029 22.8679 6.42914 22.4995 5.96484 22.0352C5.50055 21.5709 5.13213 21.0197 4.88086 20.4131C4.62964 19.8065 4.5 19.1565 4.5 18.5Z"
+          fill="currentColor"
+        />
+        <path
+          d="M13.5 8.5C13.5 8.23478 13.3946 7.98051 13.207 7.79297C13.0429 7.62883 12.8276 7.52757 12.5986 7.50488L12.5 7.5C12.2348 7.5 11.9805 7.60543 11.793 7.79297C11.6425 7.94349 11.5454 8.13706 11.5127 8.34473C11.8662 8.5142 12.1921 8.7429 12.4746 9.02539C13.131 9.68177 13.5 10.5717 13.5 11.5C13.5 12.4283 13.131 13.3182 12.4746 13.9746C11.8182 14.631 10.9283 15 10 15C9.17157 15 8.5 14.3284 8.5 13.5C8.5 12.6716 9.17157 12 10 12C10.1326 12 10.2597 11.9473 10.3535 11.8535C10.4473 11.7597 10.5 11.6326 10.5 11.5C10.5 11.3674 10.4473 11.2403 10.3535 11.1465C10.2597 11.0527 10.1326 11 10 11C9.17157 11 8.5 10.3284 8.5 9.5V8.5C8.5 7.43913 8.92173 6.42202 9.67188 5.67188C10.422 4.92173 11.4391 4.5 12.5 4.5L12.6982 4.50488C13.6869 4.5539 14.6248 4.96859 15.3281 5.67188C16.0783 6.42202 16.5 7.43913 16.5 8.5C16.5 9.32843 15.8284 10 15 10C14.1716 10 13.5 9.32843 13.5 8.5Z"
+          fill="currentColor"
+        />
+      </svg>
+    );
+  }
+
+  if (type === "stroke") {
+    return (
+      <svg
+        width={size}
+        height={size}
+        viewBox="0 0 24 24"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+        className={className}
+        strokeWidth={strokeWidth}
+        strokeLinecap={strokeLinecap}
+        strokeLinejoin={strokeLinejoin}
+        strokeDasharray={strokeDasharray}
+        opacity={opacity}
+        {...props}
+        ref={forwardedRef}
+      >
+        <path
+          d="M6 8.5C6 6.77609 6.68482 5.12279 7.90381 3.90381C9.12279 2.68482 10.7761 2 12.5 2C14.2239 2 15.8772 2.68482 17.0962 3.90381C18.3152 5.12279 19 6.77609 19 8.5C19 14.5 13 14.5 13 18.5C13 18.9596 12.9095 19.4148 12.7336 19.8394C12.5577 20.264 12.2999 20.6499 11.9749 20.9749C11.6499 21.2999 11.264 21.5577 10.8394 21.7336C10.4148 21.9095 9.95963 22 9.5 22C9.04037 22 8.58525 21.9095 8.16061 21.7336C7.73597 21.5577 7.35013 21.2999 7.02513 20.9749C6.70012 20.6499 6.44231 20.264 6.26642 19.8394C6.09053 19.4148 6 18.9596 6 18.5"
+          stroke={color}
+          strokeLinecap="round"
+          strokeLinejoin="round"
+        />
+        <path
+          d="M15 8.5C15 7.83696 14.7366 7.20107 14.2678 6.73223C13.7989 6.26339 13.163 6 12.5 6C11.837 6 11.2011 6.26339 10.7322 6.73223C10.2634 7.20107 10 7.83696 10 8.5V9.5C10.5304 9.5 11.0391 9.71071 11.4142 10.0858C11.7893 10.4609 12 10.9696 12 11.5C12 12.0304 11.7893 12.5391 11.4142 12.9142C11.0391 13.2893 10.5304 13.5 10 13.5"
+          stroke={color}
+          strokeLinecap="round"
+          strokeLinejoin="round"
+        />
+      </svg>
+    );
+  }
+
+  console.error(`Ear doesn't support ${type}`);
+  return null;
+});
+
+Ear.displayName = "Ear";
+
+Ear.metadata = {
+  name: "Ear",
+  category: "solid/accessibility",
+  tags: ["ear", "icon"],
+  description: "Ear icon from solid/accessibility category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default Ear;

package/src/solid/accessibility/EarOff.tsx

@@ -0,0 +1,105 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+interface EarOffProps extends IconProps {
+  type?: "solid" | "stroke";
+}
+
+export const EarOff: IconComponent<EarOffProps> = React.forwardRef<
+  SVGSVGElement,
+  EarOffProps
+>(function EarOff(
+  {
+    color = "currentColor",
+    fill,
+    size = 24,
+    strokeWidth,
+    strokeLinecap,
+    strokeLinejoin,
+    strokeDasharray,
+    opacity,
+    className,
+    type = "stroke",
+    ...props
+  },
+  forwardedRef,
+) {
+  if (type === "solid") {
+    return (
+      <svg
+        width={size}
+        height={size}
+        viewBox="0 0 24 24"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+        className={className}
+        strokeWidth={strokeWidth}
+        strokeLinecap={strokeLinecap}
+        strokeLinejoin={strokeLinejoin}
+        strokeDasharray={strokeDasharray}
+        opacity={opacity}
+        {...props}
+        ref={forwardedRef}
+      >
+        <g fill="currentColor" clipPath="url(#undefined-clip0_49_191)">
+          <path d="M4.5 18.5C4.5 17.672 5.172 17 6 17 6.828 17 7.5 17.672 7.5 18.5 7.5 18.763 7.552 19.023 7.652 19.266 7.753 19.508 7.9 19.728 8.086 19.914 8.272 20.1 8.492 20.247 8.734 20.348 8.977 20.448 9.237 20.5 9.5 20.5 9.763 20.5 10.023 20.448 10.266 20.348 10.508 20.247 10.728 20.1 10.914 19.914 11.1 19.728 11.247 19.508 11.348 19.266 11.448 19.023 11.5 18.763 11.5 18.5 11.5 16.203 12.921 14.86 14.076 13.891 14.711 13.359 15.656 13.442 16.189 14.076 16.721 14.711 16.639 15.657 16.004 16.189 14.92 17.099 14.5 17.657 14.5 18.5 14.5 19.157 14.37 19.807 14.119 20.413 13.868 21.02 13.499 21.571 13.035 22.035 12.571 22.499 12.02 22.868 11.413 23.119 10.807 23.37 10.157 23.5 9.5 23.5 8.843 23.5 8.193 23.37 7.587 23.119 6.98 22.868 6.429 22.499 5.965 22.035 5.501 21.571 5.132 21.02 4.881 20.413 4.63 19.807 4.5 19.157 4.5 18.5ZM4.5 8.5C4.5 7.575 4.661 6.691 4.941 5.873 5.21 5.089 6.063 4.672 6.847 4.941 7.63 5.21 8.047 6.064 7.778 6.847 7.599 7.369 7.5 7.924 7.5 8.5 7.5 9.328 6.828 10 6 10 5.172 10 4.5 9.328 4.5 8.5ZM12.01.509C13.468.419 14.923.731 16.216 1.409 17.509 2.088 18.593 3.107 19.348 4.357 20.103 5.607 20.501 7.04 20.5 8.5L20.493 8.857C20.432 10.616 19.917 11.984 19.148 13.107 18.68 13.791 17.746 13.966 17.063 13.498 16.379 13.03 16.204 12.097 16.672 11.413 17.152 10.712 17.5 9.827 17.5 8.5V8.499C17.501 7.586 17.251 6.69 16.78 5.909 16.308 5.128 15.631 4.49 14.823 4.066 14.014 3.642 13.105 3.448 12.194 3.504 11.283 3.56 10.404 3.863 9.654 4.383 8.972 4.854 8.038 4.685 7.567 4.004 7.095 3.323 7.265 2.389 7.946 1.917 9.147 1.086 10.552.598 12.01.509Z" />
+          <path d="M10.4522 11.2051C10.7918 10.4496 11.679 10.1127 12.4346 10.4521C13.19 10.7917 13.5278 11.6791 13.1885 12.4346C12.9124 13.0486 12.4643 13.5703 11.8994 13.9365C11.3345 14.3027 10.6761 14.4986 10.0029 14.5C9.1746 14.5016 8.50173 13.8313 8.5 13.0029C8.49838 12.1746 9.16871 11.5017 9.99707 11.5C10.093 11.4998 10.187 11.4721 10.2676 11.4199C10.3483 11.3676 10.4127 11.2928 10.4522 11.2051ZM13.5 8.5C13.5 8.23478 13.3946 7.98051 13.207 7.79297C13.0195 7.60543 12.7652 7.5 12.5 7.5C11.6716 7.5 11 6.82843 11 6C11 5.17157 11.6716 4.5 12.5 4.5C13.5609 4.5 14.578 4.92173 15.3281 5.67188C16.0783 6.42202 16.5 7.43913 16.5 8.5C16.5 9.32843 15.8284 10 15 10C14.1716 10 13.5 9.32843 13.5 8.5Z" />
+          <path d="M0.939454 0.939462C1.52524 0.353675 2.47476 0.353675 3.06055 0.939462L23.0605 20.9395C23.6463 21.5252 23.6463 22.4748 23.0605 23.0606C22.4748 23.6463 21.5252 23.6463 20.9395 23.0606L0.939454 3.06056C0.353668 2.47477 0.353668 1.52525 0.939454 0.939462Z" />
+        </g>
+        <defs>
+          <clipPath id="undefined-clip0_49_191">
+            <path fill="#fff" d="M0 0H24V24H0z" />
+          </clipPath>
+        </defs>
+      </svg>
+    );
+  }
+
+  if (type === "stroke") {
+    return (
+      <svg
+        width={size}
+        height={size}
+        viewBox="0 0 24 24"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+        className={className}
+        strokeWidth={strokeWidth}
+        strokeLinecap={strokeLinecap}
+        strokeLinejoin={strokeLinejoin}
+        strokeDasharray={strokeDasharray}
+        opacity={opacity}
+        {...props}
+        ref={forwardedRef}
+      >
+        <path
+          d="M6 18.5C6 18.96 6.091 19.415 6.266 19.839 6.442 20.264 6.7 20.65 7.025 20.975 7.35 21.3 7.736 21.558 8.161 21.734 8.585 21.91 9.04 22 9.5 22 9.96 22 10.415 21.91 10.839 21.734 11.264 21.558 11.65 21.3 11.975 20.975 12.3 20.65 12.558 20.264 12.734 19.839 12.91 19.415 13 18.96 13 18.5 13 16.93 13.92 15.98 15.04 15.04M6 8.5C6 7.75 6.13 7.03 6.36 6.36M8.8 3.15C9.776 2.475 10.918 2.079 12.102 2.006 13.287 1.934 14.468 2.187 15.519 2.738 16.57 3.289 17.45 4.118 18.064 5.133 18.677 6.149 19.001 7.313 19 8.5 19 10.13 18.56 11.31 17.91 12.26"
+          stroke={color}
+          strokeLinecap="round"
+          strokeLinejoin="round"
+        />
+        <path
+          d="M12.5 6C13.163 6 13.799 6.263 14.268 6.732 14.737 7.201 15 7.837 15 8.5M10 13C10.385 12.999 10.761 12.887 11.084 12.678 11.407 12.469 11.662 12.171 11.82 11.82M2 2 22 22"
+          stroke={color}
+          strokeLinecap="round"
+          strokeLinejoin="round"
+        />
+      </svg>
+    );
+  }
+
+  console.error(`EarOff doesn't support ${type}`);
+  return null;
+});
+
+EarOff.displayName = "EarOff";
+
+EarOff.metadata = {
+  name: "EarOff",
+  category: "solid/accessibility",
+  tags: ["ear", "off", "icon"],
+  description: "EarOff icon from solid/accessibility category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default EarOff;

package/src/solid/accessibility/Eclipse.tsx

@@ -0,0 +1,99 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+interface EclipseProps extends IconProps {
+  type?: "solid" | "stroke";
+}
+
+export const Eclipse: IconComponent<EclipseProps> = React.forwardRef<
+  SVGSVGElement,
+  EclipseProps
+>(function Eclipse(
+  {
+    color = "currentColor",
+    fill,
+    size = 24,
+    strokeWidth,
+    strokeLinecap,
+    strokeLinejoin,
+    strokeDasharray,
+    opacity,
+    className,
+    type = "stroke",
+    ...props
+  },
+  forwardedRef,
+) {
+  if (type === "solid") {
+    return (
+      <svg
+        width={size}
+        height={size}
+        viewBox="0 0 22 22"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+        className={className}
+        strokeWidth={strokeWidth}
+        strokeLinecap={strokeLinecap}
+        strokeLinejoin={strokeLinejoin}
+        strokeDasharray={strokeDasharray}
+        opacity={opacity}
+        {...props}
+        ref={forwardedRef}
+      >
+        <path
+          d="M11 0C17.0751 0 22 4.92487 22 11C22 17.0751 17.0751 22 11 22C4.92487 22 0 17.0751 0 11C0 4.92487 4.92487 0 11 0ZM10.5732 3.00098C9.02909 3.0845 7.54195 3.61296 6.29199 4.52344C5.04201 5.43403 4.08229 6.6876 3.5293 8.13184C2.97636 9.57603 2.85364 11.1496 3.17578 12.6621C3.49799 14.1746 4.25125 15.5618 5.34473 16.6553C6.43825 17.7487 7.82542 18.5021 9.33789 18.8242C10.8505 19.1463 12.4249 19.0238 13.8691 18.4707C15.3132 17.9176 16.5661 16.9579 17.4766 15.708C18.3871 14.4579 18.9157 12.9701 18.999 11.4258C19.0184 11.0657 18.5911 10.8782 18.2852 11.0693C17.2617 11.709 16.0516 11.9832 14.8525 11.8467C13.6534 11.7101 12.536 11.1708 11.6826 10.3174C10.8292 9.464 10.2899 8.34658 10.1533 7.14746C10.0168 5.94835 10.291 4.73825 10.9307 3.71484C11.1219 3.40977 10.9334 2.98149 10.5732 3.00098Z"
+          fill="currentColor"
+        />
+      </svg>
+    );
+  }
+
+  if (type === "stroke") {
+    return (
+      <svg
+        width={size}
+        height={size}
+        viewBox="0 0 24 24"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+        className={className}
+        strokeWidth={strokeWidth}
+        strokeLinecap={strokeLinecap}
+        strokeLinejoin={strokeLinejoin}
+        strokeDasharray={strokeDasharray}
+        opacity={opacity}
+        {...props}
+        ref={forwardedRef}
+      >
+        <path
+          d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z"
+          stroke={color}
+          strokeLinecap="round"
+          strokeLinejoin="round"
+        />
+        <path
+          d="M12 2C10.6739 3.32608 9.92892 5.12464 9.92892 7C9.92892 8.87536 10.6739 10.6739 12 12C13.3261 13.3261 15.1246 14.0711 17 14.0711C18.8754 14.0711 20.6739 13.3261 22 12"
+          stroke={color}
+          strokeLinecap="round"
+          strokeLinejoin="round"
+        />
+      </svg>
+    );
+  }
+
+  console.error(`Eclipse doesn't support ${type}`);
+  return null;
+});
+
+Eclipse.displayName = "Eclipse";
+
+Eclipse.metadata = {
+  name: "Eclipse",
+  category: "solid/accessibility",
+  tags: ["eclipse", "icon"],
+  description: "Eclipse icon from solid/accessibility category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default Eclipse;

package/src/solid/accessibility/Eye.tsx

@@ -0,0 +1,99 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+interface EyeProps extends IconProps {
+  type?: "solid" | "stroke";
+}
+
+export const Eye: IconComponent<EyeProps> = React.forwardRef<
+  SVGSVGElement,
+  EyeProps
+>(function Eye(
+  {
+    color = "currentColor",
+    fill,
+    size = 24,
+    strokeWidth,
+    strokeLinecap,
+    strokeLinejoin,
+    strokeDasharray,
+    opacity,
+    className,
+    type = "stroke",
+    ...props
+  },
+  forwardedRef,
+) {
+  if (type === "solid") {
+    return (
+      <svg
+        width={size}
+        height={size}
+        viewBox="0 0 24 24"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+        className={className}
+        strokeWidth={strokeWidth}
+        strokeLinecap={strokeLinecap}
+        strokeLinejoin={strokeLinejoin}
+        strokeDasharray={strokeDasharray}
+        opacity={opacity}
+        {...props}
+        ref={forwardedRef}
+      >
+        <path
+          d="M12 4.50098C14.2277 4.50109 16.4055 5.16237 18.2569 6.40137C19.9926 7.56312 21.3683 9.184 22.2334 11.0791L22.3994 11.4619L22.4063 11.4785C22.5311 11.8152 22.5312 12.1858 22.4063 12.5225C22.4042 12.5279 22.4016 12.5337 22.3994 12.5391C21.55 14.5984 20.1081 16.3595 18.2569 17.5986C16.4056 18.8376 14.2276 19.4999 12 19.5C9.77219 19.4999 7.59363 18.8378 5.7422 17.5986C3.89089 16.3595 2.44905 14.5985 1.59962 12.5391C1.59739 12.5337 1.59483 12.5279 1.59278 12.5225C1.46784 12.1859 1.46799 11.8151 1.59278 11.4785L1.59962 11.4619C2.44901 9.4024 3.89086 7.64056 5.7422 6.40137C7.59359 5.16232 9.77225 4.50105 12 4.50098ZM12 8.5C10.067 8.5 8.50001 10.067 8.50001 12C8.50001 13.933 10.067 15.5 12 15.5C13.933 15.4999 15.5 13.933 15.5 12C15.5 10.067 13.933 8.50005 12 8.5Z"
+          fill="currentColor"
+        />
+      </svg>
+    );
+  }
+
+  if (type === "stroke") {
+    return (
+      <svg
+        width={size}
+        height={size}
+        viewBox="0 0 24 24"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+        className={className}
+        strokeWidth={strokeWidth}
+        strokeLinecap={strokeLinecap}
+        strokeLinejoin={strokeLinejoin}
+        strokeDasharray={strokeDasharray}
+        opacity={opacity}
+        {...props}
+        ref={forwardedRef}
+      >
+        <path
+          d="M2.062 12.348C1.97866 12.1235 1.97866 11.8765 2.062 11.652C2.8737 9.68385 4.25152 8.00103 6.02077 6.81689C7.79003 5.63275 9.87105 5.00061 12 5.00061C14.129 5.00061 16.21 5.63275 17.9792 6.81689C19.7485 8.00103 21.1263 9.68385 21.938 11.652C22.0213 11.8765 22.0213 12.1235 21.938 12.348C21.1263 14.3161 19.7485 15.999 17.9792 17.1831C16.21 18.3672 14.129 18.9994 12 18.9994C9.87105 18.9994 7.79003 18.3672 6.02077 17.1831C4.25152 15.999 2.8737 14.3161 2.062 12.348Z"
+          stroke={color}
+          strokeLinecap="round"
+          strokeLinejoin="round"
+        />
+        <path
+          d="M12 15C13.6569 15 15 13.6569 15 12C15 10.3431 13.6569 9 12 9C10.3431 9 9 10.3431 9 12C9 13.6569 10.3431 15 12 15Z"
+          stroke={color}
+          strokeLinecap="round"
+          strokeLinejoin="round"
+        />
+      </svg>
+    );
+  }
+
+  console.error(`Eye doesn't support ${type}`);
+  return null;
+});
+
+Eye.displayName = "Eye";
+
+Eye.metadata = {
+  name: "Eye",
+  category: "solid/accessibility",
+  tags: ["eye", "icon"],
+  description: "Eye icon from solid/accessibility category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default Eye;