@winplaybox/icons 0.1.0 → 0.2.0

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

@@ -1,1139 +1,1139 @@
-import React from 'react';
-import { IconProps } from '../../../types';
-
-export const IconlySharpTwoTone2UserIcon: 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.7071C12.6415 14.6991 15.3007 16.135 16.2782 19.2261C14.308 20.4272 11.9889 20.8898 9.51408 20.8837C7.03921 20.8898 4.72016 20.4272 2.75 19.2261C3.72857 16.1317 6.38327 14.6991 9.51408 14.7071Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
-<path opacity={fillOpacity ?? 0.4} d="M16.0853 18.2323C17.9751 18.237 19.7459 17.8837 21.2503 16.9666C20.504 14.6063 18.4734 13.5098 16.0853 13.5159C14.581 13.512 13.2207 13.9438 12.2325 14.8531" 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 opacity={fillOpacity ?? 0.4} 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>
-);
-IconlySharpTwoTone2UserIcon.displayName = 'IconlySharpTwoTone2UserIcon';
-
-export const IconlySharpTwoTone3UserIcon: 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 opacity={fillOpacity ?? 0.4} 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 opacity={fillOpacity ?? 0.4} 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 opacity={fillOpacity ?? 0.4} 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 opacity={fillOpacity ?? 0.4} 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>
-);
-IconlySharpTwoTone3UserIcon.displayName = 'IconlySharpTwoTone3UserIcon';
-
-export const IconlySharpTwoToneActivityIcon: 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.7196L10.0222 11.0733L13.2224 13.5871L15.9679 10.0437" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
-<circle cx="19.1681" cy="4.80171" r="1.80171" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
-<path opacity={fillOpacity ?? 0.4} d="M14.4154 3.78931H3.03027V21H20.2409V9.58911" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
-  </svg>
-);
-IconlySharpTwoToneActivityIcon.displayName = 'IconlySharpTwoToneActivityIcon';
-
-export const IconlySharpTwoToneAddUserIcon: 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 opacity={fillOpacity ?? 0.4} 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>
-);
-IconlySharpTwoToneAddUserIcon.displayName = 'IconlySharpTwoToneAddUserIcon';
-
-export const IconlySharpTwoToneArrowDown2Icon: 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.5" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
-<path opacity={fillOpacity ?? 0.4} d="M12 15.5L5 8.5" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
-  </svg>
-);
-IconlySharpTwoToneArrowDown2Icon.displayName = 'IconlySharpTwoToneArrowDown2Icon';
-
-export const IconlySharpTwoToneArrowDown3Icon: 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 opacity={fillOpacity ?? 0.4} d="M11.9996 19.9998L11.9996 3.99999" 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>
-);
-IconlySharpTwoToneArrowDown3Icon.displayName = 'IconlySharpTwoToneArrowDown3Icon';
-
-export const IconlySharpTwoToneArrowDownCircleIcon: 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 opacity={fillOpacity ?? 0.4} 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>
-);
-IconlySharpTwoToneArrowDownCircleIcon.displayName = 'IconlySharpTwoToneArrowDownCircleIcon';
-
-export const IconlySharpTwoToneArrowDownSquareIcon: 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 opacity={fillOpacity ?? 0.4} 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>
-);
-IconlySharpTwoToneArrowDownSquareIcon.displayName = 'IconlySharpTwoToneArrowDownSquareIcon';
-
-export const IconlySharpTwoToneArrowDownIcon: 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 opacity={fillOpacity ?? 0.4} d="M12 18.9002V4.5" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
-<path d="M18.0246 13.4502L12.0006 19.5002L5.97559 13.4502" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
-  </svg>
-);
-IconlySharpTwoToneArrowDownIcon.displayName = 'IconlySharpTwoToneArrowDownIcon';
-
-export const IconlySharpTwoToneArrowLeft2Icon: 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 12" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
-<path opacity={fillOpacity ?? 0.4} d="M8.5 12L15.5 5" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
-  </svg>
-);
-IconlySharpTwoToneArrowLeft2Icon.displayName = 'IconlySharpTwoToneArrowLeft2Icon';
-
-export const IconlySharpTwoToneArrowLeft3Icon: 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 opacity={fillOpacity ?? 0.4} 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>
-);
-IconlySharpTwoToneArrowLeft3Icon.displayName = 'IconlySharpTwoToneArrowLeft3Icon';
-
-export const IconlySharpTwoToneArrowLeftCircleIcon: 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 opacity={fillOpacity ?? 0.4} 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>
-);
-IconlySharpTwoToneArrowLeftCircleIcon.displayName = 'IconlySharpTwoToneArrowLeftCircleIcon';
-
-export const IconlySharpTwoToneArrowLeftSquareIcon: 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 opacity={fillOpacity ?? 0.4} 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>
-);
-IconlySharpTwoToneArrowLeftSquareIcon.displayName = 'IconlySharpTwoToneArrowLeftSquareIcon';
-
-export const IconlySharpTwoToneArrowLeftIcon: 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 opacity={fillOpacity ?? 0.4} 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>
-);
-IconlySharpTwoToneArrowLeftIcon.displayName = 'IconlySharpTwoToneArrowLeftIcon';
-
-export const IconlySharpTwoToneArrowRight2Icon: 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 19L15.5 12" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
-<path opacity={fillOpacity ?? 0.4} d="M15.5 12L8.5 5" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
-  </svg>
-);
-IconlySharpTwoToneArrowRight2Icon.displayName = 'IconlySharpTwoToneArrowRight2Icon';
-
-export const IconlySharpTwoToneArrowRight3Icon: 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 opacity={fillOpacity ?? 0.4} 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>
-);
-IconlySharpTwoToneArrowRight3Icon.displayName = 'IconlySharpTwoToneArrowRight3Icon';
-
-export const IconlySharpTwoToneArrowRightCircleIcon: 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 opacity={fillOpacity ?? 0.4} 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>
-);
-IconlySharpTwoToneArrowRightCircleIcon.displayName = 'IconlySharpTwoToneArrowRightCircleIcon';
-
-export const IconlySharpTwoToneArrowRightSquareIcon: 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 opacity={fillOpacity ?? 0.4} 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>
-);
-IconlySharpTwoToneArrowRightSquareIcon.displayName = 'IconlySharpTwoToneArrowRightSquareIcon';
-
-export const IconlySharpTwoToneArrowRightIcon: 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 opacity={fillOpacity ?? 0.4} d="M18.9001 12L4.49988 12" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
-<path d="M13.4501 5.97541L19.5001 11.9994L13.4501 18.0244" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
-  </svg>
-);
-IconlySharpTwoToneArrowRightIcon.displayName = 'IconlySharpTwoToneArrowRightIcon';
-
-export const IconlySharpTwoToneArrowUp2Icon: 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 15.5L12 8.5" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
-<path opacity={fillOpacity ?? 0.4} d="M12 8.5L19 15.5" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
-  </svg>
-);
-IconlySharpTwoToneArrowUp2Icon.displayName = 'IconlySharpTwoToneArrowUp2Icon';
-
-export const IconlySharpTwoToneArrowUp3Icon: 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 opacity={fillOpacity ?? 0.4} 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>
-);
-IconlySharpTwoToneArrowUp3Icon.displayName = 'IconlySharpTwoToneArrowUp3Icon';
-
-export const IconlySharpTwoToneArrowUpCircleIcon: 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 opacity={fillOpacity ?? 0.4} 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>
-);
-IconlySharpTwoToneArrowUpCircleIcon.displayName = 'IconlySharpTwoToneArrowUpCircleIcon';
-
-export const IconlySharpTwoToneArrowUpSquareIcon: 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 opacity={fillOpacity ?? 0.4} 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>
-);
-IconlySharpTwoToneArrowUpSquareIcon.displayName = 'IconlySharpTwoToneArrowUpSquareIcon';
-
-export const IconlySharpTwoToneArrowUpIcon: 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 opacity={fillOpacity ?? 0.4} 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>
-);
-IconlySharpTwoToneArrowUpIcon.displayName = 'IconlySharpTwoToneArrowUpIcon';
-
-export const IconlySharpTwoToneAvatarIcon: 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 opacity={fillOpacity ?? 0.4} 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>
-);
-IconlySharpTwoToneAvatarIcon.displayName = 'IconlySharpTwoToneAvatarIcon';
-
-export const IconlySharpTwoToneBag2Icon: 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 opacity={fillOpacity ?? 0.4} 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 opacity={fillOpacity ?? 0.4} d="M15.17 10.9835H15.126" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
-<path opacity={fillOpacity ?? 0.4} 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>
-);
-IconlySharpTwoToneBag2Icon.displayName = 'IconlySharpTwoToneBag2Icon';
-
-export const IconlySharpTwoToneBag3Icon: 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 opacity={fillOpacity ?? 0.4} 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.4722C17.1086 21.4722 21.25 17.3308 21.25 12.2222L21.25 7.28473L2.75 7.28473L2.75 12.2222C2.75 17.3308 6.89137 21.4722 12 21.4722Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round"/>
-  </svg>
-);
-IconlySharpTwoToneBag3Icon.displayName = 'IconlySharpTwoToneBag3Icon';
-
-export const IconlySharpTwoToneBagIcon: 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 opacity={fillOpacity ?? 0.4} 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.7117L21.25 7.35913L2.75 7.35913L3.81307 20.7117L20.1869 20.7117Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round"/>
-  </svg>
-);
-IconlySharpTwoToneBagIcon.displayName = 'IconlySharpTwoToneBagIcon';
-
-export const IconlySharpTwoToneBookmarkIcon: 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 opacity={fillOpacity ?? 0.4} d="M8.47841 9.22534H15.5218" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
-  </svg>
-);
-IconlySharpTwoToneBookmarkIcon.displayName = 'IconlySharpTwoToneBookmarkIcon';
-
-export const IconlySharpTwoToneBuyIcon: 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 opacity={fillOpacity ?? 0.4} d="M14.375 10.429H17.0467" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
-<path opacity={fillOpacity ?? 0.4} 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 opacity={fillOpacity ?? 0.4} 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>
-);
-IconlySharpTwoToneBuyIcon.displayName = 'IconlySharpTwoToneBuyIcon';
-
-export const IconlySharpTwoToneCalendarIcon: 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 opacity={fillOpacity ?? 0.4} d="M3.76074 9.59898H20.248" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
-<path opacity={fillOpacity ?? 0.4} d="M16.1087 13.2115H16.1173" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
-<path opacity={fillOpacity ?? 0.4} d="M12.0045 13.2115H12.013" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
-<path opacity={fillOpacity ?? 0.4} d="M7.89117 13.2115H7.89974" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
-<path opacity={fillOpacity ?? 0.4} d="M16.1087 16.8065H16.1173" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
-<path opacity={fillOpacity ?? 0.4} d="M12.0045 16.8065H12.013" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
-<path opacity={fillOpacity ?? 0.4} d="M7.89117 16.8065H7.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>
-);
-IconlySharpTwoToneCalendarIcon.displayName = 'IconlySharpTwoToneCalendarIcon';
-
-export const IconlySharpTwoToneCallMissedIcon: 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 opacity={fillOpacity ?? 0.4} d="M20.7137 4.57373L15.8613 9.42613M15.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>
-);
-IconlySharpTwoToneCallMissedIcon.displayName = 'IconlySharpTwoToneCallMissedIcon';
-
-export const IconlySharpTwoToneCallSilentIcon: 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.809 14.176C12.3561 15.4174 13.8227 15.8194 13.8227 15.8194L16.6768 14.176L21.2875 17.576C20.4297 19.1086 19.3483 20.19 17.8158 21.0478C14.0127 21.2219 10.6132 19.5313 8.0069 17.1325" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
-<path opacity={fillOpacity ?? 0.4} d="M6.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>
-);
-IconlySharpTwoToneCallSilentIcon.displayName = 'IconlySharpTwoToneCallSilentIcon';
-
-export const IconlySharpTwoToneCallIcon: 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.0314 13.6686C8.32344 11.9607 7.86965 10.0553 7.86965 10.0553L9.51304 7.20123L6.27252 2.75C4.78257 3.62391 3.66931 4.7293 2.80077 6.22175C2.29837 8.90797 3.98176 13.0905 7.04008 16.3618" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
-<path opacity={fillOpacity ?? 0.4} d="M10.0313 13.6685C11.8239 15.4611 13.8236 16.0092 13.8236 16.0092L16.6777 14.3658L21.2884 17.7658C20.4306 19.2984 19.3492 20.3798 17.8167 21.2376C13.5232 21.4341 9.74418 19.2541 7.04004 16.3616" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
-  </svg>
-);
-IconlySharpTwoToneCallIcon.displayName = 'IconlySharpTwoToneCallIcon';
-
-export const IconlySharpTwoToneCallingIcon: 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 opacity={fillOpacity ?? 0.4} 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 opacity={fillOpacity ?? 0.4} 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>
-);
-IconlySharpTwoToneCallingIcon.displayName = 'IconlySharpTwoToneCallingIcon';
-
-export const IconlySharpTwoToneCameraIcon: 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 opacity={fillOpacity ?? 0.4} d="M17.9271 10.5352H17.9361" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
-<path opacity={fillOpacity ?? 0.4} 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>
-);
-IconlySharpTwoToneCameraIcon.displayName = 'IconlySharpTwoToneCameraIcon';
-
-export const IconlySharpTwoToneCardIcon: 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.7832H21.25" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
-<path opacity={fillOpacity ?? 0.4} d="M14.8515 15.3423H18.3268" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
-<path opacity={fillOpacity ?? 0.4} d="M10.626 15.3423H11.3738" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
-  </svg>
-);
-IconlySharpTwoToneCardIcon.displayName = 'IconlySharpTwoToneCardIcon';
-
-export const IconlySharpTwoToneCategoryIcon: 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 opacity={fillOpacity ?? 0.4} 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 opacity={fillOpacity ?? 0.4} 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>
-);
-IconlySharpTwoToneCategoryIcon.displayName = 'IconlySharpTwoToneCategoryIcon';
-
-export const IconlySharpTwoToneChartIcon: 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"/>
-<path d="M12.0006 7.54248V16.4576" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
-<path d="M16.8365 13.6143V16.4577" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
-<path opacity={fillOpacity ?? 0.4} 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" strokeLinejoin="round"/>
-  </svg>
-);
-IconlySharpTwoToneChartIcon.displayName = 'IconlySharpTwoToneChartIcon';
-
-export const IconlySharpTwoToneChat2Icon: 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.5224C16.693 20.3777 14.2512 21.276 11.8247 21.2236C8.5295 21.1523 2.75 21.2041 2.75 21.2041C2.75 21.2041 2.80068 15.3569 2.79819 12.0043C2.79644 9.64182 3.69595 7.27981 5.50162 5.47454C9.10096 1.87388 14.9487 1.87388 18.5481 5.47361C22.1539 9.07984 22.1474 14.9227 18.5481 18.5224Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round"/>
-<path opacity={fillOpacity ?? 0.4} d="M8.31468 12.3809H8.21594" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
-<path opacity={fillOpacity ?? 0.4} d="M12.0489 12.3809H11.9502" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
-<path opacity={fillOpacity ?? 0.4} d="M15.7833 12.3809H15.6845" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
-  </svg>
-);
-IconlySharpTwoToneChat2Icon.displayName = 'IconlySharpTwoToneChat2Icon';
-
-export const IconlySharpTwoToneChatIcon: 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.5224C16.693 20.3777 14.2512 21.276 11.8247 21.2236C8.5295 21.1523 2.75 21.2041 2.75 21.2041L4.77533 17.9753C4.77533 17.9753 2.79819 15.0386 2.79819 12.0043C2.79644 9.64182 3.69595 7.27981 5.50162 5.47454C9.10096 1.87388 14.9487 1.87388 18.5481 5.47361C22.1539 9.07984 22.1474 14.9227 18.5481 18.5224Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round"/>
-<path opacity={fillOpacity ?? 0.4} d="M8.31468 12.3809H8.21593" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
-<path opacity={fillOpacity ?? 0.4} d="M12.0489 12.3809H11.9502" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
-<path opacity={fillOpacity ?? 0.4} d="M15.7833 12.3809H15.6845" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
-  </svg>
-);
-IconlySharpTwoToneChatIcon.displayName = 'IconlySharpTwoToneChatIcon';
-
-export const IconlySharpTwoToneCloseSquareIcon: 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 opacity={fillOpacity ?? 0.4} 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>
-);
-IconlySharpTwoToneCloseSquareIcon.displayName = 'IconlySharpTwoToneCloseSquareIcon';
-
-export const IconlySharpTwoToneDangerCircleIcon: 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 opacity={fillOpacity ?? 0.4} 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>
-);
-IconlySharpTwoToneDangerCircleIcon.displayName = 'IconlySharpTwoToneDangerCircleIcon';
-
-export const IconlySharpTwoToneDangerTriangleIcon: 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 opacity={fillOpacity ?? 0.4} d="M21.25 19.8132L20.8869 20.2904H3.07885L2.75006 19.8132L11.9294 3.70996H12.0756L21.25 19.8132Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round"/>
-<path d="M12.0177 14.0161V11.2151" 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>
-);
-IconlySharpTwoToneDangerTriangleIcon.displayName = 'IconlySharpTwoToneDangerTriangleIcon';
-
-export const IconlySharpTwoToneDelete2Icon: 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 opacity={fillOpacity ?? 0.4} d="M16.4768 5.99734L15.4081 2.75H8.59314L7.52441 5.99734" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
-<path opacity={fillOpacity ?? 0.4} d="M12.001 11.3638L12.001 16.3366" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
-  </svg>
-);
-IconlySharpTwoToneDelete2Icon.displayName = 'IconlySharpTwoToneDelete2Icon';
-
-export const IconlySharpTwoToneDeleteIcon: 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 opacity={fillOpacity ?? 0.4} d="M4.62598 7.40259H19.3736L18.0473 21.25H5.95222L4.62598 7.40259Z" 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.6525" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
-  </svg>
-);
-IconlySharpTwoToneDeleteIcon.displayName = 'IconlySharpTwoToneDeleteIcon';
-
-export const IconlySharpTwoToneDiscountIcon: 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"/>
-<path d="M14.0661 14.0715H14.074" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
-<path d="M9.71456 9.71897H9.72239" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
-<path opacity={fillOpacity ?? 0.4} 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>
-);
-IconlySharpTwoToneDiscountIcon.displayName = 'IconlySharpTwoToneDiscountIcon';
-
-export const IconlySharpTwoToneDiscoveryIcon: 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 opacity={fillOpacity ?? 0.4} cx="12" cy="12" r="9.25" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round"/>
-  </svg>
-);
-IconlySharpTwoToneDiscoveryIcon.displayName = 'IconlySharpTwoToneDiscoveryIcon';
-
-export const IconlySharpTwoToneDocumentIcon: 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.22904H8.37207" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square" strokeLinejoin="round"/>
-<path d="M10.6881 13.3931H8.37207" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square" strokeLinejoin="round"/>
-<rect opacity={fillOpacity ?? 0.4} x="3.62695" y="2.75" width="16.7465" height="18.5" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
-  </svg>
-);
-IconlySharpTwoToneDocumentIcon.displayName = 'IconlySharpTwoToneDocumentIcon';
-
-export const IconlySharpTwoToneDownload1Icon: 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 opacity={fillOpacity ?? 0.4} 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>
-);
-IconlySharpTwoToneDownload1Icon.displayName = 'IconlySharpTwoToneDownload1Icon';
-
-export const IconlySharpTwoToneDownloadIcon: 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 opacity={fillOpacity ?? 0.4} d="M16.625 9.41406H21.25V20.8429H2.75V9.41406H7.375" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
-  </svg>
-);
-IconlySharpTwoToneDownloadIcon.displayName = 'IconlySharpTwoToneDownloadIcon';
-
-export const IconlySharpTwoToneEditSquareIcon: 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.28613L16.7334 11.0869L6.57034 21.25L2.7731 21.2465L2.76953 17.4492L12.9326 7.28613Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
-<path d="M12.9326 7.28613L16.7334 11.0869L6.57034 21.25L2.7731 21.2465L2.76953 17.4492L12.9326 7.28613Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
-<path d="M13.4933 13.4932L10.5071 10.507" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
-<path opacity={fillOpacity ?? 0.4} d="M2.76927 11.4464V2.75H21.2305V21.25H12.6937" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
-  </svg>
-);
-IconlySharpTwoToneEditSquareIcon.displayName = 'IconlySharpTwoToneEditSquareIcon';
-
-export const IconlySharpTwoToneEditIcon: 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 opacity={fillOpacity ?? 0.4} d="M20.3222 20.9947L3.00488 20.9941" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
-  </svg>
-);
-IconlySharpTwoToneEditIcon.displayName = 'IconlySharpTwoToneEditIcon';
-
-export const IconlySharpTwoToneEmojiIcon: 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>
-);
-IconlySharpTwoToneEmojiIcon.displayName = 'IconlySharpTwoToneEmojiIcon';
-
-export const IconlySharpTwoToneFilter3Icon: 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.625 10.5544L14.25 13.9977V18.8339L9.75 20.5926V13.9977L6.375 10.5544" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
-<path opacity={fillOpacity ?? 0.4} d="M17.625 10.5545L21 7.11124V3.40674H12H3V7.11124L6.375 10.5545" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
-  </svg>
-);
-IconlySharpTwoToneFilter3Icon.displayName = 'IconlySharpTwoToneFilter3Icon';
-
-export const IconlySharpTwoToneFilterIcon: 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 opacity={fillOpacity ?? 0.4} 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 opacity={fillOpacity ?? 0.4} 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>
-);
-IconlySharpTwoToneFilterIcon.displayName = 'IconlySharpTwoToneFilterIcon';
-
-export const IconlySharpTwoToneFolderIcon: 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 opacity={fillOpacity ?? 0.4} d="M7.63281 15.0864H16.3678" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
-<path fillRule="evenodd" clipRule="evenodd" d="M21.25 20.3264H2.75V3.67334H9.71326L11.9749 6.45227H21.25V20.3264Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
-  </svg>
-);
-IconlySharpTwoToneFolderIcon.displayName = 'IconlySharpTwoToneFolderIcon';
-
-export const IconlySharpTwoToneGameIcon: 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 opacity={fillOpacity ?? 0.4} d="M8.64205 12.2319V15.8797M10.5022 14.056H6.7803" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
-<path opacity={fillOpacity ?? 0.4} d="M14.9901 12.3429H14.8858" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
-<path opacity={fillOpacity ?? 0.4} d="M16.7559 15.8246H16.6516" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
-<path opacity={fillOpacity ?? 0.4} 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>
-);
-IconlySharpTwoToneGameIcon.displayName = 'IconlySharpTwoToneGameIcon';
-
-export const IconlySharpTwoToneGraphIcon: 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.4962C18.2264 15.0297 17.7716 16.5289 16.9196 17.804C16.0676 19.0791 14.8566 20.0729 13.4398 20.6598C12.023 21.2466 10.464 21.4002 8.95987 21.101C7.45578 20.8018 6.07418 20.0634 4.98979 18.979C3.9054 17.8946 3.16692 16.513 2.86774 15.0089C2.56855 13.5048 2.72211 11.9458 3.30897 10.5289C3.89584 9.11211 4.88967 7.90112 6.16478 7.04912C7.43988 6.19712 8.939 5.74237 10.4726 5.74237L10.4726 13.4962H18.2264Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
-<path opacity={fillOpacity ?? 0.4} 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>
-);
-IconlySharpTwoToneGraphIcon.displayName = 'IconlySharpTwoToneGraphIcon';
-
-export const IconlySharpTwoToneHeartIcon: 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.6355C21.2748 14.6796 16.1636 18.5395 12.0013 20.3844L12 20.3838L11.9987 20.3844C7.83663 18.5396 2.72582 14.6801 2.75009 9.63637" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
-<path opacity={fillOpacity ?? 0.4} d="M21.2498 9.63556C21.2399 7.09969 19.9095 4.71489 17.2865 3.86991C15.4854 3.28869 13.5236 3.61191 11.9999 5.79939C10.4763 3.61191 8.51439 3.28869 6.71331 3.86991C4.09006 4.71498 2.75962 7.10024 2.75 9.63643" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
-  </svg>
-);
-IconlySharpTwoToneHeartIcon.displayName = 'IconlySharpTwoToneHeartIcon';
-
-export const IconlySharpTwoToneHeart2Icon: 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 opacity={fillOpacity ?? 0.4} 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>
-);
-IconlySharpTwoToneHeart2Icon.displayName = 'IconlySharpTwoToneHeart2Icon';
-
-export const IconlySharpTwoToneHideIcon: 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.4069C19.289 11.535 15.806 14.0115 11.998 14.0115H12.002C8.194 14.0115 4.711 11.535 2.75 7.4069" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
-<path opacity={fillOpacity ?? 0.4} d="M18.5897 11.2754L20.7008 13.3865" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
-<path opacity={fillOpacity ?? 0.4} d="M5.33124 11.2754L3.22013 13.3865" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
-<path opacity={fillOpacity ?? 0.4} d="M15.1768 16.5929L14.3323 13.6833" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
-<path opacity={fillOpacity ?? 0.4} d="M8.74338 16.5931L9.58789 13.6836" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
-  </svg>
-);
-IconlySharpTwoToneHideIcon.displayName = 'IconlySharpTwoToneHideIcon';
-
-export const IconlySharpTwoToneHome2Icon: 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.45642 21.25H3.55664V8.74738L11.9008 2.75L20.4437 8.74738V21.25H14.5781" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
-<path opacity={fillOpacity ?? 0.4} d="M9.45642 21.2501V16.1711H14.5781V21.2501" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
-  </svg>
-);
-IconlySharpTwoToneHome2Icon.displayName = 'IconlySharpTwoToneHome2Icon';
-
-export const IconlySharpTwoToneHomeIcon: 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 opacity={fillOpacity ?? 0.4} d="M11.9998 12.7048L11.9998 16.1132" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
-  </svg>
-);
-IconlySharpTwoToneHomeIcon.displayName = 'IconlySharpTwoToneHomeIcon';
-
-export const IconlySharpTwoToneImage3Icon: 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 opacity={fillOpacity ?? 0.4} 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 opacity={fillOpacity ?? 0.4} 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>
-);
-IconlySharpTwoToneImage3Icon.displayName = 'IconlySharpTwoToneImage3Icon';
-
-export const IconlySharpTwoToneImageIcon: 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 opacity={fillOpacity ?? 0.4} 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 opacity={fillOpacity ?? 0.4} 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>
-);
-IconlySharpTwoToneImageIcon.displayName = 'IconlySharpTwoToneImageIcon';
-
-export const IconlySharpTwoToneInfoSquareIcon: 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 opacity={fillOpacity ?? 0.4} 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" strokeLinejoin="round"/>
-  </svg>
-);
-IconlySharpTwoToneInfoSquareIcon.displayName = 'IconlySharpTwoToneInfoSquareIcon';
-
-export const IconlySharpTwoToneLocation2Icon: 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 opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M14.4003 9.6006C14.4003 8.27463 13.3259 7.2002 12.0009 7.2002C10.6749 7.2002 9.60046 8.27463 9.60046 9.6006C9.60046 10.9256 10.6749 12 12.0009 12C13.3259 12 14.4003 10.9256 14.4003 9.6006Z" 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>
-);
-IconlySharpTwoToneLocation2Icon.displayName = 'IconlySharpTwoToneLocation2Icon';
-
-export const IconlySharpTwoToneLocationIcon: 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 opacity={fillOpacity ?? 0.4} 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>
-);
-IconlySharpTwoToneLocationIcon.displayName = 'IconlySharpTwoToneLocationIcon';
-
-export const IconlySharpTwoToneLockIcon: 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 opacity={fillOpacity ?? 0.4} 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 opacity={fillOpacity ?? 0.4} 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>
-);
-IconlySharpTwoToneLockIcon.displayName = 'IconlySharpTwoToneLockIcon';
-
-export const IconlySharpTwoToneLogin1Icon: 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 opacity={fillOpacity ?? 0.4} 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>
-);
-IconlySharpTwoToneLogin1Icon.displayName = 'IconlySharpTwoToneLogin1Icon';
-
-export const IconlySharpTwoToneLoginIcon: 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 opacity={fillOpacity ?? 0.4} 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>
-);
-IconlySharpTwoToneLoginIcon.displayName = 'IconlySharpTwoToneLoginIcon';
-
-export const IconlySharpTwoToneLogout1Icon: 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 opacity={fillOpacity ?? 0.4} 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>
-);
-IconlySharpTwoToneLogout1Icon.displayName = 'IconlySharpTwoToneLogout1Icon';
-
-export const IconlySharpTwoToneLogoutIcon: 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 opacity={fillOpacity ?? 0.4} 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>
-);
-IconlySharpTwoToneLogoutIcon.displayName = 'IconlySharpTwoToneLogoutIcon';
-
-export const IconlySharpTwoToneMessageIcon: 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 opacity={fillOpacity ?? 0.4} x="2" y="3" width="20" height="18" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
-  </svg>
-);
-IconlySharpTwoToneMessageIcon.displayName = 'IconlySharpTwoToneMessageIcon';
-
-export const IconlySharpTwoToneMoreCircleIcon: 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 opacity={fillOpacity ?? 0.4} 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>
-);
-IconlySharpTwoToneMoreCircleIcon.displayName = 'IconlySharpTwoToneMoreCircleIcon';
-
-export const IconlySharpTwoToneMoreSquareIcon: 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"/>
-<path d="M11.9301 12.0127H11.9391" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
-<path d="M7.92128 12.0127H7.93028" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
-<path opacity={fillOpacity ?? 0.4} 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="square"/>
-  </svg>
-);
-IconlySharpTwoToneMoreSquareIcon.displayName = 'IconlySharpTwoToneMoreSquareIcon';
-
-export const IconlySharpTwoToneNotification2Icon: 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 opacity={fillOpacity ?? 0.4} 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 opacity={fillOpacity ?? 0.4} cx="16.3379" cy="4.82446" r="2.34473" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5}/>
-  </svg>
-);
-IconlySharpTwoToneNotification2Icon.displayName = 'IconlySharpTwoToneNotification2Icon';
-
-export const IconlySharpTwoToneNotification3Icon: 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.69101 10.4671C5.69101 6.98293 8.51549 4.15845 11.9997 4.15845C15.4838 4.15845 18.3083 6.98293 18.3083 10.4671V13.2603C18.3083 15.1466 18.8817 16.9883 19.9525 18.5412H4.04688C5.11762 16.9883 5.69101 15.1466 5.69101 13.2603V10.4671Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5}/>
-<path opacity={fillOpacity ?? 0.4} d="M11.9998 4.15832V1.99976" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5}/>
-<path opacity={fillOpacity ?? 0.4} d="M15.2287 18.541V18.7714C15.2287 20.5545 13.7833 22 12.0002 22C10.2171 22 8.77167 20.5545 8.77167 18.7714V18.541" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5}/>
-  </svg>
-);
-IconlySharpTwoToneNotification3Icon.displayName = 'IconlySharpTwoToneNotification3Icon';
-
-export const IconlySharpTwoToneNotificationIcon: 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 opacity={fillOpacity ?? 0.4} 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>
-);
-IconlySharpTwoToneNotificationIcon.displayName = 'IconlySharpTwoToneNotificationIcon';
-
-export const IconlySharpTwoTonePaperDownload1Icon: 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"/>
-<g opacity={fillOpacity ?? 0.4}>
-<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"/>
-</g>
-  </svg>
-);
-IconlySharpTwoTonePaperDownload1Icon.displayName = 'IconlySharpTwoTonePaperDownload1Icon';
-
-export const IconlySharpTwoTonePaperDownloadIcon: 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 opacity={fillOpacity ?? 0.4} d="M14.0918 3.30469V8.65011H19.1989" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
-<path opacity={fillOpacity ?? 0.4} d="M10.8644 16.3274V10.238M13.2276 14.5209L10.8638 16.8948L8.5 14.5209" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
-  </svg>
-);
-IconlySharpTwoTonePaperDownloadIcon.displayName = 'IconlySharpTwoTonePaperDownloadIcon';
-
-export const IconlySharpTwoTonePaperFailIcon: 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 opacity={fillOpacity ?? 0.4} d="M13.1559 15.8324L9.66211 12.3386M9.664 15.8324L13.1578 12.3386" 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 opacity={fillOpacity ?? 0.4} d="M14.0918 3.30469V8.65011H19.1989" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
-  </svg>
-);
-IconlySharpTwoTonePaperFailIcon.displayName = 'IconlySharpTwoTonePaperFailIcon';
-
-export const IconlySharpTwoTonePaperNegativeIcon: 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 opacity={fillOpacity ?? 0.4} 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 opacity={fillOpacity ?? 0.4} d="M14.0918 3.30469V8.65011H19.1989" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
-  </svg>
-);
-IconlySharpTwoTonePaperNegativeIcon.displayName = 'IconlySharpTwoTonePaperNegativeIcon';
-
-export const IconlySharpTwoTonePaperPlusIcon: 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 opacity={fillOpacity ?? 0.4} d="M14.0924 14.411H9.15311M11.6229 16.8807V11.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 opacity={fillOpacity ?? 0.4} d="M14.0918 3.30469V8.65011H19.1989" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
-  </svg>
-);
-IconlySharpTwoTonePaperPlusIcon.displayName = 'IconlySharpTwoTonePaperPlusIcon';
-
-export const IconlySharpTwoTonePaperUpload1Icon: 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"/>
-<g opacity={fillOpacity ?? 0.4}>
-<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"/>
-</g>
-  </svg>
-);
-IconlySharpTwoTonePaperUpload1Icon.displayName = 'IconlySharpTwoTonePaperUpload1Icon';
-
-export const IconlySharpTwoTonePaperUploadIcon: 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 opacity={fillOpacity ?? 0.4} d="M14.0925 3.30469V8.65011H19.1996" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
-<path opacity={fillOpacity ?? 0.4} d="M10.8642 10.8055V16.8949M13.2283 12.6119L10.8645 10.238L8.50073 12.6119" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
-  </svg>
-);
-IconlySharpTwoTonePaperUploadIcon.displayName = 'IconlySharpTwoTonePaperUploadIcon';
-
-export const IconlySharpTwoTonePaperIcon: 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 opacity={fillOpacity ?? 0.4} d="M14.0927 16.2865H8.64941" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square" strokeLinejoin="round"/>
-<path opacity={fillOpacity ?? 0.4} 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 opacity={fillOpacity ?? 0.4} d="M14.0918 3.30469V8.65011H19.1989" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
-  </svg>
-);
-IconlySharpTwoTonePaperIcon.displayName = 'IconlySharpTwoTonePaperIcon';
-
-export const IconlySharpTwoTonePasswordIcon: 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 opacity={fillOpacity ?? 0.4} 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>
-);
-IconlySharpTwoTonePasswordIcon.displayName = 'IconlySharpTwoTonePasswordIcon';
-
-export const IconlySharpTwoTonePlayIcon: 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 opacity={fillOpacity ?? 0.4} 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.13306V14.8572L14.9212 11.9952Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round"/>
-  </svg>
-);
-IconlySharpTwoTonePlayIcon.displayName = 'IconlySharpTwoTonePlayIcon';
-
-export const IconlySharpTwoTonePlusIcon: 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.654M15.6673 11.9904H8.33398" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
-<path opacity={fillOpacity ?? 0.4} 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" strokeLinejoin="round"/>
-  </svg>
-);
-IconlySharpTwoTonePlusIcon.displayName = 'IconlySharpTwoTonePlusIcon';
-
-export const IconlySharpTwoToneProfileIcon: 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 opacity={fillOpacity ?? 0.4} 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>
-);
-IconlySharpTwoToneProfileIcon.displayName = 'IconlySharpTwoToneProfileIcon';
-
-export const IconlySharpTwoToneQRIcon: 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 opacity={fillOpacity ?? 0.4} x="3.25" y="3.25" width="6.80556" height="6.80556" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
-<rect opacity={fillOpacity ?? 0.4} x="3.25" y="13.9443" width="6.80556" height="6.80556" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
-<rect opacity={fillOpacity ?? 0.4} x="13.9445" y="13.9443" 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.60548L18.6935 5.61548" 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>
-);
-IconlySharpTwoToneQRIcon.displayName = 'IconlySharpTwoToneQRIcon';
-
-export const IconlySharpTwoToneScanIcon: 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 opacity={fillOpacity ?? 0.4} d="M20.2185 8.77551V3.78027H15.5156" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
-<path opacity={fillOpacity ?? 0.4} d="M3.78107 8.77551V3.78027H8.51345" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
-<path d="M20.2185 12.7847V20.2199H15.5156" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
-<path d="M3.78107 12.7847V20.2199H8.51345" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
-  </svg>
-);
-IconlySharpTwoToneScanIcon.displayName = 'IconlySharpTwoToneScanIcon';
-
-export const IconlySharpTwoToneSearchIcon: 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 opacity={fillOpacity ?? 0.4} d="M16.4872 16.7083L21.0407 21.2499" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
-  </svg>
-);
-IconlySharpTwoToneSearchIcon.displayName = 'IconlySharpTwoToneSearchIcon';
-
-export const IconlySharpTwoToneSendIcon: 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 opacity={fillOpacity ?? 0.4} d="M10.7896 13.2685L15.2319 8.82617" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
-  </svg>
-);
-IconlySharpTwoToneSendIcon.displayName = 'IconlySharpTwoToneSendIcon';
-
-export const IconlySharpTwoToneSetting2Icon: 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 opacity={fillOpacity ?? 0.4} 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>
-);
-IconlySharpTwoToneSetting2Icon.displayName = 'IconlySharpTwoToneSetting2Icon';
-
-export const IconlySharpTwoToneSettingIcon: 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 opacity={fillOpacity ?? 0.4} d="M12.0002 15.6873C14.0368 15.6873 15.6877 14.0364 15.6877 11.9998C15.6877 9.96323 14.0368 8.31226 12.0002 8.31226C9.96361 8.31226 8.31264 9.96323 8.31264 11.9998C8.31264 14.0364 9.96361 15.6873 12.0002 15.6873Z" 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>
-);
-IconlySharpTwoToneSettingIcon.displayName = 'IconlySharpTwoToneSettingIcon';
-
-export const IconlySharpTwoToneShieldDoneIcon: 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 opacity={fillOpacity ?? 0.4} 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>
-);
-IconlySharpTwoToneShieldDoneIcon.displayName = 'IconlySharpTwoToneShieldDoneIcon';
-
-export const IconlySharpTwoToneShieldFailIcon: 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.16602M10.0586 13.0199L13.9125 9.16602" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
-<path opacity={fillOpacity ?? 0.4} 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>
-);
-IconlySharpTwoToneShieldFailIcon.displayName = 'IconlySharpTwoToneShieldFailIcon';
-
-export const IconlySharpTwoToneShowIcon: 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 opacity={fillOpacity ?? 0.4} 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>
-);
-IconlySharpTwoToneShowIcon.displayName = 'IconlySharpTwoToneShowIcon';
-
-export const IconlySharpTwoToneStar2Icon: 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 opacity={fillOpacity ?? 0.4} d="M18.541 5.45947L5.45954 18.5409" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
-<path opacity={fillOpacity ?? 0.4} d="M18.541 18.5405L5.45954 5.45905" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
-  </svg>
-);
-IconlySharpTwoToneStar2Icon.displayName = 'IconlySharpTwoToneStar2Icon';
-
-export const IconlySharpTwoToneStar3Icon: 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.2492 6.12583L12 2.75L9.50166 9.50166L2.75 12L9.50166 14.4983L10.7508 17.8742" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
-<path opacity={fillOpacity ?? 0.4} d="M13.2491 6.12573L14.4982 9.50156L21.2499 11.9999L14.4982 14.4982L11.9999 21.2499L10.7507 17.8741" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
-  </svg>
-);
-IconlySharpTwoToneStar3Icon.displayName = 'IconlySharpTwoToneStar3Icon';
-
-export const IconlySharpTwoToneStar4Icon: 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.3801 8.1499C17.0016 9.8417 19.001 11.1678 21.25 12C19.001 12.8322 17.0016 14.1583 15.3801 15.8501M8.61987 15.8501C6.99838 14.1583 4.99904 12.8322 2.75 12C4.99904 11.1678 6.99838 9.8417 8.61987 8.1499" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5}/>
-<path opacity={fillOpacity ?? 0.4} d="M15.3801 8.14991C13.912 6.61807 12.7535 4.7864 12 2.75C11.2465 4.7864 10.0881 6.61807 8.61987 8.14991M15.3801 15.8501C13.912 17.3819 12.7535 19.2136 12 21.25C11.2465 19.2136 10.0881 17.3819 8.61987 15.8501" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5}/>
-  </svg>
-);
-IconlySharpTwoToneStar4Icon.displayName = 'IconlySharpTwoToneStar4Icon';
-
-export const IconlySharpTwoToneStar5Icon: 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.4369 10.0249H14.0767L11.9999 3.6333L9.92315 10.0249H3.20264L8.63965 13.9751L7.60127 17.1709" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
-<path opacity={fillOpacity ?? 0.4} d="M17.437 10.0249H20.7973L15.3603 13.9751L17.437 20.3667L12 16.4165L6.56299 20.3667L7.60137 17.1709" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
-  </svg>
-);
-IconlySharpTwoToneStar5Icon.displayName = 'IconlySharpTwoToneStar5Icon';
-
-export const IconlySharpTwoToneStar6Icon: 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.5332 12L20.0107 7.375L13.7666 8.94017L12 2.75L10.2334 8.94017L3.98926 7.375L8.46681 12" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
-<path opacity={fillOpacity ?? 0.4} d="M15.5332 12L20.0107 16.625L13.7666 15.0598L12 21.25L10.2334 15.0598L3.98926 16.625L8.46681 12" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
-  </svg>
-);
-IconlySharpTwoToneStar6Icon.displayName = 'IconlySharpTwoToneStar6Icon';
-
-export const IconlySharpTwoToneStar7Icon: 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.9751 12.9735L21.25 12L16.7002 10.0531L18.5407 5.45926L13.9469 7.29976L12 2.75L10.0531 7.29976L5.45926 5.45926L7.29976 10.0531L2.75 12L5.02488 12.9735" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
-<path opacity={fillOpacity ?? 0.4} d="M18.9751 12.9734L16.7003 13.9468L18.5408 18.5407L13.9469 16.7002L12 21.2499L10.0531 16.7002L5.45928 18.5407L7.29978 13.9468L5.0249 12.9734" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
-  </svg>
-);
-IconlySharpTwoToneStar7Icon.displayName = 'IconlySharpTwoToneStar7Icon';
-
-export const IconlySharpTwoToneStarIcon: 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 opacity={fillOpacity ?? 0.4} 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>
-);
-IconlySharpTwoToneStarIcon.displayName = 'IconlySharpTwoToneStarIcon';
-
-export const IconlySharpTwoToneSwapIcon: 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 opacity={fillOpacity ?? 0.4} d="M16.6546 20.1494L16.6546 6.21014" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
-<path d="M12.0591 15.5547C14.4216 15.5547 16.6546 17.6353 16.6546 20.1502" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
-<path d="M21.2501 15.5547C18.8876 15.5547 16.6546 17.6353 16.6546 20.1502" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
-<path opacity={fillOpacity ?? 0.4} d="M7.34552 3.84961L7.34552 17.7889" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
-<path d="M2.75001 8.44531C5.11249 8.44531 7.34552 6.3647 7.34552 3.8498" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
-<path d="M11.941 8.44531C9.57855 8.44531 7.34552 6.3647 7.34552 3.8498" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
-  </svg>
-);
-IconlySharpTwoToneSwapIcon.displayName = 'IconlySharpTwoToneSwapIcon';
-
-export const IconlySharpTwoToneTickSquareIcon: 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 opacity={fillOpacity ?? 0.4} 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>
-);
-IconlySharpTwoToneTickSquareIcon.displayName = 'IconlySharpTwoToneTickSquareIcon';
-
-export const IconlySharpTwoToneTicketStarIcon: 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.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"/>
-<path opacity={fillOpacity ?? 0.4} 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>
-);
-IconlySharpTwoToneTicketStarIcon.displayName = 'IconlySharpTwoToneTicketStarIcon';
-
-export const IconlySharpTwoToneTicketIcon: 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 opacity={fillOpacity ?? 0.4} d="M13.7105 4.83203V7.07053" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
-<path opacity={fillOpacity ?? 0.4} d="M13.7105 17.3281V19.2003" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
-<path opacity={fillOpacity ?? 0.4} d="M13.7105 14.4292V9.96973" 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>
-);
-IconlySharpTwoToneTicketIcon.displayName = 'IconlySharpTwoToneTicketIcon';
-
-export const IconlySharpTwoToneTimeCircleIcon: 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 opacity={fillOpacity ?? 0.4} d="M15.4321 14.9422L11.6621 12.6932V7.84619" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
-  </svg>
-);
-IconlySharpTwoToneTimeCircleIcon.displayName = 'IconlySharpTwoToneTimeCircleIcon';
-
-export const IconlySharpTwoToneTimeSquareIcon: 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 opacity={fillOpacity ?? 0.4} 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>
-);
-IconlySharpTwoToneTimeSquareIcon.displayName = 'IconlySharpTwoToneTimeSquareIcon';
-
-export const IconlySharpTwoToneUnlockIcon: 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 opacity={fillOpacity ?? 0.4} 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 opacity={fillOpacity ?? 0.4} 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>
-);
-IconlySharpTwoToneUnlockIcon.displayName = 'IconlySharpTwoToneUnlockIcon';
-
-export const IconlySharpTwoToneUpload1Icon: 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 opacity={fillOpacity ?? 0.4} 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>
-);
-IconlySharpTwoToneUpload1Icon.displayName = 'IconlySharpTwoToneUpload1Icon';
-
-export const IconlySharpTwoToneUploadIcon: 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 opacity={fillOpacity ?? 0.4} 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>
-);
-IconlySharpTwoToneUploadIcon.displayName = 'IconlySharpTwoToneUploadIcon';
-
-export const IconlySharpTwoToneVideoIcon: 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 opacity={fillOpacity ?? 0.4} d="M17.006 9.38123L22 5.99512V18.005L17.006 14.3862" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
-<path opacity={fillOpacity ?? 0.4} d="M9.1582 9.08618H12.3629" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
-  </svg>
-);
-IconlySharpTwoToneVideoIcon.displayName = 'IconlySharpTwoToneVideoIcon';
-
-export const IconlySharpTwoToneVoice3Icon: 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 opacity={fillOpacity ?? 0.4} d="M13.5381 6.83403H15.6905" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
-<path opacity={fillOpacity ?? 0.4} d="M12.458 10.4449H15.6928" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
-<path opacity={fillOpacity ?? 0.4} d="M11.998 21.4999V18.7285" 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.4163C19.2777 15.4545 16.0197 18.7285 11.9992 18.7285C7.97965 18.7285 4.72168 15.4545 4.72168 11.4163" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
-  </svg>
-);
-IconlySharpTwoToneVoice3Icon.displayName = 'IconlySharpTwoToneVoice3Icon';
-
-export const IconlySharpTwoToneVoiceIcon: 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}>
-    <g opacity={fillOpacity ?? 0.4}>
-<path d="M12.0002 21.5V17.1101" 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"/>
-</g>
-<path opacity={fillOpacity ?? 0.4} d="M20.5049 11.9997V7.60986" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
-<path opacity={fillOpacity ?? 0.4} d="M3.49512 12V7.61011" 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>
-);
-IconlySharpTwoToneVoiceIcon.displayName = 'IconlySharpTwoToneVoiceIcon';
-
-export const IconlySharpTwoToneVolumeDownIcon: 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 opacity={fillOpacity ?? 0.4} 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>
-);
-IconlySharpTwoToneVolumeDownIcon.displayName = 'IconlySharpTwoToneVolumeDownIcon';
-
-export const IconlySharpTwoToneVolumeOffIcon: 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 opacity={fillOpacity ?? 0.4} d="M20.5871 14.0588L17.1211 10.5928M17.1221 14.0588L20.5881 10.5928" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square" strokeLinejoin="round"/>
-  </svg>
-);
-IconlySharpTwoToneVolumeOffIcon.displayName = 'IconlySharpTwoToneVolumeOffIcon';
-
-export const IconlySharpTwoToneVolumeUpIcon: 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 opacity={fillOpacity ?? 0.4} d="M19.168 5.375C21.9395 9.36473 21.9486 14.6275 19.168 18.625" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
-<path opacity={fillOpacity ?? 0.4} d="M16.4472 7.99512C17.8724 10.4847 17.8724 13.525 16.4472 16.0068" 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>
-);
-IconlySharpTwoToneVolumeUpIcon.displayName = 'IconlySharpTwoToneVolumeUpIcon';
-
-export const IconlySharpTwoToneWalletIcon: 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 opacity={fillOpacity ?? 0.4} 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.72607H21.6305V21.2501H2.36914V5.72607Z" 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 opacity={fillOpacity ?? 0.4} d="M6.93359 10.2938H12.3671" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
-  </svg>
-);
-IconlySharpTwoToneWalletIcon.displayName = 'IconlySharpTwoToneWalletIcon';
-
-export const IconlySharpTwoToneWorkIcon: 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 opacity={fillOpacity ?? 0.4} d="M15.5 5.61115L14.5001 3.2998H9.5001L8.5 5.61115" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
-<path opacity={fillOpacity ?? 0.4} d="M2.7793 15.1931L2.9683 20.7001H21.0313L21.2203 15.1931" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
-  </svg>
-);
-IconlySharpTwoToneWorkIcon.displayName = 'IconlySharpTwoToneWorkIcon';
-
+import React from 'react';
+import { IconProps } from '../../../types';
+
+export const IconlySharpTwoTone2UserIcon: 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.7071C12.6415 14.6991 15.3007 16.135 16.2782 19.2261C14.308 20.4272 11.9889 20.8898 9.51408 20.8837C7.03921 20.8898 4.72016 20.4272 2.75 19.2261C3.72857 16.1317 6.38327 14.6991 9.51408 14.7071Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path opacity={fillOpacity ?? 0.4} d="M16.0853 18.2323C17.9751 18.237 19.7459 17.8837 21.2503 16.9666C20.504 14.6063 18.4734 13.5098 16.0853 13.5159C14.581 13.512 13.2207 13.9438 12.2325 14.8531" 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 opacity={fillOpacity ?? 0.4} 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>
+);
+IconlySharpTwoTone2UserIcon.displayName = 'IconlySharpTwoTone2UserIcon';
+
+export const IconlySharpTwoTone3UserIcon: 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 opacity={fillOpacity ?? 0.4} 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 opacity={fillOpacity ?? 0.4} 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 opacity={fillOpacity ?? 0.4} 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 opacity={fillOpacity ?? 0.4} 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>
+);
+IconlySharpTwoTone3UserIcon.displayName = 'IconlySharpTwoTone3UserIcon';
+
+export const IconlySharpTwoToneActivityIcon: 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.7196L10.0222 11.0733L13.2224 13.5871L15.9679 10.0437" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<circle cx="19.1681" cy="4.80171" r="1.80171" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path opacity={fillOpacity ?? 0.4} d="M14.4154 3.78931H3.03027V21H20.2409V9.58911" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+IconlySharpTwoToneActivityIcon.displayName = 'IconlySharpTwoToneActivityIcon';
+
+export const IconlySharpTwoToneAddUserIcon: 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 opacity={fillOpacity ?? 0.4} 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>
+);
+IconlySharpTwoToneAddUserIcon.displayName = 'IconlySharpTwoToneAddUserIcon';
+
+export const IconlySharpTwoToneArrowDown2Icon: 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.5" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path opacity={fillOpacity ?? 0.4} d="M12 15.5L5 8.5" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpTwoToneArrowDown2Icon.displayName = 'IconlySharpTwoToneArrowDown2Icon';
+
+export const IconlySharpTwoToneArrowDown3Icon: 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 opacity={fillOpacity ?? 0.4} d="M11.9996 19.9998L11.9996 3.99999" 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>
+);
+IconlySharpTwoToneArrowDown3Icon.displayName = 'IconlySharpTwoToneArrowDown3Icon';
+
+export const IconlySharpTwoToneArrowDownCircleIcon: 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 opacity={fillOpacity ?? 0.4} 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>
+);
+IconlySharpTwoToneArrowDownCircleIcon.displayName = 'IconlySharpTwoToneArrowDownCircleIcon';
+
+export const IconlySharpTwoToneArrowDownSquareIcon: 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 opacity={fillOpacity ?? 0.4} 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>
+);
+IconlySharpTwoToneArrowDownSquareIcon.displayName = 'IconlySharpTwoToneArrowDownSquareIcon';
+
+export const IconlySharpTwoToneArrowDownIcon: 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 opacity={fillOpacity ?? 0.4} d="M12 18.9002V4.5" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M18.0246 13.4502L12.0006 19.5002L5.97559 13.4502" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpTwoToneArrowDownIcon.displayName = 'IconlySharpTwoToneArrowDownIcon';
+
+export const IconlySharpTwoToneArrowLeft2Icon: 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 12" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path opacity={fillOpacity ?? 0.4} d="M8.5 12L15.5 5" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpTwoToneArrowLeft2Icon.displayName = 'IconlySharpTwoToneArrowLeft2Icon';
+
+export const IconlySharpTwoToneArrowLeft3Icon: 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 opacity={fillOpacity ?? 0.4} 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>
+);
+IconlySharpTwoToneArrowLeft3Icon.displayName = 'IconlySharpTwoToneArrowLeft3Icon';
+
+export const IconlySharpTwoToneArrowLeftCircleIcon: 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 opacity={fillOpacity ?? 0.4} 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>
+);
+IconlySharpTwoToneArrowLeftCircleIcon.displayName = 'IconlySharpTwoToneArrowLeftCircleIcon';
+
+export const IconlySharpTwoToneArrowLeftSquareIcon: 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 opacity={fillOpacity ?? 0.4} 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>
+);
+IconlySharpTwoToneArrowLeftSquareIcon.displayName = 'IconlySharpTwoToneArrowLeftSquareIcon';
+
+export const IconlySharpTwoToneArrowLeftIcon: 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 opacity={fillOpacity ?? 0.4} 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>
+);
+IconlySharpTwoToneArrowLeftIcon.displayName = 'IconlySharpTwoToneArrowLeftIcon';
+
+export const IconlySharpTwoToneArrowRight2Icon: 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 19L15.5 12" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path opacity={fillOpacity ?? 0.4} d="M15.5 12L8.5 5" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpTwoToneArrowRight2Icon.displayName = 'IconlySharpTwoToneArrowRight2Icon';
+
+export const IconlySharpTwoToneArrowRight3Icon: 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 opacity={fillOpacity ?? 0.4} 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>
+);
+IconlySharpTwoToneArrowRight3Icon.displayName = 'IconlySharpTwoToneArrowRight3Icon';
+
+export const IconlySharpTwoToneArrowRightCircleIcon: 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 opacity={fillOpacity ?? 0.4} 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>
+);
+IconlySharpTwoToneArrowRightCircleIcon.displayName = 'IconlySharpTwoToneArrowRightCircleIcon';
+
+export const IconlySharpTwoToneArrowRightSquareIcon: 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 opacity={fillOpacity ?? 0.4} 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>
+);
+IconlySharpTwoToneArrowRightSquareIcon.displayName = 'IconlySharpTwoToneArrowRightSquareIcon';
+
+export const IconlySharpTwoToneArrowRightIcon: 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 opacity={fillOpacity ?? 0.4} d="M18.9001 12L4.49988 12" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M13.4501 5.97541L19.5001 11.9994L13.4501 18.0244" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpTwoToneArrowRightIcon.displayName = 'IconlySharpTwoToneArrowRightIcon';
+
+export const IconlySharpTwoToneArrowUp2Icon: 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 15.5L12 8.5" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path opacity={fillOpacity ?? 0.4} d="M12 8.5L19 15.5" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpTwoToneArrowUp2Icon.displayName = 'IconlySharpTwoToneArrowUp2Icon';
+
+export const IconlySharpTwoToneArrowUp3Icon: 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 opacity={fillOpacity ?? 0.4} 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>
+);
+IconlySharpTwoToneArrowUp3Icon.displayName = 'IconlySharpTwoToneArrowUp3Icon';
+
+export const IconlySharpTwoToneArrowUpCircleIcon: 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 opacity={fillOpacity ?? 0.4} 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>
+);
+IconlySharpTwoToneArrowUpCircleIcon.displayName = 'IconlySharpTwoToneArrowUpCircleIcon';
+
+export const IconlySharpTwoToneArrowUpSquareIcon: 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 opacity={fillOpacity ?? 0.4} 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>
+);
+IconlySharpTwoToneArrowUpSquareIcon.displayName = 'IconlySharpTwoToneArrowUpSquareIcon';
+
+export const IconlySharpTwoToneArrowUpIcon: 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 opacity={fillOpacity ?? 0.4} 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>
+);
+IconlySharpTwoToneArrowUpIcon.displayName = 'IconlySharpTwoToneArrowUpIcon';
+
+export const IconlySharpTwoToneAvatarIcon: 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 opacity={fillOpacity ?? 0.4} 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>
+);
+IconlySharpTwoToneAvatarIcon.displayName = 'IconlySharpTwoToneAvatarIcon';
+
+export const IconlySharpTwoToneBag2Icon: 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 opacity={fillOpacity ?? 0.4} 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 opacity={fillOpacity ?? 0.4} d="M15.17 10.9835H15.126" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path opacity={fillOpacity ?? 0.4} 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>
+);
+IconlySharpTwoToneBag2Icon.displayName = 'IconlySharpTwoToneBag2Icon';
+
+export const IconlySharpTwoToneBag3Icon: 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 opacity={fillOpacity ?? 0.4} 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.4722C17.1086 21.4722 21.25 17.3308 21.25 12.2222L21.25 7.28473L2.75 7.28473L2.75 12.2222C2.75 17.3308 6.89137 21.4722 12 21.4722Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round"/>
+  </svg>
+);
+IconlySharpTwoToneBag3Icon.displayName = 'IconlySharpTwoToneBag3Icon';
+
+export const IconlySharpTwoToneBagIcon: 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 opacity={fillOpacity ?? 0.4} 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.7117L21.25 7.35913L2.75 7.35913L3.81307 20.7117L20.1869 20.7117Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round"/>
+  </svg>
+);
+IconlySharpTwoToneBagIcon.displayName = 'IconlySharpTwoToneBagIcon';
+
+export const IconlySharpTwoToneBookmarkIcon: 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 opacity={fillOpacity ?? 0.4} d="M8.47841 9.22534H15.5218" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpTwoToneBookmarkIcon.displayName = 'IconlySharpTwoToneBookmarkIcon';
+
+export const IconlySharpTwoToneBuyIcon: 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 opacity={fillOpacity ?? 0.4} d="M14.375 10.429H17.0467" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path opacity={fillOpacity ?? 0.4} 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 opacity={fillOpacity ?? 0.4} 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>
+);
+IconlySharpTwoToneBuyIcon.displayName = 'IconlySharpTwoToneBuyIcon';
+
+export const IconlySharpTwoToneCalendarIcon: 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 opacity={fillOpacity ?? 0.4} d="M3.76074 9.59898H20.248" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path opacity={fillOpacity ?? 0.4} d="M16.1087 13.2115H16.1173" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path opacity={fillOpacity ?? 0.4} d="M12.0045 13.2115H12.013" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path opacity={fillOpacity ?? 0.4} d="M7.89117 13.2115H7.89974" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path opacity={fillOpacity ?? 0.4} d="M16.1087 16.8065H16.1173" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path opacity={fillOpacity ?? 0.4} d="M12.0045 16.8065H12.013" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path opacity={fillOpacity ?? 0.4} d="M7.89117 16.8065H7.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>
+);
+IconlySharpTwoToneCalendarIcon.displayName = 'IconlySharpTwoToneCalendarIcon';
+
+export const IconlySharpTwoToneCallMissedIcon: 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 opacity={fillOpacity ?? 0.4} d="M20.7137 4.57373L15.8613 9.42613M15.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>
+);
+IconlySharpTwoToneCallMissedIcon.displayName = 'IconlySharpTwoToneCallMissedIcon';
+
+export const IconlySharpTwoToneCallSilentIcon: 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.809 14.176C12.3561 15.4174 13.8227 15.8194 13.8227 15.8194L16.6768 14.176L21.2875 17.576C20.4297 19.1086 19.3483 20.19 17.8158 21.0478C14.0127 21.2219 10.6132 19.5313 8.0069 17.1325" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path opacity={fillOpacity ?? 0.4} d="M6.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>
+);
+IconlySharpTwoToneCallSilentIcon.displayName = 'IconlySharpTwoToneCallSilentIcon';
+
+export const IconlySharpTwoToneCallIcon: 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.0314 13.6686C8.32344 11.9607 7.86965 10.0553 7.86965 10.0553L9.51304 7.20123L6.27252 2.75C4.78257 3.62391 3.66931 4.7293 2.80077 6.22175C2.29837 8.90797 3.98176 13.0905 7.04008 16.3618" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path opacity={fillOpacity ?? 0.4} d="M10.0313 13.6685C11.8239 15.4611 13.8236 16.0092 13.8236 16.0092L16.6777 14.3658L21.2884 17.7658C20.4306 19.2984 19.3492 20.3798 17.8167 21.2376C13.5232 21.4341 9.74418 19.2541 7.04004 16.3616" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpTwoToneCallIcon.displayName = 'IconlySharpTwoToneCallIcon';
+
+export const IconlySharpTwoToneCallingIcon: 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 opacity={fillOpacity ?? 0.4} 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 opacity={fillOpacity ?? 0.4} 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>
+);
+IconlySharpTwoToneCallingIcon.displayName = 'IconlySharpTwoToneCallingIcon';
+
+export const IconlySharpTwoToneCameraIcon: 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 opacity={fillOpacity ?? 0.4} d="M17.9271 10.5352H17.9361" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path opacity={fillOpacity ?? 0.4} 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>
+);
+IconlySharpTwoToneCameraIcon.displayName = 'IconlySharpTwoToneCameraIcon';
+
+export const IconlySharpTwoToneCardIcon: 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.7832H21.25" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path opacity={fillOpacity ?? 0.4} d="M14.8515 15.3423H18.3268" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path opacity={fillOpacity ?? 0.4} d="M10.626 15.3423H11.3738" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpTwoToneCardIcon.displayName = 'IconlySharpTwoToneCardIcon';
+
+export const IconlySharpTwoToneCategoryIcon: 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 opacity={fillOpacity ?? 0.4} 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 opacity={fillOpacity ?? 0.4} 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>
+);
+IconlySharpTwoToneCategoryIcon.displayName = 'IconlySharpTwoToneCategoryIcon';
+
+export const IconlySharpTwoToneChartIcon: 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"/>
+<path d="M12.0006 7.54248V16.4576" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M16.8365 13.6143V16.4577" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path opacity={fillOpacity ?? 0.4} 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" strokeLinejoin="round"/>
+  </svg>
+);
+IconlySharpTwoToneChartIcon.displayName = 'IconlySharpTwoToneChartIcon';
+
+export const IconlySharpTwoToneChat2Icon: 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.5224C16.693 20.3777 14.2512 21.276 11.8247 21.2236C8.5295 21.1523 2.75 21.2041 2.75 21.2041C2.75 21.2041 2.80068 15.3569 2.79819 12.0043C2.79644 9.64182 3.69595 7.27981 5.50162 5.47454C9.10096 1.87388 14.9487 1.87388 18.5481 5.47361C22.1539 9.07984 22.1474 14.9227 18.5481 18.5224Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round"/>
+<path opacity={fillOpacity ?? 0.4} d="M8.31468 12.3809H8.21594" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path opacity={fillOpacity ?? 0.4} d="M12.0489 12.3809H11.9502" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path opacity={fillOpacity ?? 0.4} d="M15.7833 12.3809H15.6845" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpTwoToneChat2Icon.displayName = 'IconlySharpTwoToneChat2Icon';
+
+export const IconlySharpTwoToneChatIcon: 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.5224C16.693 20.3777 14.2512 21.276 11.8247 21.2236C8.5295 21.1523 2.75 21.2041 2.75 21.2041L4.77533 17.9753C4.77533 17.9753 2.79819 15.0386 2.79819 12.0043C2.79644 9.64182 3.69595 7.27981 5.50162 5.47454C9.10096 1.87388 14.9487 1.87388 18.5481 5.47361C22.1539 9.07984 22.1474 14.9227 18.5481 18.5224Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round"/>
+<path opacity={fillOpacity ?? 0.4} d="M8.31468 12.3809H8.21593" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path opacity={fillOpacity ?? 0.4} d="M12.0489 12.3809H11.9502" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path opacity={fillOpacity ?? 0.4} d="M15.7833 12.3809H15.6845" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpTwoToneChatIcon.displayName = 'IconlySharpTwoToneChatIcon';
+
+export const IconlySharpTwoToneCloseSquareIcon: 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 opacity={fillOpacity ?? 0.4} 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>
+);
+IconlySharpTwoToneCloseSquareIcon.displayName = 'IconlySharpTwoToneCloseSquareIcon';
+
+export const IconlySharpTwoToneDangerCircleIcon: 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 opacity={fillOpacity ?? 0.4} 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>
+);
+IconlySharpTwoToneDangerCircleIcon.displayName = 'IconlySharpTwoToneDangerCircleIcon';
+
+export const IconlySharpTwoToneDangerTriangleIcon: 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 opacity={fillOpacity ?? 0.4} d="M21.25 19.8132L20.8869 20.2904H3.07885L2.75006 19.8132L11.9294 3.70996H12.0756L21.25 19.8132Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round"/>
+<path d="M12.0177 14.0161V11.2151" 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>
+);
+IconlySharpTwoToneDangerTriangleIcon.displayName = 'IconlySharpTwoToneDangerTriangleIcon';
+
+export const IconlySharpTwoToneDelete2Icon: 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 opacity={fillOpacity ?? 0.4} d="M16.4768 5.99734L15.4081 2.75H8.59314L7.52441 5.99734" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path opacity={fillOpacity ?? 0.4} d="M12.001 11.3638L12.001 16.3366" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpTwoToneDelete2Icon.displayName = 'IconlySharpTwoToneDelete2Icon';
+
+export const IconlySharpTwoToneDeleteIcon: 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 opacity={fillOpacity ?? 0.4} d="M4.62598 7.40259H19.3736L18.0473 21.25H5.95222L4.62598 7.40259Z" 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.6525" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpTwoToneDeleteIcon.displayName = 'IconlySharpTwoToneDeleteIcon';
+
+export const IconlySharpTwoToneDiscountIcon: 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"/>
+<path d="M14.0661 14.0715H14.074" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M9.71456 9.71897H9.72239" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path opacity={fillOpacity ?? 0.4} 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>
+);
+IconlySharpTwoToneDiscountIcon.displayName = 'IconlySharpTwoToneDiscountIcon';
+
+export const IconlySharpTwoToneDiscoveryIcon: 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 opacity={fillOpacity ?? 0.4} cx="12" cy="12" r="9.25" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round"/>
+  </svg>
+);
+IconlySharpTwoToneDiscoveryIcon.displayName = 'IconlySharpTwoToneDiscoveryIcon';
+
+export const IconlySharpTwoToneDocumentIcon: 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.22904H8.37207" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square" strokeLinejoin="round"/>
+<path d="M10.6881 13.3931H8.37207" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square" strokeLinejoin="round"/>
+<rect opacity={fillOpacity ?? 0.4} x="3.62695" y="2.75" width="16.7465" height="18.5" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpTwoToneDocumentIcon.displayName = 'IconlySharpTwoToneDocumentIcon';
+
+export const IconlySharpTwoToneDownload1Icon: 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 opacity={fillOpacity ?? 0.4} 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>
+);
+IconlySharpTwoToneDownload1Icon.displayName = 'IconlySharpTwoToneDownload1Icon';
+
+export const IconlySharpTwoToneDownloadIcon: 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 opacity={fillOpacity ?? 0.4} d="M16.625 9.41406H21.25V20.8429H2.75V9.41406H7.375" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpTwoToneDownloadIcon.displayName = 'IconlySharpTwoToneDownloadIcon';
+
+export const IconlySharpTwoToneEditSquareIcon: 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.28613L16.7334 11.0869L6.57034 21.25L2.7731 21.2465L2.76953 17.4492L12.9326 7.28613Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M12.9326 7.28613L16.7334 11.0869L6.57034 21.25L2.7731 21.2465L2.76953 17.4492L12.9326 7.28613Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M13.4933 13.4932L10.5071 10.507" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path opacity={fillOpacity ?? 0.4} d="M2.76927 11.4464V2.75H21.2305V21.25H12.6937" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpTwoToneEditSquareIcon.displayName = 'IconlySharpTwoToneEditSquareIcon';
+
+export const IconlySharpTwoToneEditIcon: 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 opacity={fillOpacity ?? 0.4} d="M20.3222 20.9947L3.00488 20.9941" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpTwoToneEditIcon.displayName = 'IconlySharpTwoToneEditIcon';
+
+export const IconlySharpTwoToneEmojiIcon: 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>
+);
+IconlySharpTwoToneEmojiIcon.displayName = 'IconlySharpTwoToneEmojiIcon';
+
+export const IconlySharpTwoToneFilter3Icon: 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.625 10.5544L14.25 13.9977V18.8339L9.75 20.5926V13.9977L6.375 10.5544" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path opacity={fillOpacity ?? 0.4} d="M17.625 10.5545L21 7.11124V3.40674H12H3V7.11124L6.375 10.5545" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpTwoToneFilter3Icon.displayName = 'IconlySharpTwoToneFilter3Icon';
+
+export const IconlySharpTwoToneFilterIcon: 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 opacity={fillOpacity ?? 0.4} 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 opacity={fillOpacity ?? 0.4} 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>
+);
+IconlySharpTwoToneFilterIcon.displayName = 'IconlySharpTwoToneFilterIcon';
+
+export const IconlySharpTwoToneFolderIcon: 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 opacity={fillOpacity ?? 0.4} d="M7.63281 15.0864H16.3678" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M21.25 20.3264H2.75V3.67334H9.71326L11.9749 6.45227H21.25V20.3264Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpTwoToneFolderIcon.displayName = 'IconlySharpTwoToneFolderIcon';
+
+export const IconlySharpTwoToneGameIcon: 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 opacity={fillOpacity ?? 0.4} d="M8.64205 12.2319V15.8797M10.5022 14.056H6.7803" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path opacity={fillOpacity ?? 0.4} d="M14.9901 12.3429H14.8858" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path opacity={fillOpacity ?? 0.4} d="M16.7559 15.8246H16.6516" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path opacity={fillOpacity ?? 0.4} 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>
+);
+IconlySharpTwoToneGameIcon.displayName = 'IconlySharpTwoToneGameIcon';
+
+export const IconlySharpTwoToneGraphIcon: 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.4962C18.2264 15.0297 17.7716 16.5289 16.9196 17.804C16.0676 19.0791 14.8566 20.0729 13.4398 20.6598C12.023 21.2466 10.464 21.4002 8.95987 21.101C7.45578 20.8018 6.07418 20.0634 4.98979 18.979C3.9054 17.8946 3.16692 16.513 2.86774 15.0089C2.56855 13.5048 2.72211 11.9458 3.30897 10.5289C3.89584 9.11211 4.88967 7.90112 6.16478 7.04912C7.43988 6.19712 8.939 5.74237 10.4726 5.74237L10.4726 13.4962H18.2264Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path opacity={fillOpacity ?? 0.4} 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>
+);
+IconlySharpTwoToneGraphIcon.displayName = 'IconlySharpTwoToneGraphIcon';
+
+export const IconlySharpTwoToneHeartIcon: 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.6355C21.2748 14.6796 16.1636 18.5395 12.0013 20.3844L12 20.3838L11.9987 20.3844C7.83663 18.5396 2.72582 14.6801 2.75009 9.63637" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path opacity={fillOpacity ?? 0.4} d="M21.2498 9.63556C21.2399 7.09969 19.9095 4.71489 17.2865 3.86991C15.4854 3.28869 13.5236 3.61191 11.9999 5.79939C10.4763 3.61191 8.51439 3.28869 6.71331 3.86991C4.09006 4.71498 2.75962 7.10024 2.75 9.63643" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpTwoToneHeartIcon.displayName = 'IconlySharpTwoToneHeartIcon';
+
+export const IconlySharpTwoToneHeart2Icon: 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 opacity={fillOpacity ?? 0.4} 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>
+);
+IconlySharpTwoToneHeart2Icon.displayName = 'IconlySharpTwoToneHeart2Icon';
+
+export const IconlySharpTwoToneHideIcon: 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.4069C19.289 11.535 15.806 14.0115 11.998 14.0115H12.002C8.194 14.0115 4.711 11.535 2.75 7.4069" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path opacity={fillOpacity ?? 0.4} d="M18.5897 11.2754L20.7008 13.3865" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path opacity={fillOpacity ?? 0.4} d="M5.33124 11.2754L3.22013 13.3865" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path opacity={fillOpacity ?? 0.4} d="M15.1768 16.5929L14.3323 13.6833" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path opacity={fillOpacity ?? 0.4} d="M8.74338 16.5931L9.58789 13.6836" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpTwoToneHideIcon.displayName = 'IconlySharpTwoToneHideIcon';
+
+export const IconlySharpTwoToneHome2Icon: 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.45642 21.25H3.55664V8.74738L11.9008 2.75L20.4437 8.74738V21.25H14.5781" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path opacity={fillOpacity ?? 0.4} d="M9.45642 21.2501V16.1711H14.5781V21.2501" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpTwoToneHome2Icon.displayName = 'IconlySharpTwoToneHome2Icon';
+
+export const IconlySharpTwoToneHomeIcon: 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 opacity={fillOpacity ?? 0.4} d="M11.9998 12.7048L11.9998 16.1132" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpTwoToneHomeIcon.displayName = 'IconlySharpTwoToneHomeIcon';
+
+export const IconlySharpTwoToneImage3Icon: 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 opacity={fillOpacity ?? 0.4} 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 opacity={fillOpacity ?? 0.4} 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>
+);
+IconlySharpTwoToneImage3Icon.displayName = 'IconlySharpTwoToneImage3Icon';
+
+export const IconlySharpTwoToneImageIcon: 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 opacity={fillOpacity ?? 0.4} 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 opacity={fillOpacity ?? 0.4} 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>
+);
+IconlySharpTwoToneImageIcon.displayName = 'IconlySharpTwoToneImageIcon';
+
+export const IconlySharpTwoToneInfoSquareIcon: 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 opacity={fillOpacity ?? 0.4} 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" strokeLinejoin="round"/>
+  </svg>
+);
+IconlySharpTwoToneInfoSquareIcon.displayName = 'IconlySharpTwoToneInfoSquareIcon';
+
+export const IconlySharpTwoToneLocation2Icon: 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 opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M14.4003 9.6006C14.4003 8.27463 13.3259 7.2002 12.0009 7.2002C10.6749 7.2002 9.60046 8.27463 9.60046 9.6006C9.60046 10.9256 10.6749 12 12.0009 12C13.3259 12 14.4003 10.9256 14.4003 9.6006Z" 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>
+);
+IconlySharpTwoToneLocation2Icon.displayName = 'IconlySharpTwoToneLocation2Icon';
+
+export const IconlySharpTwoToneLocationIcon: 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 opacity={fillOpacity ?? 0.4} 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>
+);
+IconlySharpTwoToneLocationIcon.displayName = 'IconlySharpTwoToneLocationIcon';
+
+export const IconlySharpTwoToneLockIcon: 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 opacity={fillOpacity ?? 0.4} 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 opacity={fillOpacity ?? 0.4} 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>
+);
+IconlySharpTwoToneLockIcon.displayName = 'IconlySharpTwoToneLockIcon';
+
+export const IconlySharpTwoToneLogin1Icon: 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 opacity={fillOpacity ?? 0.4} 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>
+);
+IconlySharpTwoToneLogin1Icon.displayName = 'IconlySharpTwoToneLogin1Icon';
+
+export const IconlySharpTwoToneLoginIcon: 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 opacity={fillOpacity ?? 0.4} 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>
+);
+IconlySharpTwoToneLoginIcon.displayName = 'IconlySharpTwoToneLoginIcon';
+
+export const IconlySharpTwoToneLogout1Icon: 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 opacity={fillOpacity ?? 0.4} 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>
+);
+IconlySharpTwoToneLogout1Icon.displayName = 'IconlySharpTwoToneLogout1Icon';
+
+export const IconlySharpTwoToneLogoutIcon: 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 opacity={fillOpacity ?? 0.4} 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>
+);
+IconlySharpTwoToneLogoutIcon.displayName = 'IconlySharpTwoToneLogoutIcon';
+
+export const IconlySharpTwoToneMessageIcon: 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 opacity={fillOpacity ?? 0.4} x="2" y="3" width="20" height="18" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+IconlySharpTwoToneMessageIcon.displayName = 'IconlySharpTwoToneMessageIcon';
+
+export const IconlySharpTwoToneMoreCircleIcon: 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 opacity={fillOpacity ?? 0.4} 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>
+);
+IconlySharpTwoToneMoreCircleIcon.displayName = 'IconlySharpTwoToneMoreCircleIcon';
+
+export const IconlySharpTwoToneMoreSquareIcon: 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"/>
+<path d="M11.9301 12.0127H11.9391" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M7.92128 12.0127H7.93028" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path opacity={fillOpacity ?? 0.4} 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="square"/>
+  </svg>
+);
+IconlySharpTwoToneMoreSquareIcon.displayName = 'IconlySharpTwoToneMoreSquareIcon';
+
+export const IconlySharpTwoToneNotification2Icon: 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 opacity={fillOpacity ?? 0.4} 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 opacity={fillOpacity ?? 0.4} cx="16.3379" cy="4.82446" r="2.34473" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5}/>
+  </svg>
+);
+IconlySharpTwoToneNotification2Icon.displayName = 'IconlySharpTwoToneNotification2Icon';
+
+export const IconlySharpTwoToneNotification3Icon: 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.69101 10.4671C5.69101 6.98293 8.51549 4.15845 11.9997 4.15845C15.4838 4.15845 18.3083 6.98293 18.3083 10.4671V13.2603C18.3083 15.1466 18.8817 16.9883 19.9525 18.5412H4.04688C5.11762 16.9883 5.69101 15.1466 5.69101 13.2603V10.4671Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5}/>
+<path opacity={fillOpacity ?? 0.4} d="M11.9998 4.15832V1.99976" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5}/>
+<path opacity={fillOpacity ?? 0.4} d="M15.2287 18.541V18.7714C15.2287 20.5545 13.7833 22 12.0002 22C10.2171 22 8.77167 20.5545 8.77167 18.7714V18.541" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5}/>
+  </svg>
+);
+IconlySharpTwoToneNotification3Icon.displayName = 'IconlySharpTwoToneNotification3Icon';
+
+export const IconlySharpTwoToneNotificationIcon: 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 opacity={fillOpacity ?? 0.4} 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>
+);
+IconlySharpTwoToneNotificationIcon.displayName = 'IconlySharpTwoToneNotificationIcon';
+
+export const IconlySharpTwoTonePaperDownload1Icon: 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"/>
+<g opacity={fillOpacity ?? 0.4}>
+<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"/>
+</g>
+  </svg>
+);
+IconlySharpTwoTonePaperDownload1Icon.displayName = 'IconlySharpTwoTonePaperDownload1Icon';
+
+export const IconlySharpTwoTonePaperDownloadIcon: 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 opacity={fillOpacity ?? 0.4} d="M14.0918 3.30469V8.65011H19.1989" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path opacity={fillOpacity ?? 0.4} d="M10.8644 16.3274V10.238M13.2276 14.5209L10.8638 16.8948L8.5 14.5209" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpTwoTonePaperDownloadIcon.displayName = 'IconlySharpTwoTonePaperDownloadIcon';
+
+export const IconlySharpTwoTonePaperFailIcon: 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 opacity={fillOpacity ?? 0.4} d="M13.1559 15.8324L9.66211 12.3386M9.664 15.8324L13.1578 12.3386" 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 opacity={fillOpacity ?? 0.4} d="M14.0918 3.30469V8.65011H19.1989" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpTwoTonePaperFailIcon.displayName = 'IconlySharpTwoTonePaperFailIcon';
+
+export const IconlySharpTwoTonePaperNegativeIcon: 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 opacity={fillOpacity ?? 0.4} 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 opacity={fillOpacity ?? 0.4} d="M14.0918 3.30469V8.65011H19.1989" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpTwoTonePaperNegativeIcon.displayName = 'IconlySharpTwoTonePaperNegativeIcon';
+
+export const IconlySharpTwoTonePaperPlusIcon: 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 opacity={fillOpacity ?? 0.4} d="M14.0924 14.411H9.15311M11.6229 16.8807V11.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 opacity={fillOpacity ?? 0.4} d="M14.0918 3.30469V8.65011H19.1989" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpTwoTonePaperPlusIcon.displayName = 'IconlySharpTwoTonePaperPlusIcon';
+
+export const IconlySharpTwoTonePaperUpload1Icon: 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"/>
+<g opacity={fillOpacity ?? 0.4}>
+<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"/>
+</g>
+  </svg>
+);
+IconlySharpTwoTonePaperUpload1Icon.displayName = 'IconlySharpTwoTonePaperUpload1Icon';
+
+export const IconlySharpTwoTonePaperUploadIcon: 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 opacity={fillOpacity ?? 0.4} d="M14.0925 3.30469V8.65011H19.1996" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path opacity={fillOpacity ?? 0.4} d="M10.8642 10.8055V16.8949M13.2283 12.6119L10.8645 10.238L8.50073 12.6119" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpTwoTonePaperUploadIcon.displayName = 'IconlySharpTwoTonePaperUploadIcon';
+
+export const IconlySharpTwoTonePaperIcon: 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 opacity={fillOpacity ?? 0.4} d="M14.0927 16.2865H8.64941" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square" strokeLinejoin="round"/>
+<path opacity={fillOpacity ?? 0.4} 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 opacity={fillOpacity ?? 0.4} d="M14.0918 3.30469V8.65011H19.1989" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpTwoTonePaperIcon.displayName = 'IconlySharpTwoTonePaperIcon';
+
+export const IconlySharpTwoTonePasswordIcon: 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 opacity={fillOpacity ?? 0.4} 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>
+);
+IconlySharpTwoTonePasswordIcon.displayName = 'IconlySharpTwoTonePasswordIcon';
+
+export const IconlySharpTwoTonePlayIcon: 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 opacity={fillOpacity ?? 0.4} 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.13306V14.8572L14.9212 11.9952Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round"/>
+  </svg>
+);
+IconlySharpTwoTonePlayIcon.displayName = 'IconlySharpTwoTonePlayIcon';
+
+export const IconlySharpTwoTonePlusIcon: 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.654M15.6673 11.9904H8.33398" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path opacity={fillOpacity ?? 0.4} 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" strokeLinejoin="round"/>
+  </svg>
+);
+IconlySharpTwoTonePlusIcon.displayName = 'IconlySharpTwoTonePlusIcon';
+
+export const IconlySharpTwoToneProfileIcon: 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 opacity={fillOpacity ?? 0.4} 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>
+);
+IconlySharpTwoToneProfileIcon.displayName = 'IconlySharpTwoToneProfileIcon';
+
+export const IconlySharpTwoToneQRIcon: 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 opacity={fillOpacity ?? 0.4} x="3.25" y="3.25" width="6.80556" height="6.80556" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<rect opacity={fillOpacity ?? 0.4} x="3.25" y="13.9443" width="6.80556" height="6.80556" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<rect opacity={fillOpacity ?? 0.4} x="13.9445" y="13.9443" 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.60548L18.6935 5.61548" 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>
+);
+IconlySharpTwoToneQRIcon.displayName = 'IconlySharpTwoToneQRIcon';
+
+export const IconlySharpTwoToneScanIcon: 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 opacity={fillOpacity ?? 0.4} d="M20.2185 8.77551V3.78027H15.5156" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path opacity={fillOpacity ?? 0.4} d="M3.78107 8.77551V3.78027H8.51345" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M20.2185 12.7847V20.2199H15.5156" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M3.78107 12.7847V20.2199H8.51345" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpTwoToneScanIcon.displayName = 'IconlySharpTwoToneScanIcon';
+
+export const IconlySharpTwoToneSearchIcon: 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 opacity={fillOpacity ?? 0.4} d="M16.4872 16.7083L21.0407 21.2499" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpTwoToneSearchIcon.displayName = 'IconlySharpTwoToneSearchIcon';
+
+export const IconlySharpTwoToneSendIcon: 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 opacity={fillOpacity ?? 0.4} d="M10.7896 13.2685L15.2319 8.82617" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpTwoToneSendIcon.displayName = 'IconlySharpTwoToneSendIcon';
+
+export const IconlySharpTwoToneSetting2Icon: 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 opacity={fillOpacity ?? 0.4} 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>
+);
+IconlySharpTwoToneSetting2Icon.displayName = 'IconlySharpTwoToneSetting2Icon';
+
+export const IconlySharpTwoToneSettingIcon: 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 opacity={fillOpacity ?? 0.4} d="M12.0002 15.6873C14.0368 15.6873 15.6877 14.0364 15.6877 11.9998C15.6877 9.96323 14.0368 8.31226 12.0002 8.31226C9.96361 8.31226 8.31264 9.96323 8.31264 11.9998C8.31264 14.0364 9.96361 15.6873 12.0002 15.6873Z" 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>
+);
+IconlySharpTwoToneSettingIcon.displayName = 'IconlySharpTwoToneSettingIcon';
+
+export const IconlySharpTwoToneShieldDoneIcon: 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 opacity={fillOpacity ?? 0.4} 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>
+);
+IconlySharpTwoToneShieldDoneIcon.displayName = 'IconlySharpTwoToneShieldDoneIcon';
+
+export const IconlySharpTwoToneShieldFailIcon: 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.16602M10.0586 13.0199L13.9125 9.16602" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path opacity={fillOpacity ?? 0.4} 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>
+);
+IconlySharpTwoToneShieldFailIcon.displayName = 'IconlySharpTwoToneShieldFailIcon';
+
+export const IconlySharpTwoToneShowIcon: 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 opacity={fillOpacity ?? 0.4} 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>
+);
+IconlySharpTwoToneShowIcon.displayName = 'IconlySharpTwoToneShowIcon';
+
+export const IconlySharpTwoToneStar2Icon: 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 opacity={fillOpacity ?? 0.4} d="M18.541 5.45947L5.45954 18.5409" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path opacity={fillOpacity ?? 0.4} d="M18.541 18.5405L5.45954 5.45905" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpTwoToneStar2Icon.displayName = 'IconlySharpTwoToneStar2Icon';
+
+export const IconlySharpTwoToneStar3Icon: 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.2492 6.12583L12 2.75L9.50166 9.50166L2.75 12L9.50166 14.4983L10.7508 17.8742" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path opacity={fillOpacity ?? 0.4} d="M13.2491 6.12573L14.4982 9.50156L21.2499 11.9999L14.4982 14.4982L11.9999 21.2499L10.7507 17.8741" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpTwoToneStar3Icon.displayName = 'IconlySharpTwoToneStar3Icon';
+
+export const IconlySharpTwoToneStar4Icon: 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.3801 8.1499C17.0016 9.8417 19.001 11.1678 21.25 12C19.001 12.8322 17.0016 14.1583 15.3801 15.8501M8.61987 15.8501C6.99838 14.1583 4.99904 12.8322 2.75 12C4.99904 11.1678 6.99838 9.8417 8.61987 8.1499" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5}/>
+<path opacity={fillOpacity ?? 0.4} d="M15.3801 8.14991C13.912 6.61807 12.7535 4.7864 12 2.75C11.2465 4.7864 10.0881 6.61807 8.61987 8.14991M15.3801 15.8501C13.912 17.3819 12.7535 19.2136 12 21.25C11.2465 19.2136 10.0881 17.3819 8.61987 15.8501" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5}/>
+  </svg>
+);
+IconlySharpTwoToneStar4Icon.displayName = 'IconlySharpTwoToneStar4Icon';
+
+export const IconlySharpTwoToneStar5Icon: 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.4369 10.0249H14.0767L11.9999 3.6333L9.92315 10.0249H3.20264L8.63965 13.9751L7.60127 17.1709" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path opacity={fillOpacity ?? 0.4} d="M17.437 10.0249H20.7973L15.3603 13.9751L17.437 20.3667L12 16.4165L6.56299 20.3667L7.60137 17.1709" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpTwoToneStar5Icon.displayName = 'IconlySharpTwoToneStar5Icon';
+
+export const IconlySharpTwoToneStar6Icon: 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.5332 12L20.0107 7.375L13.7666 8.94017L12 2.75L10.2334 8.94017L3.98926 7.375L8.46681 12" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path opacity={fillOpacity ?? 0.4} d="M15.5332 12L20.0107 16.625L13.7666 15.0598L12 21.25L10.2334 15.0598L3.98926 16.625L8.46681 12" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpTwoToneStar6Icon.displayName = 'IconlySharpTwoToneStar6Icon';
+
+export const IconlySharpTwoToneStar7Icon: 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.9751 12.9735L21.25 12L16.7002 10.0531L18.5407 5.45926L13.9469 7.29976L12 2.75L10.0531 7.29976L5.45926 5.45926L7.29976 10.0531L2.75 12L5.02488 12.9735" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path opacity={fillOpacity ?? 0.4} d="M18.9751 12.9734L16.7003 13.9468L18.5408 18.5407L13.9469 16.7002L12 21.2499L10.0531 16.7002L5.45928 18.5407L7.29978 13.9468L5.0249 12.9734" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpTwoToneStar7Icon.displayName = 'IconlySharpTwoToneStar7Icon';
+
+export const IconlySharpTwoToneStarIcon: 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 opacity={fillOpacity ?? 0.4} 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>
+);
+IconlySharpTwoToneStarIcon.displayName = 'IconlySharpTwoToneStarIcon';
+
+export const IconlySharpTwoToneSwapIcon: 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 opacity={fillOpacity ?? 0.4} d="M16.6546 20.1494L16.6546 6.21014" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M12.0591 15.5547C14.4216 15.5547 16.6546 17.6353 16.6546 20.1502" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M21.2501 15.5547C18.8876 15.5547 16.6546 17.6353 16.6546 20.1502" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path opacity={fillOpacity ?? 0.4} d="M7.34552 3.84961L7.34552 17.7889" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M2.75001 8.44531C5.11249 8.44531 7.34552 6.3647 7.34552 3.8498" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M11.941 8.44531C9.57855 8.44531 7.34552 6.3647 7.34552 3.8498" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpTwoToneSwapIcon.displayName = 'IconlySharpTwoToneSwapIcon';
+
+export const IconlySharpTwoToneTickSquareIcon: 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 opacity={fillOpacity ?? 0.4} 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>
+);
+IconlySharpTwoToneTickSquareIcon.displayName = 'IconlySharpTwoToneTickSquareIcon';
+
+export const IconlySharpTwoToneTicketStarIcon: 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.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"/>
+<path opacity={fillOpacity ?? 0.4} 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>
+);
+IconlySharpTwoToneTicketStarIcon.displayName = 'IconlySharpTwoToneTicketStarIcon';
+
+export const IconlySharpTwoToneTicketIcon: 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 opacity={fillOpacity ?? 0.4} d="M13.7105 4.83203V7.07053" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path opacity={fillOpacity ?? 0.4} d="M13.7105 17.3281V19.2003" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path opacity={fillOpacity ?? 0.4} d="M13.7105 14.4292V9.96973" 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>
+);
+IconlySharpTwoToneTicketIcon.displayName = 'IconlySharpTwoToneTicketIcon';
+
+export const IconlySharpTwoToneTimeCircleIcon: 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 opacity={fillOpacity ?? 0.4} d="M15.4321 14.9422L11.6621 12.6932V7.84619" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpTwoToneTimeCircleIcon.displayName = 'IconlySharpTwoToneTimeCircleIcon';
+
+export const IconlySharpTwoToneTimeSquareIcon: 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 opacity={fillOpacity ?? 0.4} 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>
+);
+IconlySharpTwoToneTimeSquareIcon.displayName = 'IconlySharpTwoToneTimeSquareIcon';
+
+export const IconlySharpTwoToneUnlockIcon: 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 opacity={fillOpacity ?? 0.4} 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 opacity={fillOpacity ?? 0.4} 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>
+);
+IconlySharpTwoToneUnlockIcon.displayName = 'IconlySharpTwoToneUnlockIcon';
+
+export const IconlySharpTwoToneUpload1Icon: 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 opacity={fillOpacity ?? 0.4} 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>
+);
+IconlySharpTwoToneUpload1Icon.displayName = 'IconlySharpTwoToneUpload1Icon';
+
+export const IconlySharpTwoToneUploadIcon: 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 opacity={fillOpacity ?? 0.4} 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>
+);
+IconlySharpTwoToneUploadIcon.displayName = 'IconlySharpTwoToneUploadIcon';
+
+export const IconlySharpTwoToneVideoIcon: 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 opacity={fillOpacity ?? 0.4} d="M17.006 9.38123L22 5.99512V18.005L17.006 14.3862" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path opacity={fillOpacity ?? 0.4} d="M9.1582 9.08618H12.3629" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpTwoToneVideoIcon.displayName = 'IconlySharpTwoToneVideoIcon';
+
+export const IconlySharpTwoToneVoice3Icon: 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 opacity={fillOpacity ?? 0.4} d="M13.5381 6.83403H15.6905" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path opacity={fillOpacity ?? 0.4} d="M12.458 10.4449H15.6928" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path opacity={fillOpacity ?? 0.4} d="M11.998 21.4999V18.7285" 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.4163C19.2777 15.4545 16.0197 18.7285 11.9992 18.7285C7.97965 18.7285 4.72168 15.4545 4.72168 11.4163" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpTwoToneVoice3Icon.displayName = 'IconlySharpTwoToneVoice3Icon';
+
+export const IconlySharpTwoToneVoiceIcon: 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}>
+    <g opacity={fillOpacity ?? 0.4}>
+<path d="M12.0002 21.5V17.1101" 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"/>
+</g>
+<path opacity={fillOpacity ?? 0.4} d="M20.5049 11.9997V7.60986" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path opacity={fillOpacity ?? 0.4} d="M3.49512 12V7.61011" 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>
+);
+IconlySharpTwoToneVoiceIcon.displayName = 'IconlySharpTwoToneVoiceIcon';
+
+export const IconlySharpTwoToneVolumeDownIcon: 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 opacity={fillOpacity ?? 0.4} 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>
+);
+IconlySharpTwoToneVolumeDownIcon.displayName = 'IconlySharpTwoToneVolumeDownIcon';
+
+export const IconlySharpTwoToneVolumeOffIcon: 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 opacity={fillOpacity ?? 0.4} d="M20.5871 14.0588L17.1211 10.5928M17.1221 14.0588L20.5881 10.5928" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square" strokeLinejoin="round"/>
+  </svg>
+);
+IconlySharpTwoToneVolumeOffIcon.displayName = 'IconlySharpTwoToneVolumeOffIcon';
+
+export const IconlySharpTwoToneVolumeUpIcon: 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 opacity={fillOpacity ?? 0.4} d="M19.168 5.375C21.9395 9.36473 21.9486 14.6275 19.168 18.625" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path opacity={fillOpacity ?? 0.4} d="M16.4472 7.99512C17.8724 10.4847 17.8724 13.525 16.4472 16.0068" 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>
+);
+IconlySharpTwoToneVolumeUpIcon.displayName = 'IconlySharpTwoToneVolumeUpIcon';
+
+export const IconlySharpTwoToneWalletIcon: 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 opacity={fillOpacity ?? 0.4} 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.72607H21.6305V21.2501H2.36914V5.72607Z" 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 opacity={fillOpacity ?? 0.4} d="M6.93359 10.2938H12.3671" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpTwoToneWalletIcon.displayName = 'IconlySharpTwoToneWalletIcon';
+
+export const IconlySharpTwoToneWorkIcon: 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 opacity={fillOpacity ?? 0.4} d="M15.5 5.61115L14.5001 3.2998H9.5001L8.5 5.61115" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path opacity={fillOpacity ?? 0.4} d="M2.7793 15.1931L2.9683 20.7001H21.0313L21.2203 15.1931" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpTwoToneWorkIcon.displayName = 'IconlySharpTwoToneWorkIcon';
+