@winplaybox/icons 0.0.0-stage → 0.1.0

package/src/generated/iconly/sharp/light.tsx

@@ -0,0 +1,1127 @@
+import React from 'react';
+import { IconProps } from '../../../types';
+
+export const IconlySharpLight2UserIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path d="M9.51408 14.707C12.6415 14.699 15.3007 16.1349 16.2782 19.2261C14.308 20.4271 11.9889 20.8897 9.51408 20.8836C7.03921 20.8897 4.72016 20.4271 2.75 19.2261C3.72857 16.1316 6.38327 14.699 9.51408 14.707Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M16.0853 18.2324C17.9751 18.237 19.7459 17.8838 21.2503 16.9667C20.504 14.6064 18.4734 13.5099 16.0853 13.516C14.581 13.5121 13.2207 13.9439 12.2325 14.8532" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<circle cx="9.51409" cy="7.35259" r="4.23687" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M13.7142 5.67014C14.3045 5.05148 15.137 4.66602 16.0596 4.66602C17.8497 4.66602 19.3009 6.11718 19.3009 7.90729C19.3009 9.69739 17.8497 11.1486 16.0596 11.1486C14.9653 11.1486 13.9977 10.6063 13.4108 9.77575" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpLight2UserIcon.displayName = 'IconlySharpLight2UserIcon';
+
+export const IconlySharpLight3UserIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path d="M11.9816 14.6231C15.0116 14.6153 17.588 16.0066 18.535 19.0014C16.6262 20.1651 14.3794 20.6133 11.9816 20.6074C9.58376 20.6133 7.33691 20.1651 5.4281 19.0014C6.3762 16.0033 8.94824 14.6153 11.9816 14.6231Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M6.5946 13.773C4.47024 13.7675 2.66395 14.7429 2.00001 16.8426C2.7247 17.2844 3.51888 17.5791 4.36173 17.7558" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M17.4056 13.773C19.53 13.7675 21.3363 14.7429 22.0002 16.8426C21.2755 17.2844 20.4814 17.5791 19.6385 17.7558" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<circle cx="12.0001" cy="7.49102" r="4.09844" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M16.4831 6.05059C16.7727 5.95272 17.083 5.89966 17.4056 5.89966C18.9962 5.89966 20.2856 7.18907 20.2856 8.77964C20.2856 10.3702 18.9962 11.6596 17.4056 11.6596C16.6326 11.6596 15.9307 11.3551 15.4134 10.8594" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M7.25054 5.97469C7.03983 5.92561 6.82024 5.89966 6.59458 5.89966C5.00401 5.89966 3.7146 7.18907 3.7146 8.77964C3.7146 10.3702 5.00401 11.6596 6.59458 11.6596C7.28781 11.6596 7.92383 11.4147 8.42082 11.0067" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpLight3UserIcon.displayName = 'IconlySharpLight3UserIcon';
+
+export const IconlySharpLightActivityIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path d="M7.21671 14.7197L10.0222 11.0733L13.2224 13.5872L15.9679 10.0438" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<circle cx="19.1681" cy="4.80171" r="1.80171" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M14.4154 3.78934H3.03027V21H20.2409V9.58914" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpLightActivityIcon.displayName = 'IconlySharpLightActivityIcon';
+
+export const IconlySharpLightAddUserIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path d="M19.043 8.66895V12.6789" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square" strokeLinejoin="round"/>
+<path d="M21.088 10.6738H16.998" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square" strokeLinejoin="round"/>
+<path d="M9.955 14.8189C13.2114 14.8106 15.9802 16.3057 16.9979 19.5242C14.9465 20.7748 12.5319 21.2564 9.955 21.2501C7.37812 21.2564 4.96348 20.7748 2.91211 19.5242C3.93101 16.3022 6.69514 14.8105 9.955 14.8189Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<circle cx="9.91973" cy="7.16973" r="4.41973" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpLightAddUserIcon.displayName = 'IconlySharpLightAddUserIcon';
+
+export const IconlySharpLightArrowDown2Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path d="M19 8.5L12 15.5L5 8.5" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpLightArrowDown2Icon.displayName = 'IconlySharpLightArrowDown2Icon';
+
+export const IconlySharpLightArrowDown3Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path d="M11.9996 19.9996L11.9996 3.99987" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M6.33959 14.3398C9.24933 14.3398 11.9996 16.9024 11.9996 19.9999" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M17.6597 14.3398C14.7499 14.3398 11.9996 16.9024 11.9996 19.9999" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpLightArrowDown3Icon.displayName = 'IconlySharpLightArrowDown3Icon';
+
+export const IconlySharpLightArrowDownCircleIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path fillRule="evenodd" clipRule="evenodd" d="M2.75 12C2.75 17.108 6.891 21.25 12 21.25C17.108 21.25 21.25 17.108 21.25 12C21.25 6.892 17.108 2.75 12 2.75C6.891 2.75 2.75 6.892 2.75 12Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M8.52881 10.5576L11.9998 14.0436L15.4708 10.5576" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpLightArrowDownCircleIcon.displayName = 'IconlySharpLightArrowDownCircleIcon';
+
+export const IconlySharpLightArrowDownSquareIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path fillRule="evenodd" clipRule="evenodd" d="M2.75 21.25H21.25V2.75H2.75V21.25Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round"/>
+<path d="M12 15.3383V7.91406" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M15.748 12.3223L12 16.0863L8.25195 12.3223" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpLightArrowDownSquareIcon.displayName = 'IconlySharpLightArrowDownSquareIcon';
+
+export const IconlySharpLightArrowDownIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path d="M12 18.9001V4.49988" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M18.0246 13.4501L12.0006 19.5001L5.97559 13.4501" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpLightArrowDownIcon.displayName = 'IconlySharpLightArrowDownIcon';
+
+export const IconlySharpLightArrowLeft2Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path d="M15.5 19L8.5 12L15.5 5" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpLightArrowLeft2Icon.displayName = 'IconlySharpLightArrowLeft2Icon';
+
+export const IconlySharpLightArrowLeft3Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path d="M3.99951 12L19.9993 12" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M9.65967 6.33995C9.65967 9.2497 7.09709 12 3.99962 12" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M9.65967 17.66C9.65967 14.7503 7.09709 12 3.99962 12" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpLightArrowLeft3Icon.displayName = 'IconlySharpLightArrowLeft3Icon';
+
+export const IconlySharpLightArrowLeftCircleIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path fillRule="evenodd" clipRule="evenodd" d="M12 2.75C6.892 2.75 2.75 6.891 2.75 12C2.75 17.108 6.892 21.25 12 21.25C17.108 21.25 21.25 17.108 21.25 12C21.25 6.891 17.108 2.75 12 2.75Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M13.4424 8.52881L9.95638 11.9998L13.4424 15.4708" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpLightArrowLeftCircleIcon.displayName = 'IconlySharpLightArrowLeftCircleIcon';
+
+export const IconlySharpLightArrowLeftSquareIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path fillRule="evenodd" clipRule="evenodd" d="M2.75 21.25L2.75 2.75L21.25 2.75L21.25 21.25L2.75 21.25Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round"/>
+<path d="M8.6617 12L16.0859 12" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M11.6777 8.25205L7.91373 12L11.6777 15.748" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpLightArrowLeftSquareIcon.displayName = 'IconlySharpLightArrowLeftSquareIcon';
+
+export const IconlySharpLightArrowLeftIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path d="M5.09976 12L19.5 12" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M10.5498 18.0246L4.4998 12.0006L10.5498 5.97559" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpLightArrowLeftIcon.displayName = 'IconlySharpLightArrowLeftIcon';
+
+export const IconlySharpLightArrowRight2Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path d="M8.5 5L15.5 12L8.5 19" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpLightArrowRight2Icon.displayName = 'IconlySharpLightArrowRight2Icon';
+
+export const IconlySharpLightArrowRight3Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path d="M19.999 12L3.99926 12" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M14.3394 17.66C14.3394 14.7503 16.9019 12 19.9994 12" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M14.3394 6.33995C14.3394 9.2497 16.9019 12 19.9994 12" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpLightArrowRight3Icon.displayName = 'IconlySharpLightArrowRight3Icon';
+
+export const IconlySharpLightArrowRightCircleIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path fillRule="evenodd" clipRule="evenodd" d="M12 21.25C17.108 21.25 21.25 17.109 21.25 12C21.25 6.892 17.108 2.75 12 2.75C6.892 2.75 2.75 6.892 2.75 12C2.75 17.109 6.892 21.25 12 21.25Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M10.5576 15.4712L14.0436 12.0002L10.5576 8.52919" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpLightArrowRightCircleIcon.displayName = 'IconlySharpLightArrowRightCircleIcon';
+
+export const IconlySharpLightArrowRightSquareIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path fillRule="evenodd" clipRule="evenodd" d="M21.25 21.25L21.25 2.75L2.75 2.75L2.75 21.25L21.25 21.25Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round"/>
+<path d="M15.3383 12L7.91406 12" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M12.3223 8.25205L16.0863 12L12.3223 15.748" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpLightArrowRightSquareIcon.displayName = 'IconlySharpLightArrowRightSquareIcon';
+
+export const IconlySharpLightArrowRightIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path d="M18.9001 12.0001L4.49988 12.0001" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M13.4501 5.97554L19.5001 11.9995L13.4501 18.0245" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpLightArrowRightIcon.displayName = 'IconlySharpLightArrowRightIcon';
+
+export const IconlySharpLightArrowUp2Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path d="M19 15.5L12 8.5L5 15.5" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpLightArrowUp2Icon.displayName = 'IconlySharpLightArrowUp2Icon';
+
+export const IconlySharpLightArrowUp3Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path d="M11.9995 4L11.9995 19.9998" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M6.33946 9.66016C9.24921 9.66016 11.9995 7.09758 11.9995 4.00011" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M17.6596 9.66016C14.7498 9.66016 11.9995 7.09758 11.9995 4.00011" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpLightArrowUp3Icon.displayName = 'IconlySharpLightArrowUp3Icon';
+
+export const IconlySharpLightArrowUpCircleIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path fillRule="evenodd" clipRule="evenodd" d="M2.75 12C2.75 6.892 6.891 2.75 12 2.75C17.108 2.75 21.25 6.892 21.25 12C21.25 17.108 17.108 21.25 12 21.25C6.891 21.25 2.75 17.108 2.75 12Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M8.52881 13.4424L11.9998 9.95638L15.4708 13.4424" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpLightArrowUpCircleIcon.displayName = 'IconlySharpLightArrowUpCircleIcon';
+
+export const IconlySharpLightArrowUpSquareIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path fillRule="evenodd" clipRule="evenodd" d="M2.75 2.75H21.25V21.25H2.75V2.75Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round"/>
+<path d="M12 8.6617V16.0859" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M15.748 11.6777L12 7.91373L8.25195 11.6777" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpLightArrowUpSquareIcon.displayName = 'IconlySharpLightArrowUpSquareIcon';
+
+export const IconlySharpLightArrowUpIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path d="M12 5.09976V19.5" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M18.0246 10.5498L12.0006 4.4998L5.97559 10.5498" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpLightArrowUpIcon.displayName = 'IconlySharpLightArrowUpIcon';
+
+export const IconlySharpLightAvatarIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <circle cx="12" cy="12" r="9.25" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5}/>
+<path d="M11.4363 8.27734L9.52051 14.7705L9.70175 15.0725H13.2945" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M16.3857 11.1743H16.3957" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M6.93262 11.1743H6.94262" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpLightAvatarIcon.displayName = 'IconlySharpLightAvatarIcon';
+
+export const IconlySharpLightBag2Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path d="M16.4729 6.65397C16.4729 4.35982 14.6132 2.50004 12.319 2.50004C11.2143 2.49536 10.1532 2.93093 9.37034 3.71046C8.58751 4.48998 8.14745 5.54923 8.14746 6.65397" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M15.17 10.9835H15.126" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M9.56262 10.9835H9.51862" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M19.8719 6.86499L20.7605 21.5002L3.24023 21.5002L4.12881 6.86499L19.8719 6.86499Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round"/>
+  </svg>
+);
+IconlySharpLightBag2Icon.displayName = 'IconlySharpLightBag2Icon';
+
+export const IconlySharpLightBag3Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path d="M16.0194 9.76204V6.53882C16.0194 4.32339 14.2239 2.52787 12.0095 2.52787C9.79406 2.5183 7.99004 4.30532 7.98047 6.52075V6.53882V9.76204" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square" strokeLinejoin="round"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M12 21.4721C17.1086 21.4721 21.25 17.3307 21.25 12.2221L21.25 7.28467L2.75 7.28467L2.75 12.2221C2.75 17.3307 6.89137 21.4721 12 21.4721Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round"/>
+  </svg>
+);
+IconlySharpLightBag3Icon.displayName = 'IconlySharpLightBag3Icon';
+
+export const IconlySharpLightBagIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path d="M16.7496 9.14953V8.03763C16.7496 5.41466 14.6232 3.28833 12.0003 3.28833C9.37731 3.28833 7.25098 5.41466 7.25098 8.03763V9.14953" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square" strokeLinejoin="round"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M20.1869 20.7116L21.25 7.35906L2.75 7.35907L3.81307 20.7116L20.1869 20.7116Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round"/>
+  </svg>
+);
+IconlySharpLightBagIcon.displayName = 'IconlySharpLightBagIcon';
+
+export const IconlySharpLightBookmarkIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path fillRule="evenodd" clipRule="evenodd" d="M19.4776 2.75C13.6373 2.75 10.3628 2.75 4.52246 2.75V21.25L12.0251 17.8045L19.4776 21.25V2.75Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M8.47841 9.22531H15.5218" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpLightBookmarkIcon.displayName = 'IconlySharpLightBookmarkIcon';
+
+export const IconlySharpLightBuyIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path d="M14.375 10.429H17.0467" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M7.65889 19.4927C7.94889 19.4927 8.18302 19.7278 8.18302 20.0168C8.18302 20.3068 7.94889 20.5419 7.65889 20.5419C7.36889 20.5419 7.13477 20.3068 7.13477 20.0168C7.13477 19.7278 7.36889 19.4927 7.65889 19.4927Z" fill={color || 'currentColor'} stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M18.5261 19.4927C18.8161 19.4927 19.0512 19.7278 19.0512 20.0168C19.0512 20.3068 18.8161 20.5419 18.5261 20.5419C18.2361 20.5419 18.002 20.3068 18.002 20.0168C18.002 19.7278 18.2361 19.4927 18.5261 19.4927Z" fill={color || 'currentColor'} stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M5.62516 6.51821H21.25L19.9806 16.1529H6.49355L5.21652 3.45801H2.75" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpLightBuyIcon.displayName = 'IconlySharpLightBuyIcon';
+
+export const IconlySharpLightCalendarIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path d="M3.76074 9.59898H20.248" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M16.1087 13.2115H16.1173" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M12.0045 13.2116H12.013" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M7.89117 13.2116H7.89974" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M16.1087 16.8065H16.1173" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M12.0045 16.8066H12.013" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M7.89117 16.8066H7.89974" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M15.7408 2.75V5.79399" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M8.26853 2.75V5.79399" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M20.3258 4.21069H3.67578V21.25H20.3258V4.21069Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpLightCalendarIcon.displayName = 'IconlySharpLightCalendarIcon';
+
+export const IconlySharpLightCallMissedIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path d="M20.7137 4.57373L15.8613 9.42613" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square" strokeLinejoin="round"/>
+<path d="M15.8613 4.57373L20.7137 9.42613" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square" strokeLinejoin="round"/>
+<path d="M17.8157 21.2377C8.6665 21.6565 1.85318 11.2831 2.79979 6.22175C3.66833 4.7293 4.7816 3.62391 6.27155 2.75L9.51207 7.20123L7.86867 10.0553C7.86867 10.0553 8.32246 11.9607 10.0304 13.6686C11.823 15.4612 13.8227 16.0093 13.8227 16.0093L16.6768 14.3659L21.2875 17.7659C20.4297 19.2985 19.3483 20.3799 17.8157 21.2377Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpLightCallMissedIcon.displayName = 'IconlySharpLightCallMissedIcon';
+
+export const IconlySharpLightCallSilentIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path d="M10.8089 14.176C12.3561 15.4174 13.8227 15.8194 13.8227 15.8194L16.6768 14.176L21.2875 17.576C20.4297 19.1085 19.3483 20.19 17.8157 21.0477C14.0127 21.2218 10.6132 19.5312 8.00687 17.1325M6.05437 15.0291C3.62762 11.9726 2.35428 8.41389 2.79979 6.03181C3.66833 4.53936 4.7816 3.43397 6.27155 2.56006L9.51207 7.01129L7.86867 9.8654C7.86867 9.8654 8.08819 10.7871 8.79649 11.923" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M4.01458 21.3442L18.6293 5.75512" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square" strokeLinejoin="round"/>
+  </svg>
+);
+IconlySharpLightCallSilentIcon.displayName = 'IconlySharpLightCallSilentIcon';
+
+export const IconlySharpLightCallIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path d="M17.8167 21.2377C8.66748 21.6565 1.85415 11.2831 2.80077 6.22175C3.66931 4.7293 4.78257 3.62391 6.27252 2.75L9.51304 7.20123L7.86965 10.0553C7.86965 10.0553 8.32344 11.9607 10.0314 13.6686C11.824 15.4612 13.8236 16.0093 13.8236 16.0093L16.6777 14.3659L21.2885 17.7659C20.4307 19.2985 19.3492 20.3799 17.8167 21.2377Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpLightCallIcon.displayName = 'IconlySharpLightCallIcon';
+
+export const IconlySharpLightCallingIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path d="M14.2471 2.75C17.9481 3.161 20.8721 6.081 21.2871 9.782" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square" strokeLinejoin="round"/>
+<path d="M14.2471 6.29297C16.0181 6.63697 17.4021 8.02197 17.7471 9.79297" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square" strokeLinejoin="round"/>
+<path d="M17.8157 21.2377C8.6665 21.6565 1.85318 11.2831 2.79979 6.22175C3.66833 4.7293 4.7816 3.62391 6.27155 2.75L9.51207 7.20123L7.86867 10.0553C7.86867 10.0553 8.32246 11.9607 10.0304 13.6686C11.823 15.4612 13.8227 16.0093 13.8227 16.0093L16.6768 14.3659L21.2875 17.7659C20.4297 19.2985 19.3483 20.3799 17.8157 21.2377Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpLightCallingIcon.displayName = 'IconlySharpLightCallingIcon';
+
+export const IconlySharpLightCameraIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path fillRule="evenodd" clipRule="evenodd" d="M15.04 3.99219L16.772 6.69755H21.25L21.25 20.0082H2.75001L2.75 6.69755H7.228L8.95901 3.99219H15.04Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M17.9271 10.5352H17.9361" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M15.1783 13.2142C15.1783 11.4582 13.7553 10.0352 11.9993 10.0352C10.2433 10.0352 8.82031 11.4582 8.82031 13.2142C8.82031 14.9702 10.2433 16.3932 11.9993 16.3932C13.7553 16.3932 15.1783 14.9702 15.1783 13.2142Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpLightCameraIcon.displayName = 'IconlySharpLightCameraIcon';
+
+export const IconlySharpLightCardIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <rect x="2.75" y="4.97021" width="18.5" height="14.06" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M2.75 9.78314H21.25" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M14.8515 15.3423H18.3268" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M10.626 15.3423H11.3738" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpLightCardIcon.displayName = 'IconlySharpLightCardIcon';
+
+export const IconlySharpLightCategoryIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <rect x="2.60742" y="3.39331" width="7" height="7" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<rect x="14.6318" y="2.60669" width="7" height="7" transform="rotate(15 14.6318 2.60669)" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<rect x="2.60742" y="14.3933" width="7" height="7" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<rect x="13.6074" y="14.3933" width="7" height="7" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpLightCategoryIcon.displayName = 'IconlySharpLightCategoryIcon';
+
+export const IconlySharpLightChartIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path d="M7.16367 10.4277V16.4576" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square" strokeLinejoin="round"/>
+<path d="M12.0006 7.54248V16.4576" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square" strokeLinejoin="round"/>
+<path d="M16.8365 13.6143V16.4577" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square" strokeLinejoin="round"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M21.25 21.25L21.25 2.75L2.75 2.75L2.75 21.25L21.25 21.25Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round"/>
+  </svg>
+);
+IconlySharpLightChartIcon.displayName = 'IconlySharpLightChartIcon';
+
+export const IconlySharpLightChat2Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path fillRule="evenodd" clipRule="evenodd" d="M18.5481 18.5225C16.693 20.3778 14.2512 21.2761 11.8247 21.2237C8.5295 21.1525 2.75 21.2042 2.75 21.2042C2.75 21.2042 2.80068 15.357 2.79819 12.0045C2.79644 9.64195 3.69595 7.27993 5.50162 5.47466C9.10096 1.874 14.9487 1.874 18.5481 5.47373C22.1539 9.07996 22.1474 14.9228 18.5481 18.5225Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round"/>
+<path d="M8.31468 12.3808H8.21594" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M12.0489 12.3809H11.9502" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M15.7833 12.3808H15.6845" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpLightChat2Icon.displayName = 'IconlySharpLightChat2Icon';
+
+export const IconlySharpLightChatIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path fillRule="evenodd" clipRule="evenodd" d="M18.5481 18.5225C16.693 20.3778 14.2512 21.2761 11.8247 21.2237C8.5295 21.1525 2.75 21.2042 2.75 21.2042L4.77533 17.9754C4.77533 17.9754 2.79819 15.0387 2.79819 12.0045C2.79644 9.64195 3.69595 7.27993 5.50162 5.47466C9.10096 1.874 14.9487 1.874 18.5481 5.47373C22.1539 9.07996 22.1474 14.9228 18.5481 18.5225Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round"/>
+<path d="M8.31468 12.3808H8.21593" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M12.0489 12.3809H11.9502" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M15.7833 12.3808H15.6845" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpLightChatIcon.displayName = 'IconlySharpLightChatIcon';
+
+export const IconlySharpLightCloseSquareIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path d="M14.3955 9.59473L9.60352 14.3867" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M14.3956 14.3898L9.59961 9.59277" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M12 21.25C17.1086 21.25 21.25 17.1086 21.25 12C21.25 6.89137 17.1086 2.75 12 2.75C6.89137 2.75 2.75 6.89137 2.75 12C2.75 17.1086 6.89137 21.25 12 21.25Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round"/>
+  </svg>
+);
+IconlySharpLightCloseSquareIcon.displayName = 'IconlySharpLightCloseSquareIcon';
+
+export const IconlySharpLightDangerCircleIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path fillRule="evenodd" clipRule="evenodd" d="M12 2.75C17.108 2.75 21.25 6.891 21.25 12C21.25 17.108 17.108 21.25 12 21.25C6.891 21.25 2.75 17.108 2.75 12C2.75 6.891 6.891 2.75 12 2.75Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M11.9951 8.2041V12.6231" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square" strokeLinejoin="round"/>
+<path d="M11.995 15.7959H12.005" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square" strokeLinejoin="round"/>
+  </svg>
+);
+IconlySharpLightDangerCircleIcon.displayName = 'IconlySharpLightDangerCircleIcon';
+
+export const IconlySharpLightDangerTriangleIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path d="M21.25 19.8131L20.8869 20.2902H3.07885L2.75006 19.8131L11.9294 3.70984H12.0756L21.25 19.8131Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round"/>
+<path d="M12.0177 14.016V11.215" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M12.0112 16.8036H12.0202" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpLightDangerTriangleIcon.displayName = 'IconlySharpLightDangerTriangleIcon';
+
+export const IconlySharpLightDelete2Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path d="M4.11914 6.45117H19.8803L18.4629 21.2503H5.53654L4.11914 6.45117Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M16.4768 5.99734L15.4081 2.75H8.59314L7.52441 5.99734" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M12.001 11.3638L12.001 16.3366" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpLightDelete2Icon.displayName = 'IconlySharpLightDelete2Icon';
+
+export const IconlySharpLightDeleteIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path d="M4.62598 7.40262H19.3736L18.0473 21.25H5.95222L4.62598 7.40262Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M7.81169 2.75H16.1883" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M12.0001 11.9995L12.0001 16.6526" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpLightDeleteIcon.displayName = 'IconlySharpLightDeleteIcon';
+
+export const IconlySharpLightDiscountIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path d="M9.6582 14.134L14.1328 9.65942" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square" strokeLinejoin="round"/>
+<path d="M14.0661 14.0715H14.074" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square" strokeLinejoin="round"/>
+<path d="M9.71456 9.71897H9.72239" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square" strokeLinejoin="round"/>
+<path d="M12 2.75C13.5306 4.76856 16.0311 5.80432 18.5407 5.45926C18.1957 7.96888 19.2314 10.4694 21.25 12C19.2314 13.5306 18.1957 16.0311 18.5407 18.5407C16.0311 18.1957 13.5306 19.2314 12 21.25C10.4694 19.2314 7.96888 18.1957 5.45926 18.5407C5.80432 16.0311 4.76856 13.5306 2.75 12C4.76856 10.4694 5.80432 7.96888 5.45926 5.45926C7.96888 5.80432 10.4694 4.76856 12 2.75Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpLightDiscountIcon.displayName = 'IconlySharpLightDiscountIcon';
+
+export const IconlySharpLightDiscoveryIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path d="M9.01663 14.9844L9.01562 14.9847L10.0874 10.0869L14.9841 9.01539L14.9851 9.01514L13.9134 13.9129L9.01663 14.9844Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round"/>
+<circle cx="12" cy="12" r="9.25" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round"/>
+  </svg>
+);
+IconlySharpLightDiscoveryIcon.displayName = 'IconlySharpLightDiscoveryIcon';
+
+export const IconlySharpLightDocumentIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path d="M14.4418 9.22907H8.37207" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square" strokeLinejoin="round"/>
+<path d="M10.6881 13.3932H8.37207" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square" strokeLinejoin="round"/>
+<rect x="3.62695" y="2.75" width="16.7465" height="18.5" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpLightDocumentIcon.displayName = 'IconlySharpLightDocumentIcon';
+
+export const IconlySharpLightDownload1Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path d="M16.625 9.0542H21.25V20.483H2.75V9.0542H7.375" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M12 17.4565L12 3.51727" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M7.40449 12.8608C9.76697 12.8608 12 14.9414 12 17.4564" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M16.5955 12.8608C14.233 12.8608 12 14.9414 12 17.4564" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpLightDownload1Icon.displayName = 'IconlySharpLightDownload1Icon';
+
+export const IconlySharpLightDownloadIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path d="M11.9997 15.935V3.15723" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M8.7251 13.395L12.0001 16.6846L15.2761 13.395" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M16.625 9.41406H21.25V20.8429H2.75V9.41406H7.375" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpLightDownloadIcon.displayName = 'IconlySharpLightDownloadIcon';
+
+export const IconlySharpLightEditSquareIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path d="M12.9326 7.28607L16.7334 11.0869L6.57034 21.25L2.7731 21.2464L2.76953 17.4492L12.9326 7.28607Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M12.9326 7.2861L16.7334 11.0869L6.57034 21.25L2.7731 21.2464L2.76953 17.4492L12.9326 7.2861Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M13.4933 13.4931L10.5071 10.5069" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M2.76927 11.4464V2.75H21.2305V21.25H12.6937" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpLightEditSquareIcon.displayName = 'IconlySharpLightEditSquareIcon';
+
+export const IconlySharpLightEditIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path d="M16.1006 3L21 7.89939L7.89939 21L3.00461 20.9954L3 16.1006L16.1006 3Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M20.3222 20.9947L3.00488 20.9941" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpLightEditIcon.displayName = 'IconlySharpLightEditIcon';
+
+export const IconlySharpLightEmojiIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <circle cx="12" cy="12" r="9.25" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5}/>
+<path d="M16.2476 12.5513C16.2476 14.8973 14.3458 16.7991 11.9998 16.7991C9.65378 16.7991 7.75195 14.8973 7.75195 12.5513" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5}/>
+  </svg>
+);
+IconlySharpLightEmojiIcon.displayName = 'IconlySharpLightEmojiIcon';
+
+export const IconlySharpLightFilter3Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path d="M21 3.40674H3V7.11124L9.75 13.9977V20.5927L14.25 18.834V13.9977L21 7.11124V3.40674Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round"/>
+  </svg>
+);
+IconlySharpLightFilter3Icon.displayName = 'IconlySharpLightFilter3Icon';
+
+export const IconlySharpLightFilterIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path d="M9.24512 7.25391H18.8872" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M9.26039 7.19391C9.26039 5.75184 8.08265 4.58252 6.63019 4.58252C5.17774 4.58252 4 5.75184 4 7.19391C4 8.63599 5.17774 9.80531 6.63019 9.80531C8.08265 9.80531 9.26039 8.63599 9.26039 7.19391Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M14.7549 16.8667H5.11285" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M14.7396 16.8062C14.7396 15.3641 15.9174 14.1948 17.3698 14.1948C18.8223 14.1948 20 15.3641 20 16.8062C20 18.2483 18.8223 19.4176 17.3698 19.4176C15.9174 19.4176 14.7396 18.2483 14.7396 16.8062Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpLightFilterIcon.displayName = 'IconlySharpLightFilterIcon';
+
+export const IconlySharpLightFolderIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path d="M7.63281 15.0865H16.3678" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M21.25 20.3265H2.75V3.67346H9.71326L11.9749 6.45239H21.25V20.3265Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpLightFolderIcon.displayName = 'IconlySharpLightFolderIcon';
+
+export const IconlySharpLightGameIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path d="M8.64204 12.2319V15.8797" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M10.5022 14.056H6.7803" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M14.9901 12.3429H14.8858" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M16.7559 15.8247H16.6516" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M7.57812 3C7.57812 3.72125 8.1747 4.30594 8.91061 4.30594H9.93965C11.075 4.30998 11.9946 5.21129 11.9998 6.32402V7.03126" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M15.7618 21C19.5814 21 22.6777 17.9036 22.6777 14.0841C22.6777 10.2646 19.5814 7.1682 15.7618 7.1682L8.23719 7.16821C4.41764 7.16821 1.32129 10.2646 1.32129 14.0841C1.32129 17.9036 4.41764 21 8.23718 21L15.7618 21Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round"/>
+  </svg>
+);
+IconlySharpLightGameIcon.displayName = 'IconlySharpLightGameIcon';
+
+export const IconlySharpLightGraphIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path d="M18.2264 13.4961C18.2264 15.0296 17.7716 16.5287 16.9196 17.8039C16.0676 19.079 14.8566 20.0728 13.4398 20.6597C12.023 21.2465 10.464 21.4001 8.95987 21.1009C7.45578 20.8017 6.07418 20.0632 4.98979 18.9788C3.9054 17.8944 3.16692 16.5129 2.86774 15.0088C2.56855 13.5047 2.72211 11.9456 3.30897 10.5288C3.89584 9.11198 4.88967 7.901 6.16478 7.049C7.43988 6.197 8.939 5.74225 10.4726 5.74225L10.4726 13.4961H18.2264Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M13.5273 2.75018C15.5837 2.75018 17.5559 3.5671 19.01 5.02122C20.4641 6.47535 21.2811 8.44756 21.2811 10.504L13.5273 10.504L13.5273 2.75018Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpLightGraphIcon.displayName = 'IconlySharpLightGraphIcon';
+
+export const IconlySharpLightHeartIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path d="M21.2499 9.63556C21.24 7.09969 19.9096 4.71489 17.2866 3.86991C15.4855 3.28869 13.5236 3.61191 12 5.79939C10.4764 3.61191 8.51447 3.28869 6.71339 3.86991C4.09014 4.71498 2.75971 7.10024 2.75008 9.63643C2.72582 14.6801 7.83662 18.5397 11.9987 20.3844L12 20.3838L12.0013 20.3844C16.1636 18.5396 21.2748 14.6797 21.2499 9.63556Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpLightHeartIcon.displayName = 'IconlySharpLightHeartIcon';
+
+export const IconlySharpLightHeart2Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path d="M21.2499 9.63531C21.24 7.09945 19.9096 4.71464 17.2866 3.86966C15.4855 3.28845 13.5236 3.61167 12 5.79914C10.4764 3.61167 8.51447 3.28845 6.71339 3.86966C4.09014 4.71474 2.75971 7.09999 2.75008 9.63618C2.72582 14.6799 7.83662 18.5394 11.9987 20.3842L12 20.3836L12.0013 20.3842C16.1636 18.5393 21.2748 14.6794 21.2499 9.63531Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M15.7432 11.29C14.973 12.6129 13.6033 13.683 12.0196 13.6556C10.4358 13.683 9.0661 12.6129 8.2959 11.29" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpLightHeart2Icon.displayName = 'IconlySharpLightHeart2Icon';
+
+export const IconlySharpLightHideIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path d="M21.25 7.40681C19.289 11.5349 15.806 14.0114 11.998 14.0114H12.002C8.194 14.0114 4.711 11.5349 2.75 7.40681" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M18.5897 11.2755L20.7008 13.3866" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M5.33124 11.2755L3.22013 13.3866" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M15.1768 16.5929L14.3323 13.6833" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M8.74338 16.5931L9.58789 13.6836" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpLightHideIcon.displayName = 'IconlySharpLightHideIcon';
+
+export const IconlySharpLightHome2Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path fillRule="evenodd" clipRule="evenodd" d="M9.45642 21.25V16.1711H14.5781V21.25H20.4437V8.74738L11.9008 2.75L3.55664 8.74738V21.25H9.45642Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round"/>
+  </svg>
+);
+IconlySharpLightHome2Icon.displayName = 'IconlySharpLightHome2Icon';
+
+export const IconlySharpLightHomeIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path d="M1.93359 11.3755L11.9998 2.75L22.0659 11.3755" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M4.09277 10.1592V21.2501H19.9103V10.1592" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M11.9998 12.7048L11.9998 16.1132" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpLightHomeIcon.displayName = 'IconlySharpLightHomeIcon';
+
+export const IconlySharpLightImage3Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path fillRule="evenodd" clipRule="evenodd" d="M10.7031 8.5752C10.7031 9.71105 9.78331 10.6309 8.64746 10.6309C7.51273 10.6309 6.5918 9.71105 6.5918 8.5752C6.5918 7.43935 7.51273 6.51953 8.64746 6.51953C9.7822 6.52064 10.702 7.44046 10.7031 8.5752Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M3.13559 20.7284L7.14508 15.3977H7.25875L10.0851 17.9342H10.2898L14.606 11.6533H14.7633L21.0191 20.4777" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M21.25 21.25L21.25 2.75L2.75 2.75L2.75 21.25L21.25 21.25Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round"/>
+  </svg>
+);
+IconlySharpLightImage3Icon.displayName = 'IconlySharpLightImage3Icon';
+
+export const IconlySharpLightImageIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path d="M5.80762 18.2103H18.4911L18.5157 18.1781L14.6259 11.6533H14.5304L11.5155 15.6542L8.17777 13.9698H8.06122L5.78809 18.1782L5.80762 18.2103Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M10.428 8.11195C10.428 9.17296 9.56847 10.0325 8.50746 10.0325C7.44645 10.0325 6.58691 9.17296 6.58691 8.11195C6.58691 7.05094 7.44645 6.19141 8.50746 6.19141C9.56847 6.1925 10.428 7.05094 10.428 8.11195Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M21.25 21.25L21.25 2.75L2.75 2.75L2.75 21.25L21.25 21.25Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round"/>
+  </svg>
+);
+IconlySharpLightImageIcon.displayName = 'IconlySharpLightImageIcon';
+
+export const IconlySharpLightInfoSquareIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path d="M11.9941 16V12" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square" strokeLinejoin="round"/>
+<path d="M11.9901 8.2041H12.0001" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square" strokeLinejoin="round"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M21.25 21.25L21.25 2.75L2.75 2.75L2.75 21.25L21.25 21.25Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round"/>
+  </svg>
+);
+IconlySharpLightInfoSquareIcon.displayName = 'IconlySharpLightInfoSquareIcon';
+
+export const IconlySharpLightLocation2Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path fillRule="evenodd" clipRule="evenodd" d="M14.4003 9.60054C14.4003 8.27456 13.3259 7.20013 12.0009 7.20013C10.6749 7.20013 9.60046 8.27456 9.60046 9.60054C9.60046 10.9255 10.6749 12 12.0009 12C13.3259 12 14.4003 10.9255 14.4003 9.60054Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M11.9995 22C11.9995 18.3971 4.97717 15.2813 4.80023 9.57381C4.67598 5.56628 8.02293 2 11.9995 2C15.9761 2 19.3222 5.56622 19.1997 9.57381C19.0218 15.3983 11.9995 18.3007 11.9995 22Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round"/>
+  </svg>
+);
+IconlySharpLightLocation2Icon.displayName = 'IconlySharpLightLocation2Icon';
+
+export const IconlySharpLightLocationIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path fillRule="evenodd" clipRule="evenodd" d="M14.4868 10.8064C14.4868 9.43255 13.3736 8.31934 12.0007 8.31934C10.6269 8.31934 9.51367 9.43255 9.51367 10.8064C9.51367 12.1792 10.6269 13.2924 12.0007 13.2924C13.3736 13.2924 14.4868 12.1792 14.4868 10.8064Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M11.9998 21.25C11.9998 21.25 4.72391 16.5108 4.54058 10.5973C4.41185 6.4451 7.87963 2.75008 11.9998 2.75008C16.1199 2.75008 19.5868 6.44504 19.4599 10.5973C19.2755 16.632 11.9998 21.25 11.9998 21.25Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round"/>
+  </svg>
+);
+IconlySharpLightLocationIcon.displayName = 'IconlySharpLightLocationIcon';
+
+export const IconlySharpLightLockIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path d="M16.6293 9.09474V7.16335C16.6293 4.65035 14.5913 2.61235 12.0783 2.61235C9.5653 2.60135 7.5193 4.62935 7.5083 7.14335V7.16335V9.09474" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square" strokeLinejoin="round"/>
+<path d="M11.9312 14.0649V16.2859" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square" strokeLinejoin="round"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M19.6806 21.1123L19.6806 9.23877L4.45557 9.23877L4.45557 21.1123L19.6806 21.1123Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round"/>
+  </svg>
+);
+IconlySharpLightLockIcon.displayName = 'IconlySharpLightLockIcon';
+
+export const IconlySharpLightLogin1Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path d="M9.0542 7.375L9.0542 2.75L20.483 2.75L20.483 21.25L9.0542 21.25L9.0542 16.625" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M17.4565 12L3.51727 12" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M12.8608 16.5955C12.8608 14.233 14.9414 12 17.4564 12" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M12.8608 7.40449C12.8608 9.76697 14.9414 12 17.4564 12" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpLightLogin1Icon.displayName = 'IconlySharpLightLogin1Icon';
+
+export const IconlySharpLightLoginIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path d="M15.935 12.0003L3.15723 12.0003" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M13.3955 15.2749L16.6851 11.9999L13.3955 8.72385" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M9.41406 7.375L9.41406 2.75L20.8429 2.75L20.8429 21.25L9.41406 21.25L9.41406 16.625" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpLightLoginIcon.displayName = 'IconlySharpLightLoginIcon';
+
+export const IconlySharpLightLogout1Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path d="M12.7993 16.625L12.7993 21.25L2.27538 21.25L2.27538 2.75L12.7993 2.75L12.7993 7.375" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M21.7246 12.001L7.78534 12.001" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M17.1289 7.40547C17.1289 9.76795 19.2095 12.001 21.7244 12.001" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M17.1289 16.5965C17.1289 14.234 19.2095 12.001 21.7244 12.001" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpLightLogout1Icon.displayName = 'IconlySharpLightLogout1Icon';
+
+export const IconlySharpLightLogoutIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path d="M20.769 11.9997L7.99121 11.9997" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M18.229 8.7251L21.5186 12.0001L18.229 15.2761" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M13.0054 16.625L13.0054 21.25L2.48144 21.25L2.48144 2.75L13.0054 2.75L13.0054 7.375" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpLightLogoutIcon.displayName = 'IconlySharpLightLogoutIcon';
+
+export const IconlySharpLightMessageIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path d="M17.8037 8.85107L12.0395 13.535L6.27539 8.85107" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<rect x="2" y="3" width="20" height="18" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpLightMessageIcon.displayName = 'IconlySharpLightMessageIcon';
+
+export const IconlySharpLightMoreCircleIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path fillRule="evenodd" clipRule="evenodd" d="M6.21875 14.3125C8.13425 14.3125 9.6875 15.8654 9.6875 17.7812C9.6875 19.6967 8.13425 21.25 6.21875 21.25C4.30287 21.25 2.75 19.6967 2.75 17.7812C2.75 15.8658 4.30325 14.3125 6.21875 14.3125Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M17.7812 14.3125C19.6967 14.3125 21.25 15.8654 21.25 17.7812C21.25 19.6967 19.6967 21.25 17.7812 21.25C15.8654 21.25 14.3125 19.6967 14.3125 17.7812C14.3125 15.8658 15.8658 14.3125 17.7812 14.3125Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M12 2.75C13.9155 2.75 15.4688 4.30287 15.4688 6.21875C15.4688 8.13425 13.9155 9.6875 12 9.6875C10.0841 9.6875 8.53125 8.13425 8.53125 6.21875C8.53125 4.30325 10.0845 2.75 12 2.75Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+IconlySharpLightMoreCircleIcon.displayName = 'IconlySharpLightMoreCircleIcon';
+
+export const IconlySharpLightMoreSquareIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path d="M15.9398 12.0127H15.9488" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square" strokeLinejoin="round"/>
+<path d="M11.9301 12.0127H11.9391" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square" strokeLinejoin="round"/>
+<path d="M7.92128 12.0127H7.93028" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square" strokeLinejoin="round"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M21.25 21.25L21.25 2.75L2.75 2.75L2.75 21.25L21.25 21.25Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round"/>
+  </svg>
+);
+IconlySharpLightMoreSquareIcon.displayName = 'IconlySharpLightMoreSquareIcon';
+
+export const IconlySharpLightNotification2Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path d="M11.9996 2.75C8.58222 2.75 5.81186 5.52036 5.81186 8.93778V13.5184L4.19922 15.153V17.8572H19.8V15.153L18.1874 13.5184V8.93778" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5}/>
+<path d="M15.1673 17.8574V18.0834C15.1673 19.8323 13.7496 21.2501 12.0007 21.2501C10.2517 21.2501 8.83398 19.8323 8.83398 18.0834V17.8574" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5}/>
+<circle cx="16.3379" cy="4.82434" r="2.34473" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5}/>
+  </svg>
+);
+IconlySharpLightNotification2Icon.displayName = 'IconlySharpLightNotification2Icon';
+
+export const IconlySharpLightNotification3Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path d="M11.9997 4.15835C15.4838 4.15835 18.3083 6.98283 18.3083 10.467V13.2602C18.3083 15.1465 18.8817 16.9882 19.9525 18.5411H4.04688C5.11762 16.9882 5.69101 15.1465 5.69101 13.2602V10.467C5.69101 6.98283 8.5155 4.15835 11.9997 4.15835ZM11.9997 4.15835V1.99978" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5}/>
+<path d="M15.2287 18.541V18.7715C15.2287 20.5545 13.7833 22 12.0002 22C10.2171 22 8.77167 20.5545 8.77167 18.7715V18.541" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5}/>
+  </svg>
+);
+IconlySharpLightNotification3Icon.displayName = 'IconlySharpLightNotification3Icon';
+
+export const IconlySharpLightNotificationIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path d="M5.81186 8.93778C5.81186 5.52036 8.58222 2.75 11.9996 2.75C15.417 2.75 18.1874 5.52036 18.1874 8.93777V13.5184L19.8 17.8572H4.19922L5.81186 13.5184V8.93778Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5}/>
+<path d="M15.1673 17.8574V18.0834C15.1673 19.8323 13.7496 21.2501 12.0007 21.2501C10.2517 21.2501 8.83398 19.8323 8.83398 18.0834V17.8574" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5}/>
+  </svg>
+);
+IconlySharpLightNotificationIcon.displayName = 'IconlySharpLightNotificationIcon';
+
+export const IconlySharpLightPaperDownload1Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path fillRule="evenodd" clipRule="evenodd" d="M14.5679 2.75L4.3252 2.75V21.25H19.6745V8.06826L14.5679 2.75Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M14.0918 3.30469V8.65011H19.1989" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M10.8633 17.5332L10.8633 9.68683" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M8.27648 14.9463C9.60632 14.9463 10.8633 16.1175 10.8633 17.5331" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M13.4501 14.9463C12.1202 14.9463 10.8633 16.1175 10.8633 17.5331" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpLightPaperDownload1Icon.displayName = 'IconlySharpLightPaperDownload1Icon';
+
+export const IconlySharpLightPaperDownloadIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path fillRule="evenodd" clipRule="evenodd" d="M14.5679 2.75L4.3252 2.75V21.25H19.6745V8.06826L14.5679 2.75Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M14.0918 3.30469V8.65011H19.1989" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M10.8644 16.3274V10.238" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M13.2276 14.5209L10.8638 16.8948L8.5 14.5209" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpLightPaperDownloadIcon.displayName = 'IconlySharpLightPaperDownloadIcon';
+
+export const IconlySharpLightPaperFailIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path d="M13.1559 15.8324L9.66211 12.3386" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square" strokeLinejoin="round"/>
+<path d="M9.664 15.8324L13.1578 12.3387" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square" strokeLinejoin="round"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M14.5679 2.75L4.3252 2.75V21.25H19.6745V8.06826L14.5679 2.75Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M14.0918 3.30469V8.65011H19.1989" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpLightPaperFailIcon.displayName = 'IconlySharpLightPaperFailIcon';
+
+export const IconlySharpLightPaperNegativeIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path d="M14.0926 14.411H9.15332" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square" strokeLinejoin="round"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M14.5679 2.75L4.3252 2.75V21.25H19.6745V8.06826L14.5679 2.75Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M14.0918 3.30469V8.65011H19.1989" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpLightPaperNegativeIcon.displayName = 'IconlySharpLightPaperNegativeIcon';
+
+export const IconlySharpLightPaperPlusIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path d="M14.0924 14.411H9.15311" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square" strokeLinejoin="round"/>
+<path d="M11.6229 16.8807L11.6229 11.9414" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square" strokeLinejoin="round"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M14.5679 2.75L4.3252 2.75V21.25H19.6745V8.06826L14.5679 2.75Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M14.0918 3.30469V8.65011H19.1989" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpLightPaperPlusIcon.displayName = 'IconlySharpLightPaperPlusIcon';
+
+export const IconlySharpLightPaperUpload1Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path fillRule="evenodd" clipRule="evenodd" d="M14.5679 2.75L4.3252 2.75V21.25H19.6745V8.06826L14.5679 2.75Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M14.0928 3.30469V8.65011H19.1998" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M10.8643 10.481L10.8643 18.3273" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M8.27746 13.0679C9.60729 13.0679 10.8643 11.8967 10.8643 10.4811" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M13.4511 13.0679C12.1212 13.0679 10.8643 11.8967 10.8643 10.4811" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpLightPaperUpload1Icon.displayName = 'IconlySharpLightPaperUpload1Icon';
+
+export const IconlySharpLightPaperUploadIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path fillRule="evenodd" clipRule="evenodd" d="M14.5679 2.75L4.3252 2.75V21.25H19.6745V8.06826L14.5679 2.75Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M14.0925 3.30469V8.65011H19.1996" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M10.8642 10.8055V16.8948" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M13.2283 12.6118L10.8645 10.238L8.50073 12.6118" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpLightPaperUploadIcon.displayName = 'IconlySharpLightPaperUploadIcon';
+
+export const IconlySharpLightPaperIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path d="M14.0927 16.2865H8.64941" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square" strokeLinejoin="round"/>
+<path d="M12.0313 12.504H8.64844" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square" strokeLinejoin="round"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M14.5679 2.75L4.3252 2.75V21.25H19.6745V8.06826L14.5679 2.75Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M14.0918 3.30469V8.65011H19.1989" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpLightPaperIcon.displayName = 'IconlySharpLightPaperIcon';
+
+export const IconlySharpLightPasswordIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path fillRule="evenodd" clipRule="evenodd" d="M10.6894 12.0004C10.6894 13.0234 9.86035 13.8524 8.83735 13.8524C7.81435 13.8524 6.98535 13.0234 6.98535 12.0004C6.98535 10.9774 7.81435 10.1484 8.83735 10.1484H8.84035C9.86135 10.1494 10.6894 10.9784 10.6894 12.0004Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M10.6919 12H17.0099V13.852" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M14.1816 13.852V12" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M21.25 21.25L21.25 2.75L2.75 2.75L2.75 21.25L21.25 21.25Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round"/>
+  </svg>
+);
+IconlySharpLightPasswordIcon.displayName = 'IconlySharpLightPasswordIcon';
+
+export const IconlySharpLightPlayIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path fillRule="evenodd" clipRule="evenodd" d="M12 2.75C17.1078 2.75 21.25 6.89122 21.25 12C21.25 17.1088 17.1078 21.25 12 21.25C6.89122 21.25 2.75 17.1088 2.75 12C2.75 6.89122 6.89122 2.75 12 2.75Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M14.9212 11.9952L10.414 9.13315V14.8573L14.9212 11.9952Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round"/>
+  </svg>
+);
+IconlySharpLightPlayIcon.displayName = 'IconlySharpLightPlayIcon';
+
+export const IconlySharpLightPlusIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path d="M11.9996 8.32764V15.654" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square" strokeLinejoin="round"/>
+<path d="M15.6673 11.9904H8.33398" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square" strokeLinejoin="round"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M21.25 21.25L21.25 2.75L2.75 2.75L2.75 21.25L21.25 21.25Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round"/>
+  </svg>
+);
+IconlySharpLightPlusIcon.displayName = 'IconlySharpLightPlusIcon';
+
+export const IconlySharpLightProfileIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path d="M11.9999 14.8189C15.2563 14.8106 18.0251 16.3057 19.0428 19.5242C16.9914 20.7748 14.5768 21.2564 11.9999 21.2501C9.42304 21.2564 7.0084 20.7748 4.95703 19.5242C5.97593 16.3022 8.74006 14.8105 11.9999 14.8189Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<circle cx="12.0001" cy="7.16973" r="4.41973" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpLightProfileIcon.displayName = 'IconlySharpLightProfileIcon';
+
+export const IconlySharpLightQRIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <rect x="3.25" y="3.25" width="6.80556" height="6.80556" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<rect x="3.25" y="13.9445" width="6.80556" height="6.80556" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<rect x="13.9445" y="13.9445" width="6.80556" height="6.80556" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M13.9445 10.0556H16.1646M20.75 7.625V10.0556H19.0486M20.75 4.95139V3.25H19.0486M16.375 3.25H13.9445V7.36973" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M16.2676 5.6156V7.83398H18.0967" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M18.6935 5.60551L18.6935 5.61551" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M6.65234 6.60395L6.65234 6.70117" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M6.65234 17.2983L6.65234 17.3955" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M17.3477 17.2983L17.3477 17.3955" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpLightQRIcon.displayName = 'IconlySharpLightQRIcon';
+
+export const IconlySharpLightScanIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path d="M22 12.7855H2" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M20.2185 8.77539V3.78015H15.5156" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M3.78107 8.77539V3.78015H8.51345" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M20.2185 12.7845V20.2198H15.5156" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M3.78107 12.7845V20.2198H8.51345" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpLightScanIcon.displayName = 'IconlySharpLightScanIcon';
+
+export const IconlySharpLightSearchIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <circle cx="10.9985" cy="10.7888" r="8.03854" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M16.4872 16.7083L21.0407 21.25" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpLightSearchIcon.displayName = 'IconlySharpLightSearchIcon';
+
+export const IconlySharpLightSendIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path d="M21.2984 2.7019L15.8086 21.298H15.7836L10.5435 13.4567L2.70215 8.21654V8.1875L21.2656 2.66797L21.2984 2.7019Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M10.7896 13.2685L15.2319 8.82617" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpLightSendIcon.displayName = 'IconlySharpLightSendIcon';
+
+export const IconlySharpLightSetting2Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <circle cx="12.0006" cy="12" r="2.8499" transform="rotate(90 12.0006 12)" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M22 12.0001L17 20.6604H7L2 12.0001L7 3.33984L17 3.33984L22 12.0001Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpLightSetting2Icon.displayName = 'IconlySharpLightSetting2Icon';
+
+export const IconlySharpLightSettingIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path d="M12.0002 15.6875C14.0368 15.6875 15.6877 14.0365 15.6877 11.9999C15.6877 9.96335 14.0368 8.31238 12.0002 8.31238C9.96361 8.31238 8.31264 9.96335 8.31264 11.9999C8.31264 14.0365 9.96361 15.6875 12.0002 15.6875Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M18.8038 18.7156L18.3659 15.6753L21.2177 14.5345V9.46567L18.3669 8.32522L18.8049 5.28442L14.4152 2.75L12.0006 4.64979L9.5861 2.75L5.19636 5.28442L5.63427 8.32471L2.78223 9.46567V14.5345L5.63527 15.6759L5.19744 18.7156L9.58718 21.25L12.0006 19.3511L14.4141 21.25L18.8038 18.7156Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpLightSettingIcon.displayName = 'IconlySharpLightSettingIcon';
+
+export const IconlySharpLightShieldDoneIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path d="M9.38672 10.6959L11.2787 12.5909L15.1767 8.69092" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M12.0006 21C12.0006 21 19.8685 18.6177 19.8685 12.0503V3H4.13281V12.0503C4.13281 18.6177 12.0006 21 12.0006 21Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round"/>
+  </svg>
+);
+IconlySharpLightShieldDoneIcon.displayName = 'IconlySharpLightShieldDoneIcon';
+
+export const IconlySharpLightShieldFailIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path d="M13.9125 13.0199L10.0586 9.16602" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square" strokeLinejoin="round"/>
+<path d="M10.0586 13.0199L13.9125 9.16602" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square" strokeLinejoin="round"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M12.0006 21C12.0006 21 19.8685 18.6177 19.8685 12.0503V3H4.13281V12.0503C4.13281 18.6177 12.0006 21 12.0006 21Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round"/>
+  </svg>
+);
+IconlySharpLightShieldFailIcon.displayName = 'IconlySharpLightShieldFailIcon';
+
+export const IconlySharpLightShowIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path fillRule="evenodd" clipRule="evenodd" d="M15.0076 13.7221C15.0076 15.4681 13.5916 16.8831 11.8456 16.8831C10.0996 16.8831 8.68457 15.4681 8.68457 13.7221C8.68457 11.9751 10.0996 10.5601 11.8456 10.5601C13.5916 10.5601 15.0076 11.9751 15.0076 13.7221Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M21.0967 13.7213C19.1357 9.59319 15.6527 7.1167 11.8447 7.1167H11.8487C8.04068 7.1167 4.55768 9.59319 2.59668 13.7213" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpLightShowIcon.displayName = 'IconlySharpLightShowIcon';
+
+export const IconlySharpLightStar2Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path d="M12 2.75V21.25" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M21.25 12L2.75 12" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M18.541 5.45947L5.45954 18.5409" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M18.541 18.5405L5.45954 5.45905" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpLightStar2Icon.displayName = 'IconlySharpLightStar2Icon';
+
+export const IconlySharpLightStar3Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path d="M12 2.75L14.4983 9.50166L21.25 12L14.4983 14.4983L12 21.25L9.50166 14.4983L2.75 12L9.50166 9.50166L12 2.75Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round"/>
+  </svg>
+);
+IconlySharpLightStar3Icon.displayName = 'IconlySharpLightStar3Icon';
+
+export const IconlySharpLightStar4Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path d="M12 2.75C13.5858 7.03544 16.9646 10.4142 21.25 12C16.9646 13.5858 13.5858 16.9646 12 21.25C10.4142 16.9646 7.03544 13.5858 2.75 12C7.03544 10.4142 10.4142 7.03544 12 2.75Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5}/>
+  </svg>
+);
+IconlySharpLightStar4Icon.displayName = 'IconlySharpLightStar4Icon';
+
+export const IconlySharpLightStar5Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path d="M12 2.75L14.0768 9.14159H20.7973L15.3603 13.0918L17.437 19.4834L12 15.5332L6.56299 19.4834L8.63974 13.0918L3.20273 9.14159H9.92325L12 2.75Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round"/>
+  </svg>
+);
+IconlySharpLightStar5Icon.displayName = 'IconlySharpLightStar5Icon';
+
+export const IconlySharpLightStar6Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path d="M12 2.75L13.7666 8.94017L20.0107 7.375L15.5332 12L20.0107 16.625L13.7666 15.0598L12 21.25L10.2334 15.0598L3.98927 16.625L8.46681 12L3.98927 7.375L10.2334 8.94017L12 2.75Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round"/>
+  </svg>
+);
+IconlySharpLightStar6Icon.displayName = 'IconlySharpLightStar6Icon';
+
+export const IconlySharpLightStar7Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path d="M12 2.75L13.9469 7.29976L18.5407 5.45926L16.7002 10.0531L21.25 12L16.7002 13.9469L18.5407 18.5407L13.9469 16.7002L12 21.25L10.0531 16.7002L5.45926 18.5407L7.29976 13.9469L2.75 12L7.29976 10.0531L5.45926 5.45926L10.0531 7.29976L12 2.75Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round"/>
+  </svg>
+);
+IconlySharpLightStar7Icon.displayName = 'IconlySharpLightStar7Icon';
+
+export const IconlySharpLightStarIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path d="M12 2.75C13.1703 7.28687 16.7131 10.8297 21.25 12C16.7131 13.1703 13.1703 16.7131 12 21.25C10.8297 16.7131 7.28687 13.1703 2.75 12C7.28687 10.8297 10.8297 7.28687 12 2.75Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round"/>
+<path d="M18.7513 2.75C18.7513 3.8975 20.0706 5.24836 21.2496 5.24836C20.0252 5.24836 18.7513 6.58523 18.7513 7.74671C18.7513 6.57766 17.398 5.24836 16.2529 5.24836C17.4434 5.24836 18.7513 3.8975 18.7513 2.75Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpLightStarIcon.displayName = 'IconlySharpLightStarIcon';
+
+export const IconlySharpLightSwapIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path d="M16.6546 20.1495L16.6546 6.21026" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M12.0591 15.5548C14.4216 15.5548 16.6546 17.6354 16.6546 20.1503" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M21.2501 15.5548C18.8876 15.5548 16.6546 17.6354 16.6546 20.1503" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M7.34552 3.84973L7.34552 17.789" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M2.75001 8.44543C5.11249 8.44543 7.34552 6.36483 7.34552 3.84992" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M11.941 8.44543C9.57855 8.44543 7.34552 6.36483 7.34552 3.84992" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpLightSwapIcon.displayName = 'IconlySharpLightSwapIcon';
+
+export const IconlySharpLightTickSquareIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path d="M8.37075 11.2583C10.4598 12.579 12.0207 14.939 12.0207 14.939H12.052C12.052 14.939 15.368 9.0712 21.5286 5.4624" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M11.7212 21.25C16.8298 21.25 20.9712 17.1086 20.9712 12C20.9712 6.89137 16.8298 2.75 11.7212 2.75C6.61256 2.75 2.47119 6.89137 2.47119 12C2.47119 17.1086 6.61256 21.25 11.7212 21.25Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round"/>
+  </svg>
+);
+IconlySharpLightTickSquareIcon.displayName = 'IconlySharpLightTickSquareIcon';
+
+export const IconlySharpLightTicketStarIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path fillRule="evenodd" clipRule="evenodd" d="M21.25 19.4V13.9893C20.1348 13.9893 19.2366 13.1023 19.2366 12.0009C19.2366 10.8996 20.1348 10.0116 21.25 10.0116V4.59998H2.75V10.0897C3.86525 10.0897 4.76343 10.8996 4.76343 12.0009C4.76343 13.1023 3.86525 13.9893 2.75 13.9893V19.4H21.25Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M11.9991 8.67334L12.9826 10.5375L15.0594 10.8968L13.5904 12.4082L13.8904 14.4944L11.9991 13.5644L10.1077 14.4944L10.4077 12.4082L8.93874 10.8968L11.0155 10.5375L11.9991 8.67334Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpLightTicketStarIcon.displayName = 'IconlySharpLightTicketStarIcon';
+
+export const IconlySharpLightTicketIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path d="M13.7105 4.83203V7.07053" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M13.7105 17.3281V19.2003" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M13.7105 14.429V9.9696" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M21.25 19.4001V13.9894C20.1348 13.9894 19.2366 13.1024 19.2366 12.0011C19.2366 10.8997 20.1348 10.0117 21.25 10.0117V4.6001H2.75V10.0898C3.86525 10.0898 4.76343 10.8997 4.76343 12.0011C4.76343 13.1024 3.86525 13.9894 2.75 13.9894V19.4001H21.25Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpLightTicketIcon.displayName = 'IconlySharpLightTicketIcon';
+
+export const IconlySharpLightTimeCircleIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path fillRule="evenodd" clipRule="evenodd" d="M21.25 12C21.25 17.109 17.109 21.25 12 21.25C6.891 21.25 2.75 17.109 2.75 12C2.75 6.891 6.891 2.75 12 2.75C17.109 2.75 21.25 6.891 21.25 12Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M15.4321 14.9422L11.6621 12.6932V7.84619" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpLightTimeCircleIcon.displayName = 'IconlySharpLightTimeCircleIcon';
+
+export const IconlySharpLightTimeSquareIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path d="M15.391 14.0178L12 11.9948V7.63379" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square" strokeLinejoin="round"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M21.25 21.25L21.25 2.75L2.75 2.75L2.75 21.25L21.25 21.25Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round"/>
+  </svg>
+);
+IconlySharpLightTimeSquareIcon.displayName = 'IconlySharpLightTimeSquareIcon';
+
+export const IconlySharpLightUnlockIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path d="M7.5083 9.09474V7.16335V7.14335C7.5193 4.62935 9.5653 2.60135 12.0783 2.61235C13.3872 2.61235 14.5672 3.16519 15.3975 4.05005" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square" strokeLinejoin="round"/>
+<path d="M11.9312 14.0649V16.2859" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square" strokeLinejoin="round"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M19.6806 21.1123L19.6806 9.23877L4.45557 9.23877L4.45557 21.1123L19.6806 21.1123Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round"/>
+  </svg>
+);
+IconlySharpLightUnlockIcon.displayName = 'IconlySharpLightUnlockIcon';
+
+export const IconlySharpLightUpload1Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path d="M16.625 11.2007L21.25 11.2007L21.25 21.7246L2.75 21.7246L2.75 11.2007L7.375 11.2007" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M12.001 2.27539L12.001 16.2147" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M7.40547 6.87109C9.76795 6.87109 12.001 4.79048 12.001 2.27558" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M16.5965 6.87109C14.234 6.87109 12.001 4.79048 12.001 2.27558" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpLightUpload1Icon.displayName = 'IconlySharpLightUpload1Icon';
+
+export const IconlySharpLightUploadIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path d="M11.9997 3.23101L11.9997 16.0088" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M8.7251 5.771L12.0001 2.48143L15.2761 5.771" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M16.625 10.9946L21.25 10.9946L21.25 21.5186L2.75 21.5186L2.75 10.9946L7.375 10.9946" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpLightUploadIcon.displayName = 'IconlySharpLightUploadIcon';
+
+export const IconlySharpLightVideoIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <rect x="2" y="5.12476" width="14.4845" height="13.7503" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M17.006 9.38123L22 5.99512V18.005L17.006 14.3862" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M9.1582 9.08618H12.3629" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpLightVideoIcon.displayName = 'IconlySharpLightVideoIcon';
+
+export const IconlySharpLightVoice3Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path d="M13.5381 6.83403H15.6905" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M12.458 10.4449H15.6928" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M11.998 21.5V18.7286" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M11.9982 15.0983C9.95745 15.0983 8.30273 13.4368 8.30273 11.3866V6.21264C8.30273 4.1624 9.95745 2.5 11.9982 2.5C14.0399 2.5 15.6937 4.1624 15.6937 6.21264V11.3866C15.6937 13.4368 14.0399 15.0983 11.9982 15.0983Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M19.2777 11.4162C19.2777 15.4544 16.0197 18.7284 11.9992 18.7284C7.97965 18.7284 4.72168 15.4544 4.72168 11.4162" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpLightVoice3Icon.displayName = 'IconlySharpLightVoice3Icon';
+
+export const IconlySharpLightVoiceIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path d="M12.0002 21.4999V17.11" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M9.27949 21.5H14.7197" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M20.5049 11.9997V7.60986" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M3.49512 11.9999V7.61005" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M12.0004 17.1099C9.63378 17.1099 7.71484 15.1832 7.71484 12.8056V6.80545C7.71484 4.42784 9.63378 2.5 12.0004 2.5C14.3681 2.5 16.2859 4.42784 16.2859 6.80545V12.8056C16.2859 15.1832 14.3681 17.1099 12.0004 17.1099Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+IconlySharpLightVoiceIcon.displayName = 'IconlySharpLightVoiceIcon';
+
+export const IconlySharpLightVolumeDownIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path d="M18.3145 7.99512C19.7396 10.4847 19.7396 13.525 18.3145 16.0068" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M8.99949 15.9363H4.61859C4.61644 13.3122 4.61644 10.688 4.61859 8.06378H8.99949L13.1254 4.4873H13.901V19.5127H13.1254L8.99949 15.9363Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpLightVolumeDownIcon.displayName = 'IconlySharpLightVolumeDownIcon';
+
+export const IconlySharpLightVolumeOffIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path d="M7.79441 16.262H3.41351C3.41136 13.6378 3.41136 11.0137 3.41351 8.38946H7.79441L11.9203 4.81299H12.6959V19.8383H11.9203L7.79441 16.262Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M20.5871 14.0588L17.1211 10.5928" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square" strokeLinejoin="round"/>
+<path d="M17.1221 14.0588L20.5881 10.5928" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square" strokeLinejoin="round"/>
+  </svg>
+);
+IconlySharpLightVolumeOffIcon.displayName = 'IconlySharpLightVolumeOffIcon';
+
+export const IconlySharpLightVolumeUpIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path d="M19.168 5.37512C21.9395 9.36486 21.9486 14.6276 19.168 18.6252" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M16.4472 7.99506C17.8724 10.4846 17.8724 13.5249 16.4472 16.0067" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M7.1323 15.9363H2.7514C2.74925 13.3122 2.74925 10.688 2.7514 8.06378H7.1323L11.2582 4.4873H12.0338V19.5127H11.2582L7.1323 15.9363Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpLightVolumeUpIcon.displayName = 'IconlySharpLightVolumeUpIcon';
+
+export const IconlySharpLightWalletIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path d="M21.6303 16.7095H17.5561C16.0601 16.7087 14.8476 15.6057 14.8467 14.2438C14.8467 12.8819 16.0601 11.7789 17.5561 11.7781H21.6303" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M2.36914 5.72598H21.6305V21.25H2.36914V5.72598Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M18.9983 5.628V2.75074L2.36914 2.75V21.2495" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M6.93359 10.2938H12.3671" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpLightWalletIcon.displayName = 'IconlySharpLightWalletIcon';
+
+export const IconlySharpLightWorkIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path d="M12 17.2265V14.6895" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M21.2449 5.87988V12.3799C18.7849 13.8199 15.5349 14.6899 11.9949 14.6899C8.45488 14.6899 5.21488 13.8199 2.75488 12.3799V5.87988H21.2449Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M15.5 5.61115L14.5001 3.2998H9.5001L8.5 5.61115" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M2.7793 15.1932L2.9683 20.7002H21.0313L21.2203 15.1932" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpLightWorkIcon.displayName = 'IconlySharpLightWorkIcon';
+