@winplaybox/icons 0.0.0-stage → 0.2.0

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

@@ -0,0 +1,1155 @@
+import React from 'react';
+import { IconProps } from '../../../types';
+
+export const IconlySharpBroken2UserIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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.97276 20.5147C4.82576 20.2497 3.74376 19.8317 2.74976 19.2257C3.72876 16.1317 6.38276 14.6987 9.51376 14.7067C12.6418 14.6987 15.3008 16.1347 16.2778 19.2257C14.3078 20.4267 11.9888 20.8897 9.51376 20.8837" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M18.8122 17.9458C19.6792 17.7438 20.4982 17.4258 21.2502 16.9678C20.5042 14.6068 18.4732 13.5108 16.0852 13.5168C14.5812 13.5128 13.2212 13.9448 12.2332 14.8538" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M9.5141 3.11633C11.8541 3.11633 13.7511 5.01333 13.7511 7.35333C13.7511 9.69333 11.8541 11.5903 9.5141 11.5903C7.1741 11.5903 5.2771 9.69333 5.2771 7.35333C5.2771 6.72133 5.4151 6.12133 5.6631 5.58333" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M13.7136 5.67014C14.3036 5.05214 15.1366 4.66614 16.0596 4.66614C17.8496 4.66614 19.3006 6.11714 19.3006 7.90714C19.3006 9.69814 17.8496 11.1491 16.0596 11.1491" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpBroken2UserIcon.displayName = 'IconlySharpBroken2UserIcon';
+
+export const IconlySharpBroken3UserIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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.982 20.575C9.58398 20.58 7.33698 20.132 5.42798 18.969C6.37598 15.97 8.94798 14.582 11.982 14.59C15.012 14.582 17.588 15.974 18.535 18.969C17.516 19.59 16.401 20.007 15.218 20.26" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M6.59476 13.7399C4.46976 13.7349 2.66376 14.7099 1.99976 16.8099C2.36276 17.0309 2.74176 17.2149 3.13676 17.3659" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M17.406 13.7399C19.53 13.7349 21.336 14.7099 22 16.8099C21.611 17.0479 21.201 17.2419 20.775 17.3989" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M12.7326 3.42493C14.6466 3.76993 16.0986 5.44493 16.0986 7.45793C16.0986 9.72193 14.2636 11.5569 11.9996 11.5569C9.73661 11.5569 7.90161 9.72193 7.90161 7.45793C7.90161 6.20893 8.46061 5.08993 9.34261 4.33793" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M17.406 5.86682C18.996 5.86682 20.286 7.15582 20.286 8.74682C20.286 10.3368 18.996 11.6268 17.406 11.6268" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M6.59509 5.86682C5.00409 5.86682 3.71509 7.15582 3.71509 8.74682C3.71509 10.3368 5.00409 11.6268 6.59509 11.6268" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpBroken3UserIcon.displayName = 'IconlySharpBroken3UserIcon';
+
+export const IconlySharpBrokenActivityIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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.21631 14.7197L10.0213 11.0737L13.2223 13.5877L15.9673 10.0437" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M19.1677 2.99976C20.1627 2.99976 20.9697 3.80676 20.9697 4.80176C20.9697 5.79676 20.1627 6.60276 19.1677 6.60276C18.1727 6.60276 17.3657 5.79676 17.3657 4.80176C17.3657 3.80676 18.1727 2.99976 19.1677 2.99976Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M6.85107 21.0001H20.2411V9.58911" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M14.4153 3.78931H3.03027V21.0003" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpBrokenActivityIcon.displayName = 'IconlySharpBrokenActivityIcon';
+
+export const IconlySharpBrokenAddUserIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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.6687V12.6787" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square" strokeLinejoin="round"/>
+<path d="M21.088 10.6736H16.998" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square" strokeLinejoin="round"/>
+<path d="M9.95511 21.2496C7.37811 21.2566 4.96311 20.7746 2.91211 19.5236C3.93111 16.3016 6.69511 14.8106 9.95511 14.8186C13.2111 14.8106 15.9801 16.3056 16.9981 19.5236C15.8481 20.2256 14.5821 20.6856 13.2391 20.9526" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M9.92 2.75024C12.361 2.75024 14.34 4.72924 14.34 7.17024C14.34 9.61124 12.361 11.5892 9.92 11.5892C7.479 11.5892 5.5 9.61124 5.5 7.17024C5.5 6.31824 5.741 5.52324 6.158 4.84824" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpBrokenAddUserIcon.displayName = 'IconlySharpBrokenAddUserIcon';
+
+export const IconlySharpBrokenArrowDown2Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path d="M19 8.5L12 15.5L5 8.5" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpBrokenArrowDown2Icon.displayName = 'IconlySharpBrokenArrowDown2Icon';
+
+export const IconlySharpBrokenArrowDown3Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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 6.53188V3.99988" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M12 19.9999V10.0409" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M6.33984 14.3402C9.24984 14.3402 11.9998 16.9022 11.9998 20.0002" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M17.66 14.3402C14.75 14.3402 12 16.9022 12 20.0002" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpBrokenArrowDown3Icon.displayName = 'IconlySharpBrokenArrowDown3Icon';
+
+export const IconlySharpBrokenArrowDownCircleIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path d="M3.819 16.321C5.37 19.253 8.451 21.25 12 21.25C17.11 21.25 21.25 17.108 21.25 12C21.25 6.892 17.11 2.75 12 2.75C6.89 2.75 2.75 6.892 2.75 12" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M8.53027 10.5576L12.0003 14.0436L15.4703 10.5576" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpBrokenArrowDownCircleIcon.displayName = 'IconlySharpBrokenArrowDownCircleIcon';
+
+export const IconlySharpBrokenArrowDownSquareIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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 15.3635V7.93945" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M15.75 12.3472L12 16.1112L8.25 12.3472" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M21.25 6.177V2.75H2.75V21.25H21.25V11.403" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpBrokenArrowDownSquareIcon.displayName = 'IconlySharpBrokenArrowDownSquareIcon';
+
+export const IconlySharpBrokenArrowDownIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path d="M11.9995 6.66712V4.50012" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M11.9995 18.8997V10.4967" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M18.02 13.4498L12 19.4998L5.97998 13.4498" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpBrokenArrowDownIcon.displayName = 'IconlySharpBrokenArrowDownIcon';
+
+export const IconlySharpBrokenArrowLeft2Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path d="M15.5 19L8.5 12L15.5 5" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpBrokenArrowLeft2Icon.displayName = 'IconlySharpBrokenArrowLeft2Icon';
+
+export const IconlySharpBrokenArrowLeft3Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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.4683 12.0001H20.0003" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M3.99951 12.0001H13.9585" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M9.65951 17.6601C9.65951 14.7501 7.09751 12.0001 3.99951 12.0001" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M9.65951 6.33997C9.65951 9.24997 7.09751 12 3.99951 12" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpBrokenArrowLeft3Icon.displayName = 'IconlySharpBrokenArrowLeft3Icon';
+
+export const IconlySharpBrokenArrowLeftCircleIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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.193 20.248C19.195 18.719 21.25 15.6 21.25 12C21.25 6.891 17.11 2.75 12 2.75C6.89 2.75 2.75 6.891 2.75 12C2.75 17.108 6.89 21.25 12 21.25" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M13.44 8.5293L9.95996 12.0003L13.44 15.4713" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpBrokenArrowLeftCircleIcon.displayName = 'IconlySharpBrokenArrowLeftCircleIcon';
+
+export const IconlySharpBrokenArrowLeftSquareIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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.65918 11.9604H16.0892" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M11.6792 8.2124L7.90918 11.9604L11.6792 15.7084" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M17.823 21.25H21.25V2.75H2.75V21.25H12.597" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpBrokenArrowLeftSquareIcon.displayName = 'IconlySharpBrokenArrowLeftSquareIcon';
+
+export const IconlySharpBrokenArrowLeftIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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.333 12H19.5" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M5.10059 12H13.5036" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M10.55 5.97998L4.5 12L10.55 18.02" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpBrokenArrowLeftIcon.displayName = 'IconlySharpBrokenArrowLeftIcon';
+
+export const IconlySharpBrokenArrowRight2Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path d="M8.5 5L15.5 12L8.5 19" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpBrokenArrowRight2Icon.displayName = 'IconlySharpBrokenArrowRight2Icon';
+
+export const IconlySharpBrokenArrowRight3Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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="M6.532 11.9999H4" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M20 11.9999H10.041" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M14.3398 17.6599C14.3398 14.7499 16.9018 11.9999 19.9998 11.9999" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M14.3398 6.34021C14.3398 9.25021 16.9018 12.0002 19.9998 12.0002" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpBrokenArrowRight3Icon.displayName = 'IconlySharpBrokenArrowRight3Icon';
+
+export const IconlySharpBrokenArrowRightCircleIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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.272 20.207C19.231 18.664 21.25 15.568 21.25 12C21.25 6.892 17.11 2.75 12 2.75C6.89 2.75 2.75 6.892 2.75 12C2.75 17.109 6.89 21.25 12 21.25" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M10.5605 15.4713L14.0405 12.0003L10.5605 8.5293" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpBrokenArrowRightCircleIcon.displayName = 'IconlySharpBrokenArrowRightCircleIcon';
+
+export const IconlySharpBrokenArrowRightSquareIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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.823 21.25H21.25V2.75H2.75V21.25H12.597" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M15.3392 12H7.90918" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M12.3193 8.25195L16.0893 12L12.3193 15.748" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpBrokenArrowRightSquareIcon.displayName = 'IconlySharpBrokenArrowRightSquareIcon';
+
+export const IconlySharpBrokenArrowRightIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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="M6.66749 12.0005H4.50049" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M18.8996 12.0005H10.4966" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M13.4497 5.97998L19.4997 12L13.4497 18.02" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpBrokenArrowRightIcon.displayName = 'IconlySharpBrokenArrowRightIcon';
+
+export const IconlySharpBrokenArrowUp2Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path d="M19 15.5L12 8.5L5 15.5" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpBrokenArrowUp2Icon.displayName = 'IconlySharpBrokenArrowUp2Icon';
+
+export const IconlySharpBrokenArrowUp3Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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.4679V19.9999" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M12 4.00012V13.9591" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M6.33984 9.66012C9.24984 9.66012 11.9998 7.09812 11.9998 4.00012" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M17.66 9.66012C14.75 9.66012 12 7.09812 12 4.00012" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpBrokenArrowUp3Icon.displayName = 'IconlySharpBrokenArrowUp3Icon';
+
+export const IconlySharpBrokenArrowUpCircleIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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.811 3.569C19.019 5.021 21.25 8.25 21.25 12C21.25 17.108 17.11 21.25 12 21.25C6.89 21.25 2.75 17.108 2.75 12C2.75 6.892 6.89 2.75 12 2.75" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M8.5293 13.443L11.9993 9.95703L15.4693 13.443" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpBrokenArrowUpCircleIcon.displayName = 'IconlySharpBrokenArrowUpCircleIcon';
+
+export const IconlySharpBrokenArrowUpSquareIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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 8.64795V16.0719" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M15.75 11.6639L12 7.8999L8.25 11.6639" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M21.25 6.177V2.75H2.75V21.25H21.25V11.403" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpBrokenArrowUpSquareIcon.displayName = 'IconlySharpBrokenArrowUpSquareIcon';
+
+export const IconlySharpBrokenArrowUpIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path d="M11.9995 17.3328V19.4998" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M11.9995 5.09985V13.5029" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M18.02 10.5502L12 4.50024L5.97998 10.5502" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpBrokenArrowUpIcon.displayName = 'IconlySharpBrokenArrowUpIcon';
+
+export const IconlySharpBrokenAvatarIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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 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 12C21.25 15.57 19.227 18.668 16.265 20.21" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M11.4365 8.27686L9.52148 14.7699L9.70248 15.0719H13.2945" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M16.3866 11.1738H16.3966" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M6.93348 11.1738H6.94348" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpBrokenAvatarIcon.displayName = 'IconlySharpBrokenAvatarIcon';
+
+export const IconlySharpBrokenBag2Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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.4732 6.65392C16.4732 4.35992 14.6132 2.49992 12.3192 2.49992C11.2142 2.49492 10.1532 2.93092 9.37022 3.70992C8.58822 4.48992 8.14722 5.54892 8.14722 6.65392" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M15.1702 10.9833H15.1262" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M9.56277 10.9833H9.51877" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M7.03099 21.5001H3.23999L4.12899 6.86511H19.872L20.76 21.5001H11.127" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpBrokenBag2Icon.displayName = 'IconlySharpBrokenBag2Icon';
+
+export const IconlySharpBrokenBag3Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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.0195 9.76212V6.53912C16.0195 4.32312 14.2245 2.52812 12.0095 2.52812C9.79447 2.51812 7.99047 4.30512 7.98047 6.52112V6.53912V9.76212" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square" strokeLinejoin="round"/>
+<path d="M16.032 20.5499C19.121 19.0519 21.25 15.8859 21.25 12.2219V7.28394H2.75V12.2219C2.75 17.3309 6.891 21.4719 12 21.4719" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpBrokenBag3Icon.displayName = 'IconlySharpBrokenBag3Icon';
+
+export const IconlySharpBrokenBagIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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.75 9.14933V8.03733C16.75 5.41433 14.623 3.28833 12 3.28833C9.37698 3.28833 7.25098 5.41433 7.25098 8.03733V9.14933" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square" strokeLinejoin="round"/>
+<path d="M13.599 20.7116H20.187L21.25 7.35962H2.75L3.813 20.7116H8.219" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpBrokenBagIcon.displayName = 'IconlySharpBrokenBagIcon';
+
+export const IconlySharpBrokenBookmarkIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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.788 2.75H4.52197V21.25L12.025 17.804L19.478 21.25V2.75H17.058" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M8.47803 9.22559H15.522" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpBrokenBookmarkIcon.displayName = 'IconlySharpBrokenBookmarkIcon';
+
+export const IconlySharpBrokenBuyIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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.374 10.4291H17.046" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M7.65828 19.4926C7.94828 19.4926 8.18228 19.7276 8.18228 20.0166C8.18228 20.3066 7.94828 20.5416 7.65828 20.5416C7.36828 20.5416 7.13428 20.3066 7.13428 20.0166C7.13428 19.7276 7.36828 19.4926 7.65828 19.4926" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M7.65828 19.4926C7.94828 19.4926 8.18228 19.7276 8.18228 20.0166C8.18228 20.3066 7.94828 20.5416 7.65828 20.5416C7.36828 20.5416 7.13428 20.3066 7.13428 20.0166C7.13428 19.7276 7.36828 19.4926 7.65828 19.4926Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M18.525 19.4926C18.815 19.4926 19.05 19.7276 19.05 20.0166C19.05 20.3066 18.815 20.5416 18.525 20.5416C18.235 20.5416 18.001 20.3066 18.001 20.0166C18.001 19.7276 18.235 19.4926 18.525 19.4926" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M18.525 19.4926C18.815 19.4926 19.05 19.7276 19.05 20.0166C19.05 20.3066 18.815 20.5416 18.525 20.5416C18.235 20.5416 18.001 20.3066 18.001 20.0166C18.001 19.7276 18.235 19.4926 18.525 19.4926Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M8.484 6.51837H21.25L19.981 16.1534H6.494L5.217 3.45837H2.75" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpBrokenBuyIcon.displayName = 'IconlySharpBrokenBuyIcon';
+
+export const IconlySharpBrokenCalendarIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path d="M3.76001 9.59912H17.591" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M16.1081 13.2114H16.1161" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M12.0031 13.2114H12.0121" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M7.88979 13.2114H7.89879" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M16.1081 16.8066H16.1161" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M12.0031 16.8066H12.0121" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M7.88979 16.8066H7.89879" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M15.74 2.75V5.794" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M8.26831 2.75V5.794" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M5.61405 4.21094H3.67505V21.2499H20.325V4.21094H15.816" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M12.7616 4.21094H8.27856" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpBrokenCalendarIcon.displayName = 'IconlySharpBrokenCalendarIcon';
+
+export const IconlySharpBrokenCallMissedIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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.7151 4.5741L15.8621 9.4261" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square" strokeLinejoin="round"/>
+<path d="M15.8621 4.5741L20.7151 9.4261" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square" strokeLinejoin="round"/>
+<path d="M10.0306 13.6689C11.8236 15.4609 13.8236 16.0089 13.8236 16.0089L16.6776 14.3659L21.2876 17.7659C20.4306 19.2989 19.3486 20.3799 17.8166 21.2379C8.6666 21.6569 1.8536 11.2829 2.8006 6.22188C3.6686 4.72888 4.7826 3.62388 6.2726 2.74988L9.5126 7.20088L7.8696 10.0549" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpBrokenCallMissedIcon.displayName = 'IconlySharpBrokenCallMissedIcon';
+
+export const IconlySharpBrokenCallSilentIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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.46701 15.5669L5.93332 16.1543L7.10814 15.2217L6.64183 14.6343L6.05442 15.1006L5.46701 15.5669ZM2.80042 6.10359L2.15203 5.72663L2.08703 5.83844L2.06323 5.96556L2.80042 6.10359ZM6.27242 2.63159L6.87878 2.1902L6.47896 1.64094L5.89295 1.98467L6.27242 2.63159ZM9.51242 7.08259L10.1625 7.45668L10.4053 7.03477L10.1188 6.6412L9.51242 7.08259ZM7.21937 9.5635L6.84529 10.2135L8.14537 10.9617L8.51946 10.3117L7.86942 9.93759L7.21937 9.5635ZM11.2787 13.6626L10.6937 13.1933L9.75509 14.3633L10.3401 14.8326L10.8094 14.2476L11.2787 13.6626ZM13.8234 15.8916L13.6247 16.6148L13.9266 16.6977L14.1978 16.5415L13.8234 15.8916ZM16.6774 14.2476L17.1226 13.644L16.728 13.3529L16.3031 13.5977L16.6774 14.2476ZM21.2874 17.6476L21.9421 18.0136L22.2647 17.4364L21.7326 17.044L21.2874 17.6476ZM17.8164 21.1196L17.8507 21.8688L18.028 21.8607L18.1829 21.774L17.8164 21.1196ZM8.51527 16.6527L7.96337 16.1448L6.94767 17.2486L7.49957 17.7565L8.00742 17.2046L8.51527 16.6527ZM6.05442 15.1006L6.64183 14.6343C5.47497 13.1644 4.59199 11.5814 4.05594 10.0949C3.51573 8.59693 3.34798 7.2544 3.53761 6.24162L2.80042 6.10359L2.06323 5.96556C1.80686 7.33478 2.0531 8.96276 2.64489 10.6038C3.24084 12.2563 4.20787 13.9808 5.46701 15.5669L6.05442 15.1006ZM2.80042 6.10359L3.4488 6.48055C4.25039 5.10178 5.27065 4.08871 6.65189 3.27851L6.27242 2.63159L5.89295 1.98467C4.29418 2.92247 3.08645 4.1194 2.15203 5.72663L2.80042 6.10359ZM6.27242 2.63159L5.66605 3.07298L8.90605 7.52398L9.51242 7.08259L10.1188 6.6412L6.87878 2.1902L6.27242 2.63159ZM9.51242 7.08259L8.86237 6.7085L7.21937 9.5635L7.86942 9.93759L8.51946 10.3117L10.1625 7.45668L9.51242 7.08259ZM10.8094 14.2476L10.3401 14.8326C11.1719 15.4999 11.9814 15.9415 12.5849 16.2172C12.8873 16.3553 13.1397 16.4526 13.32 16.5163C13.4102 16.5482 13.4825 16.5718 13.5342 16.5879C13.56 16.5959 13.5807 16.6021 13.5959 16.6066C13.6035 16.6088 13.6098 16.6106 13.6146 16.612C13.617 16.6126 13.619 16.6132 13.6207 16.6137C13.6216 16.6139 13.6223 16.6141 13.623 16.6143C13.6233 16.6144 13.6237 16.6145 13.6239 16.6146C13.6241 16.6146 13.6243 16.6147 13.6244 16.6147C13.6246 16.6147 13.6247 16.6148 13.8234 15.8916C14.0221 15.1684 14.0223 15.1684 14.0224 15.1685C14.0225 15.1685 14.0227 15.1685 14.0228 15.1686C14.023 15.1686 14.0231 15.1687 14.0233 15.1687C14.0236 15.1688 14.0238 15.1689 14.024 15.1689C14.0242 15.169 14.0242 15.169 14.0237 15.1688C14.0229 15.1686 14.0207 15.168 14.0172 15.1669C14.0102 15.1649 13.9978 15.1612 13.9805 15.1558C13.9459 15.145 13.8915 15.1274 13.82 15.1021C13.6769 15.0515 13.466 14.9705 13.2082 14.8528C12.6915 14.6167 11.9939 14.2363 11.2787 13.6626L10.8094 14.2476ZM13.8234 15.8916L14.1978 16.5415L17.0518 14.8975L16.6774 14.2476L16.3031 13.5977L13.4491 15.2417L13.8234 15.8916ZM16.6774 14.2476L16.2323 14.8512L20.8423 18.2512L21.2874 17.6476L21.7326 17.044L17.1226 13.644L16.6774 14.2476ZM21.2874 17.6476L20.6328 17.2816C19.8435 18.6934 18.8614 19.6747 17.4499 20.4652L17.8164 21.1196L18.1829 21.774C19.8354 20.8485 21.0173 19.6678 21.9421 18.0136L21.2874 17.6476ZM17.8164 21.1196L17.7821 20.3704C14.232 20.5328 11.0184 18.956 8.51527 16.6527L8.00742 17.2046L7.49957 17.7565C10.2085 20.2492 13.7949 22.0544 17.8507 21.8688L17.8164 21.1196Z" fill={color || 'currentColor'}/>
+<path d="M4.01611 21.4154L18.6301 5.82642" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square" strokeLinejoin="round"/>
+  </svg>
+);
+IconlySharpBrokenCallSilentIcon.displayName = 'IconlySharpBrokenCallSilentIcon';
+
+export const IconlySharpBrokenCallIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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.0306 13.6689C11.8236 15.4609 13.8236 16.0089 13.8236 16.0089L16.6776 14.3659L21.2876 17.7659C20.4306 19.2989 19.3486 20.3799 17.8166 21.2379C8.6666 21.6569 1.8536 11.2829 2.8006 6.22188C3.6686 4.72888 4.7826 3.62388 6.2726 2.74988L9.5126 7.20088L7.8696 10.0549" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpBrokenCallIcon.displayName = 'IconlySharpBrokenCallIcon';
+
+export const IconlySharpBrokenCallingIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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.2476 2.74988C17.9486 3.16088 20.8726 6.08088 21.2876 9.78188" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square" strokeLinejoin="round"/>
+<path d="M14.2476 6.29285C16.0186 6.63685 17.4026 8.02185 17.7476 9.79285" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square" strokeLinejoin="round"/>
+<path d="M10.0304 13.6689C11.8234 15.4609 13.8234 16.0089 13.8234 16.0089L16.6774 14.3659L21.2874 17.7659C20.4304 19.2989 19.3484 20.3799 17.8164 21.2379C8.66635 21.6569 1.85335 11.2829 2.80035 6.22188C3.66835 4.72888 4.78235 3.62388 6.27235 2.74988L9.51235 7.20088L7.86935 10.0549" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpBrokenCallingIcon.displayName = 'IconlySharpBrokenCallingIcon';
+
+export const IconlySharpBrokenCameraIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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.14 20.0079H2.75V6.69794H7.228L8.959 3.99194H15.04L16.772 6.69794H21.25V20.0079H18.609" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M17.9271 10.5349H17.9361" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M8.82031 13.2139C8.82031 14.9699 10.2433 16.3929 11.9993 16.3929C13.7553 16.3929 15.1783 14.9699 15.1783 13.2139C15.1783 11.4579 13.7553 10.0349 11.9993 10.0349" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpBrokenCameraIcon.displayName = 'IconlySharpBrokenCameraIcon';
+
+export const IconlySharpBrokenCardIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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.551 4.96997H21.25V19.03H2.75V4.96997H13.191" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M6.83496 9.78296H21.25" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M14.8521 15.342H18.3271" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M10.6255 15.342H11.3735" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpBrokenCardIcon.displayName = 'IconlySharpBrokenCardIcon';
+
+export const IconlySharpBrokenCategoryIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path fillRule="evenodd" clipRule="evenodd" d="M2.60693 10.3931H9.60693V3.39307H2.60693V10.3931Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M18.2098 3.56545L21.3928 4.41845L19.5818 11.1794L12.8198 9.36845L14.6318 2.60645" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M2.60693 21.3936V14.3936H9.60693V21.3936H6.06793" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M13.6069 21.3931H20.6069V14.3931H13.6069V21.3931Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpBrokenCategoryIcon.displayName = 'IconlySharpBrokenCategoryIcon';
+
+export const IconlySharpBrokenChartIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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.16357 10.4277V16.4577" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square" strokeLinejoin="round"/>
+<path d="M12.0005 7.54248V16.4575" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square" strokeLinejoin="round"/>
+<path d="M16.8364 13.6143V16.4573" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square" strokeLinejoin="round"/>
+<path d="M12.345 21.25H21.25V2.75H2.75V21.25H8.094" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpBrokenChartIcon.displayName = 'IconlySharpBrokenChartIcon';
+
+export const IconlySharpBrokenChat2Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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.498 3.12526C12.612 2.24226 16.1 3.02626 18.548 5.47426C22.154 9.08026 22.147 14.9233 18.548 18.5223C16.693 20.3783 14.251 21.2763 11.825 21.2233C8.529 21.1523 2.75 21.2043 2.75 21.2043C2.75 21.2043 2.801 15.3573 2.798 12.0043C2.796 9.64226 3.696 7.28026 5.502 5.47426" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M8.31512 12.3813H8.21613" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M12.0495 12.3813H11.9505" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M15.7834 12.3813H15.6854" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpBrokenChat2Icon.displayName = 'IconlySharpBrokenChat2Icon';
+
+export const IconlySharpBrokenChatIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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.548 5.47365C22.154 9.07965 22.147 14.9226 18.548 18.5226C16.693 20.3776 14.251 21.2756 11.825 21.2236C8.529 21.1526 2.75 21.2036 2.75 21.2036L4.775 17.9756C4.775 17.9756 2.798 15.0387 2.798 12.0047C2.796 9.64165 3.696 7.27965 5.502 5.47465C7.751 3.22465 10.879 2.38065 13.788 2.94265" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M8.31512 12.3806H8.21613" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M12.0495 12.3806H11.9505" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M15.7834 12.3806H15.6854" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpBrokenChatIcon.displayName = 'IconlySharpBrokenChatIcon';
+
+export const IconlySharpBrokenCloseSquareIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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.4001 9.59424L9.6001 14.3862" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M14.4001 14.3893L9.6001 9.59229" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M16.952 19.814C19.536 18.173 21.25 15.287 21.25 12C21.25 6.891 17.11 2.75 12 2.75C6.89 2.75 2.75 6.891 2.75 12C2.75 17.108 6.89 21.25 12 21.25" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpBrokenCloseSquareIcon.displayName = 'IconlySharpBrokenCloseSquareIcon';
+
+export const IconlySharpBrokenDangerCircleIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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 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.75C14.911 2.75 17.509 4.095 19.205 6.198" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square" 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>
+);
+IconlySharpBrokenDangerCircleIcon.displayName = 'IconlySharpBrokenDangerCircleIcon';
+
+export const IconlySharpBrokenDangerTriangleIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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.616 15.1905L21.25 19.8135L20.887 20.2905H3.079L2.75 19.8135L11.929 3.70947H12.076L15.917 10.4525" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M12.0176 14.0163V11.2153" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M12.0101 16.8037H12.0191" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpBrokenDangerTriangleIcon.displayName = 'IconlySharpBrokenDangerTriangleIcon';
+
+export const IconlySharpBrokenDelete2Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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.4634 21.2498H5.53738L4.11938 6.45081H19.8804L18.8694 17.0118" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M16.4775 5.99712L15.4085 2.75012H8.59351" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M12.0012 11.3639V16.3359" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpBrokenDelete2Icon.displayName = 'IconlySharpBrokenDelete2Icon';
+
+export const IconlySharpBrokenDeleteIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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.81201 3H16.188" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M11.9995 12.25V16.903" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M8.01698 21.4998H5.95198L4.62598 7.65283H19.374L18.047 21.4998H11.971" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpBrokenDeleteIcon.displayName = 'IconlySharpBrokenDeleteIcon';
+
+export const IconlySharpBrokenDiscountIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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.65796 14.1344L14.133 9.65942" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square" strokeLinejoin="round"/>
+<path d="M14.0661 14.072H14.0741" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square" strokeLinejoin="round"/>
+<path d="M9.71501 9.71948H9.72201" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square" strokeLinejoin="round"/>
+<path d="M4.88424 14.6588C4.41024 13.6278 3.68624 12.7098 2.75024 11.9998C4.76924 10.4698 5.80424 7.96876 5.45924 5.45976C7.96924 5.80476 10.4692 4.76876 12.0002 2.74976C13.5312 4.76876 16.0312 5.80476 18.5412 5.45976C18.3682 6.71476 18.5412 7.96676 19.0092 9.09676" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M21.2497 12.0002C19.2307 13.5312 18.1957 16.0312 18.5407 18.5412C16.0307 18.1962 13.5307 19.2312 11.9997 21.2502C10.4687 19.2312 7.96874 18.1962 5.45874 18.5412" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpBrokenDiscountIcon.displayName = 'IconlySharpBrokenDiscountIcon';
+
+export const IconlySharpBrokenDiscoveryIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path fillRule="evenodd" clipRule="evenodd" d="M9.01611 14.9846L10.0871 10.0866L14.9841 9.01562L13.9131 13.9126L9.01611 14.9846Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M3.676 7.96C5.176 4.876 8.339 2.75 12 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 12" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpBrokenDiscoveryIcon.displayName = 'IconlySharpBrokenDiscoveryIcon';
+
+export const IconlySharpBrokenDocumentIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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.4416 9.229H8.37158" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square" strokeLinejoin="round"/>
+<path d="M10.6876 13.3931H8.37158" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square" strokeLinejoin="round"/>
+<path d="M14.596 21.25H3.62695V2.75H20.373V21.25" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpBrokenDocumentIcon.displayName = 'IconlySharpBrokenDocumentIcon';
+
+export const IconlySharpBrokenDownload1Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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.794 20.4828H2.75V9.05383H7.37" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M16.63 9.05383H21.25V20.4828H8.95898" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M12 17.4562V3.51721" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M7.40039 12.861C9.77039 12.861 12.0004 14.941 12.0004 17.456" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M16.6 12.861C14.23 12.861 12 14.941 12 17.456" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpBrokenDownload1Icon.displayName = 'IconlySharpBrokenDownload1Icon';
+
+export const IconlySharpBrokenDownloadIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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 15.9351V3.1571" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M8.73047 13.3949L12.0005 16.6849L15.2805 13.3949" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M16.63 9.41394H21.25V20.8429H2.75V9.41394H7.37" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpBrokenDownloadIcon.displayName = 'IconlySharpBrokenDownloadIcon';
+
+export const IconlySharpBrokenEditSquareIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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.93653 12.2823L12.9325 7.28625L16.7325 11.0873L6.56953 21.2503L2.77253 21.2473L2.76953 17.4493L5.54753 14.6713" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M12.0136 12.0127L10.2676 10.2667" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M21.2303 7.15588V21.2499H12.6943" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M2.76953 11.4466V2.74963H21.2305" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpBrokenEditSquareIcon.displayName = 'IconlySharpBrokenEditSquareIcon';
+
+export const IconlySharpBrokenEditIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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.101 2.75269L21 7.65269L7.899 20.7527L3.005 20.7487L3 15.8537L12.779 6.07469" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M20.3224 20.7478L11.4814 20.7468" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpBrokenEditIcon.displayName = 'IconlySharpBrokenEditIcon';
+
+export const IconlySharpBrokenEmojiIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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.75C17.109 2.75 21.25 6.891 21.25 12C21.25 17.109 17.109 21.25 12 21.25C6.891 21.25 2.75 17.109 2.75 12C2.75 8.832 4.342 6.036 6.77 4.369" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M16.248 12.5508C16.248 14.8968 14.346 16.7988 12 16.7988C9.65395 16.7988 7.75195 14.8968 7.75195 12.5508" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpBrokenEmojiIcon.displayName = 'IconlySharpBrokenEmojiIcon';
+
+export const IconlySharpBrokenFilter3Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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.851 3.40698H3V7.11098L9.75 13.998V20.593L14.25 18.834V13.998L21 7.11098V3.40698" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpBrokenFilter3Icon.displayName = 'IconlySharpBrokenFilter3Icon';
+
+export const IconlySharpBrokenFilterIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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.2451 7.25354H18.8871" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M9.26 7.19364C9.26 5.75164 8.083 4.58264 6.63 4.58264C5.178 4.58264 4 5.75164 4 7.19364C4 8.63564 5.178 9.80464 6.63 9.80464C8.083 9.80464 9.26 8.63564 9.26 7.19364Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M10.7553 16.8668H5.11328" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M14.7402 16.8055C14.7402 15.3635 15.9172 14.1945 17.3702 14.1945C18.8222 14.1945 20.0002 15.3635 20.0002 16.8055C20.0002 18.2475 18.8222 19.4175 17.3702 19.4175C15.9172 19.4175 14.7402 18.2475 14.7402 16.8055Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpBrokenFilterIcon.displayName = 'IconlySharpBrokenFilterIcon';
+
+export const IconlySharpBrokenFolderIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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.63232 15.0865H16.3673" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M15.873 20.3265H2.75V3.67346H9.713L11.975 6.45246H21.25V20.3265" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpBrokenFolderIcon.displayName = 'IconlySharpBrokenFolderIcon';
+
+export const IconlySharpBrokenGameIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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.64282 12.2319V15.8799" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M10.5025 14.0562H6.78052" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M14.9907 12.3433H14.8867" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M16.7563 15.8247H16.6523" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M7.57837 3C7.57837 3.721 8.17537 4.306 8.91137 4.306H9.94037C11.0754 4.31 11.9954 5.211 12.0004 6.324V7.031" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M19.9235 19.609C21.5965 18.347 22.6785 16.342 22.6785 14.084C22.6785 10.265 19.5815 7.16797 15.7625 7.16797H8.23753C4.41853 7.16797 1.32153 10.265 1.32153 14.084C1.32153 17.904 4.41853 21 8.23753 21H15.7625" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpBrokenGameIcon.displayName = 'IconlySharpBrokenGameIcon';
+
+export const IconlySharpBrokenGraphIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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.98999 18.9791C3.90499 17.8951 3.16699 16.5131 2.86799 15.0091C2.56899 13.5051 2.72199 11.9461 3.30899 10.5291C3.89599 9.11207 4.88999 7.90107 6.16499 7.04907C7.43999 6.19707 8.93899 5.74207 10.473 5.74207V13.4961H18.226C18.226 15.0301 17.772 16.5291 16.92 17.8041C16.068 19.0791 14.857 20.0731 13.44 20.6601C12.023 21.2471 10.464 21.4001 8.95999 21.1011" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M13.5271 10.5039V2.74988C15.5841 2.74988 17.5561 3.56688 19.0101 5.02088C20.4641 6.47488 21.2811 8.44788 21.2811 10.5039H17.2981" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpBrokenGraphIcon.displayName = 'IconlySharpBrokenGraphIcon';
+
+export const IconlySharpBrokenHeartIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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.2501 9.63568C21.2401 7.09968 19.9101 4.71468 17.2871 3.86968C15.4861 3.28868 13.5241 3.61168 12.0001 5.79968C10.4761 3.61168 8.51408 3.28868 6.71308 3.86968C4.09008 4.71468 2.76008 7.10068 2.75008 9.63668C2.72608 14.6807 7.83708 18.5397 11.9991 20.3847L12.0001 20.3837L12.0011 20.3847C14.7131 19.1827 17.8271 17.1257 19.6621 14.4437" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpBrokenHeartIcon.displayName = 'IconlySharpBrokenHeartIcon';
+
+export const IconlySharpBrokenHeart2Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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.8241 14.1987C20.7111 12.8257 21.2581 11.2947 21.2501 9.63568C21.2401 7.09968 19.9101 4.71468 17.2871 3.86968C15.4861 3.28868 13.5241 3.61168 12.0001 5.79968C10.4761 3.61168 8.51408 3.28868 6.71308 3.86968C4.09008 4.71568 2.76008 7.10068 2.75008 9.63668C2.72608 14.6807 7.83808 18.5397 12.0001 20.3847C13.7321 19.6167 15.6301 18.4997 17.2521 17.0947" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M15.7424 11.2906C14.9724 12.6136 13.6024 13.6836 12.0194 13.6556C10.4354 13.6836 9.06541 12.6136 8.29541 11.2906" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpBrokenHeart2Icon.displayName = 'IconlySharpBrokenHeart2Icon';
+
+export const IconlySharpBrokenHideIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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.32959C19.289 11.4576 15.806 13.9346 11.998 13.9346H12.002C8.194 13.9346 4.711 11.4576 2.75 7.32959" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M20.1775 12.7705L20.7015 13.3095" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M5.33121 11.1982L3.22021 13.3092" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M15.1774 16.5155L14.3324 13.6055" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M8.74293 16.5154L8.88793 15.8254" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpBrokenHideIcon.displayName = 'IconlySharpBrokenHideIcon';
+
+export const IconlySharpBrokenHome2Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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.4554 16.171H14.5774V21.25H20.4434V8.747L11.9004 2.75L3.5564 8.747V21.25H9.4554" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpBrokenHome2Icon.displayName = 'IconlySharpBrokenHome2Icon';
+
+export const IconlySharpBrokenHomeIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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.93408 11.3751L12.0001 2.75012L22.0661 11.3751" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M16.312 21.2498H19.91V10.1588" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M4.09277 10.1588V21.2498H11.8318" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M11.9995 12.7047V16.1127" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpBrokenHomeIcon.displayName = 'IconlySharpBrokenHomeIcon';
+
+export const IconlySharpBrokenImage3Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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.64729 6.51953C9.78229 6.52053 10.7023 7.44053 10.7033 8.57453C10.7033 9.71053 9.78329 10.6305 8.64729 10.6305C7.51329 10.6305 6.59229 9.71053 6.59229 8.57453" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square" strokeLinejoin="round"/>
+<path d="M5.26172 17.9028L7.14572 15.3978H7.25972L10.0857 17.9338H10.2907L14.6067 11.6528H14.7637L17.9367 16.1288" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M21.25 13.945V2.75H2.75V21.25H21.25V18.22" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpBrokenImage3Icon.displayName = 'IconlySharpBrokenImage3Icon';
+
+export const IconlySharpBrokenImageIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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.5161 18.1778L14.6261 11.6528H14.5301L11.5161 15.6538L8.17809 13.9698H8.06109L5.78809 18.1778L5.80809 18.2098H15.4541" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M8.50691 6.19189C9.56791 6.19289 10.4279 7.05089 10.4279 8.11189C10.4279 9.17289 9.56791 10.0329 8.50691 10.0329C7.44591 10.0329 6.58691 9.17289 6.58691 8.11189" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square" strokeLinejoin="round"/>
+<path d="M21.25 6.874V2.75H2.75V21.25H21.25V10.725" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpBrokenImageIcon.displayName = 'IconlySharpBrokenImageIcon';
+
+export const IconlySharpBrokenInfoSquareIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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 15.9995V11.9995" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square" strokeLinejoin="round"/>
+<path d="M11.9901 8.20361H12.0001" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square" strokeLinejoin="round"/>
+<path d="M21.25 9.962V2.75H2.75V21.25H21.25V14.277" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpBrokenInfoSquareIcon.displayName = 'IconlySharpBrokenInfoSquareIcon';
+
+export const IconlySharpBrokenLocation2Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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.3986 9.6002C14.3986 8.2742 13.3246 7.2002 11.9996 7.2002C10.6736 7.2002 9.59863 8.2742 9.59863 9.6002C9.59863 10.9252 10.6736 12.0002 11.9996 12.0002" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square" strokeLinejoin="round"/>
+<path d="M5.79383 5.71C7.05983 3.529 9.39383 2 11.9978 2C15.9738 2 19.3208 5.566 19.1978 9.574C19.0198 15.398 11.9978 18.301 11.9978 22C11.9978 18.397 4.97583 15.281 4.79883 9.574" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpBrokenLocation2Icon.displayName = 'IconlySharpBrokenLocation2Icon';
+
+export const IconlySharpBrokenLocationIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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.4867 10.8068C14.4867 9.43285 13.3737 8.31885 12.0007 8.31885C10.6267 8.31885 9.51367 9.43285 9.51367 10.8068C9.51367 12.1788 10.6267 13.2928 12.0007 13.2928" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square" strokeLinejoin="round"/>
+<path d="M11.9996 2.75C16.1196 2.75 19.5866 6.445 19.4596 10.597C19.2756 16.632 11.9996 21.25 11.9996 21.25C11.9996 21.25 4.7236 16.511 4.5406 10.597C4.4576 7.926 5.8626 5.445 7.9726 4.014" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpBrokenLocationIcon.displayName = 'IconlySharpBrokenLocationIcon';
+
+export const IconlySharpBrokenLockIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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.5607 9.23304V7.30104C16.5607 4.78804 14.5207 2.75004 12.0107 2.75004C9.50067 2.73904 7.45067 4.76704 7.44067 7.28104V7.30104V9.23304" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square" strokeLinejoin="round"/>
+<path d="M11.8606 14.2031V16.4241" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square" strokeLinejoin="round"/>
+<path d="M19.6099 21.25V9.37695H4.38989V21.25H14.5939" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpBrokenLockIcon.displayName = 'IconlySharpBrokenLockIcon';
+
+export const IconlySharpBrokenLogin1Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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.4827 10.0964V21.3214H9.05371V16.6964" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M9.05371 7.44702V2.82202H20.4827V6.11102" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M17.4571 12.072H3.51709" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M12.8608 16.667C12.8608 14.305 14.9408 12.072 17.4558 12.072" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M12.8608 7.47583C12.8608 9.83883 14.9408 12.0718 17.4558 12.0718" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpBrokenLogin1Icon.displayName = 'IconlySharpBrokenLogin1Icon';
+
+export const IconlySharpBrokenLoginIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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 12H3.15698" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M13.3962 15.2751L16.6852 12.0001L13.3962 8.72412" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M9.41382 7.375V2.75H20.8428V21.25H9.41382V16.625" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpBrokenLoginIcon.displayName = 'IconlySharpBrokenLoginIcon';
+
+export const IconlySharpBrokenLogout1Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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="M2.27515 13.9525V2.82153H12.7991V7.44653" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M12.7991 16.697V21.322H2.27515V18.021" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M21.7249 12.073H7.78491" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M17.1287 7.47681C17.1287 9.83981 19.2097 12.0728 21.7237 12.0728" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M17.1287 16.668C17.1287 14.306 19.2097 12.073 21.7237 12.073" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpBrokenLogout1Icon.displayName = 'IconlySharpBrokenLogout1Icon';
+
+export const IconlySharpBrokenLogoutIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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.7687 12H7.99072" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M18.229 8.7251L21.519 12.0001L18.229 15.2761" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M13.005 16.625V21.25H2.48096V2.75H13.005V7.375" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpBrokenLogoutIcon.displayName = 'IconlySharpBrokenLogoutIcon';
+
+export const IconlySharpBrokenMessageIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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.8039 8.85107L12.0399 13.5351L6.2749 8.85107" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M6.438 21H2V3H22V21H10.698" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpBrokenMessageIcon.displayName = 'IconlySharpBrokenMessageIcon';
+
+export const IconlySharpBrokenMoreCircleIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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.21876 14.3125C8.13376 14.3125 9.68776 15.8655 9.68776 17.7815C9.68776 19.6965 8.13376 21.2495 6.21876 21.2495C4.30276 21.2495 2.74976 19.6965 2.74976 17.7815C2.74976 15.8655 4.30276 14.3125 6.21876 14.3125Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square" strokeLinejoin="round"/>
+<path d="M17.7813 21.25C15.8653 21.25 14.3123 19.697 14.3123 17.781C14.3123 15.866 15.8663 14.313 17.7813 14.313C19.6973 14.313 21.2503 15.865 21.2503 17.781" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square" strokeLinejoin="round"/>
+<path d="M12 2.75C13.915 2.75 15.469 4.303 15.469 6.219C15.469 8.134 13.915 9.687 12 9.687C10.084 9.687 8.53101 8.134 8.53101 6.219" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square" strokeLinejoin="round"/>
+  </svg>
+);
+IconlySharpBrokenMoreCircleIcon.displayName = 'IconlySharpBrokenMoreCircleIcon';
+
+export const IconlySharpBrokenMoreSquareIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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.9403 12.0127H15.9493" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square" strokeLinejoin="round"/>
+<path d="M11.9301 12.0127H11.9391" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square" strokeLinejoin="round"/>
+<path d="M7.92128 12.0127H7.93028" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square" strokeLinejoin="round"/>
+<path d="M13.78 21.25H21.25V2.75H2.75V21.25H8.21" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpBrokenMoreSquareIcon.displayName = 'IconlySharpBrokenMoreSquareIcon';
+
+export const IconlySharpBrokenNotification2Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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.19946 15.2885V17.9925H19.8005V15.2885L18.1875 13.6535V10.0735" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M12.0007 2.8855C8.58274 2.8855 5.81274 5.6555 5.81274 9.0735V13.6535" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M15.1672 17.9924V18.2184C15.1672 19.9674 13.7502 21.3854 12.0012 21.3854C10.2522 21.3854 8.83423 19.9674 8.83423 18.2184V17.9924" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M18.6834 4.9595C18.6834 6.2545 17.6334 7.3045 16.3384 7.3045C15.0434 7.3045 13.9944 6.2545 13.9944 4.9595C13.9944 3.6645 15.0434 2.6145 16.3384 2.6145" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpBrokenNotification2Icon.displayName = 'IconlySharpBrokenNotification2Icon';
+
+export const IconlySharpBrokenNotification3Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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.2506 4.158V4.908H12.7506V4.158H12.0006H11.2506ZM12.7506 2V1.25H11.2506V2H12.0006H12.7506ZM19.0586 13.26V12.51H17.5586V13.26H18.3086H19.0586ZM19.9526 18.541V19.291H21.3801L20.5702 18.1155L19.9526 18.541ZM4.04761 18.541L3.43019 18.1152L2.61933 19.291H4.04761V18.541ZM17.4925 9.60433L17.6079 10.3454L19.09 10.1147L18.9747 9.37367L18.2336 9.489L17.4925 9.60433ZM12.0006 4.158H12.7506V2H12.0006H11.2506V4.158H12.0006ZM18.3086 13.26H17.5586C17.5586 15.2982 18.1789 17.2886 19.335 18.9665L19.9526 18.541L20.5702 18.1155C19.5863 16.6874 19.0586 14.9938 19.0586 13.26H18.3086ZM19.9526 18.541V17.791H4.04761V18.541V19.291H19.9526V18.541ZM4.04761 18.541L4.66502 18.9668C5.82244 17.2885 6.44161 15.298 6.44161 13.26H5.69161H4.94161C4.94161 14.994 4.41477 16.6875 3.43019 18.1152L4.04761 18.541ZM5.69161 13.26H6.44161V10.467H5.69161H4.94161V13.26H5.69161ZM5.69161 10.467H6.44161C6.44161 7.39714 8.9299 4.908 12.0006 4.908V4.158V3.408C8.10132 3.408 4.94161 6.56886 4.94161 10.467H5.69161ZM12.0006 4.158V4.908C14.7762 4.908 17.0785 6.94394 17.4925 9.60433L18.2336 9.489L18.9747 9.37367C18.4487 5.99406 15.527 3.408 12.0006 3.408V4.158Z" fill={color || 'currentColor'}/>
+<path d="M15.2302 18.541V18.771C15.2302 20.554 13.7842 22 12.0012 22C10.2182 22 8.77319 20.554 8.77319 18.771V18.541" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpBrokenNotification3Icon.displayName = 'IconlySharpBrokenNotification3Icon';
+
+export const IconlySharpBrokenNotificationIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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.1875 13.518L19.8005 17.857H4.19946L5.81246 13.518V8.937C5.81246 5.52 8.58246 2.75 12.0005 2.75C15.4175 2.75 18.1875 5.52 18.1875 8.937" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M15.1672 17.8569V18.0829C15.1672 19.8319 13.7502 21.2499 12.0012 21.2499C10.2522 21.2499 8.83423 19.8319 8.83423 18.0829V17.8569" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpBrokenNotificationIcon.displayName = 'IconlySharpBrokenNotificationIcon';
+
+export const IconlySharpBrokenPaperDownload1Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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.61395 21.25H19.675V8.068L14.568 2.75H4.32495V21.25" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M14.092 5.30371V8.64971H19.199" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M10.863 17.533V9.68701" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M8.27612 14.9458C9.60612 14.9458 10.8631 16.1168 10.8631 17.5328" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M13.45 14.9458C12.12 14.9458 10.863 16.1168 10.863 17.5328" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpBrokenPaperDownload1Icon.displayName = 'IconlySharpBrokenPaperDownload1Icon';
+
+export const IconlySharpBrokenPaperDownloadIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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.95195 21.25H19.675V8.068L14.568 2.75H4.32495V21.25" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M14.0916 5.30469V8.64969H19.1986" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M10.8635 16.3273V10.2383" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M13.2273 14.521L10.8633 16.895L8.49927 14.521" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpBrokenPaperDownloadIcon.displayName = 'IconlySharpBrokenPaperDownloadIcon';
+
+export const IconlySharpBrokenPaperFailIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path d="M13.1559 15.8324L9.66187 12.3384" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square" strokeLinejoin="round"/>
+<path d="M9.66382 15.8324L13.1578 12.3384" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square" strokeLinejoin="round"/>
+<path d="M8.32195 21.25H19.675V8.068L14.568 2.75H4.32495V21.25" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M14.092 5.30469V8.64969H19.199" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpBrokenPaperFailIcon.displayName = 'IconlySharpBrokenPaperFailIcon';
+
+export const IconlySharpBrokenPaperNegativeIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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.0923 14.4111H9.15234" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square" strokeLinejoin="round"/>
+<path d="M7.87971 21.25H19.6747V8.068L14.5677 2.75H4.32471V21.25" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M14.0913 5.30469V8.64969H19.1983" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpBrokenPaperNegativeIcon.displayName = 'IconlySharpBrokenPaperNegativeIcon';
+
+export const IconlySharpBrokenPaperPlusIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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.0916 14.4111H9.15259" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square" strokeLinejoin="round"/>
+<path d="M11.6223 16.8809V11.9419" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square" strokeLinejoin="round"/>
+<path d="M7.66195 21.25H19.675V8.068L14.568 2.75H4.32495V21.25" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M14.0916 5.30469V8.64969H19.1986" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpBrokenPaperPlusIcon.displayName = 'IconlySharpBrokenPaperPlusIcon';
+
+export const IconlySharpBrokenPaperUpload1Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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.66095 21.25H19.675V8.068L14.568 2.75H4.32495V21.25" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M14.0935 5.30371V8.64971H19.2005" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M10.8645 10.481V18.327" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M8.27759 13.068C9.60759 13.068 10.8646 11.896 10.8646 10.481" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M13.4515 13.068C12.1215 13.068 10.8645 11.896 10.8645 10.481" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpBrokenPaperUpload1Icon.displayName = 'IconlySharpBrokenPaperUpload1Icon';
+
+export const IconlySharpBrokenPaperUploadIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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.11395 21.25H19.675V8.068L14.568 2.75H4.32495V21.25" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M14.092 5.30469V8.64969H19.2" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M10.864 10.8057V16.8947" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M13.2277 12.6118L10.8637 10.2378L8.50073 12.6118" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpBrokenPaperUploadIcon.displayName = 'IconlySharpBrokenPaperUploadIcon';
+
+export const IconlySharpBrokenPaperIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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.0932 16.2866H8.64917" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square" strokeLinejoin="round"/>
+<path d="M12.0312 12.5039H8.64819" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square" strokeLinejoin="round"/>
+<path d="M8.19095 21.25H19.675V8.068L14.568 2.75H4.32495V21.25" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M14.092 5.30469V8.64969H19.199" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpBrokenPaperIcon.displayName = 'IconlySharpBrokenPaperIcon';
+
+export const IconlySharpBrokenPasswordIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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.6924 12H17.0104V13.852" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M14.1826 13.852V12" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M9.595 21.25H21.25V2.75H2.75V21.25H4.946" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpBrokenPasswordIcon.displayName = 'IconlySharpBrokenPasswordIcon';
+
+export const IconlySharpBrokenPlayIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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 12C21.25 17.109 17.108 21.25 12 21.25C6.891 21.25 2.75 17.109 2.75 12C2.75 6.891 6.891 2.75 12 2.75C15.193 2.75 18.008 4.368 19.67 6.828" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square" strokeLinejoin="round"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M14.9211 11.9948L10.4141 9.13281V14.8568L14.9211 11.9948Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpBrokenPlayIcon.displayName = 'IconlySharpBrokenPlayIcon';
+
+export const IconlySharpBrokenPlusIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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 8.32764V15.6536" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square" strokeLinejoin="round"/>
+<path d="M15.667 11.9907H8.33398" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square" strokeLinejoin="round"/>
+<path d="M21.25 14.113V2.75H2.75V21.25H21.25V18.159" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpBrokenPlusIcon.displayName = 'IconlySharpBrokenPlusIcon';
+
+export const IconlySharpBrokenProfileIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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 21.2496C9.42303 21.2566 7.00803 20.7746 4.95703 19.5236C5.97603 16.3016 8.74003 14.8106 12 14.8186C15.256 14.8106 18.025 16.3056 19.043 19.5236C17.893 20.2256 16.627 20.6856 15.284 20.9526" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M11.9649 2.75024C14.4059 2.75024 16.3849 4.72924 16.3849 7.17024C16.3849 9.61124 14.4059 11.5892 11.9649 11.5892C9.52392 11.5892 7.54492 9.61124 7.54492 7.17024C7.54492 6.31824 7.78592 5.52324 8.20292 4.84824" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpBrokenProfileIcon.displayName = 'IconlySharpBrokenProfileIcon';
+
+export const IconlySharpBrokenQRIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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.0558 3.22778V10.0338H3.24976V3.22778H6.38176" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M20.7501 20.7271H13.9441V13.9211H20.7501V17.6411" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M16.3751 3.97778H17.1251V2.47778H16.3751V3.22778V3.97778ZM13.9451 3.22778V2.47778H13.1951V3.22778H13.9451ZM13.1951 7.34778V8.09778H14.6951V7.34778H13.9451H13.1951ZM20.0001 4.92878V5.67878H21.5001V4.92878H20.7501H20.0001ZM20.7501 3.22778H21.5001V2.47778H20.7501V3.22778ZM19.0491 2.47778H18.2991V3.97778H19.0491V3.22778V2.47778ZM21.5001 7.60278V6.85278H20.0001V7.60278H20.7501H21.5001ZM20.7501 10.0328V10.7828H21.5001V10.0328H20.7501ZM19.0491 9.28278H18.2991V10.7828H19.0491V10.0328V9.28278ZM13.9451 9.28278H13.1951V10.7828H13.9451V10.0328V9.28278ZM16.1651 10.7828H16.9151V9.28278H16.1651V10.0328V10.7828ZM16.3751 3.22778V2.47778H13.9451V3.22778V3.97778H16.3751V3.22778ZM13.9451 3.22778H13.1951V7.34778H13.9451H14.6951V3.22778H13.9451ZM20.7501 4.92878H21.5001V3.22778H20.7501H20.0001V4.92878H20.7501ZM20.7501 3.22778V2.47778H19.0491V3.22778V3.97778H20.7501V3.22778ZM20.7501 7.60278H20.0001V10.0328H20.7501H21.5001V7.60278H20.7501ZM20.7501 10.0328V9.28278H19.0491V10.0328V10.7828H20.7501V10.0328ZM13.9451 10.0328V10.7828H16.1651V10.0328V9.28278H13.9451V10.0328Z" fill={color || 'currentColor'}/>
+<path d="M16.2673 5.59253V7.81153H18.0963" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M18.6936 5.58265V5.59265" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M6.6521 6.58163V6.67863" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M6.6521 17.2755V17.3725" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M17.3474 17.2755V17.3725" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M3.24976 20.7271V13.9211H10.0558V20.7271L6.76476 20.7721" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpBrokenQRIcon.displayName = 'IconlySharpBrokenQRIcon';
+
+export const IconlySharpBrokenScanIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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.462 12.7854H2" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M22.0002 12.7854H15.0552" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M20.2186 8.77552V3.78052H15.5156" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M3.78125 8.77552V3.78052H8.51325" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M20.2186 12.7844V20.2194H15.5156" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M3.78125 12.7844V20.2194H8.51325" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpBrokenScanIcon.displayName = 'IconlySharpBrokenScanIcon';
+
+export const IconlySharpBrokenSearchIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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="M2.95972 10.789C2.95972 6.349 6.55872 2.75 10.9987 2.75C15.4377 2.75 19.0367 6.349 19.0367 10.789C19.0367 15.229 15.4377 18.828 10.9987 18.828C8.08572 18.828 5.53472 17.279 4.12472 14.96" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M18.6345 18.856L21.0405 21.25" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpBrokenSearchIcon.displayName = 'IconlySharpBrokenSearchIcon';
+
+export const IconlySharpBrokenSendIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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.7769 14.6461L15.8089 21.3151H15.7839L10.5429 13.4731L2.7019 8.23306V8.20406L21.2659 2.68506L21.2979 2.71806L18.9339 10.7271" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M10.7898 13.2853L15.2318 8.84326" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpBrokenSendIcon.displayName = 'IconlySharpBrokenSendIcon';
+
+export const IconlySharpBrokenSetting2Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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.0014 14.85C10.4274 14.85 9.15137 13.574 9.15137 12C9.15137 10.426 10.4274 9.15002 12.0014 9.15002C13.5754 9.15002 14.8514 10.426 14.8514 12" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square" strokeLinejoin="round"/>
+<path d="M7 3.33997H17L22 12L17 20.66H7L2 12L5.066 6.68897" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpBrokenSetting2Icon.displayName = 'IconlySharpBrokenSetting2Icon';
+
+export const IconlySharpBrokenSettingIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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.3532 13.5375C15.5682 13.0695 15.6882 12.5485 15.6882 12.0005C15.6882 9.9635 14.0372 8.3125 12.0002 8.3125C9.96423 8.3125 8.31323 9.9635 8.31323 12.0005C8.31323 14.0375 9.96423 15.6885 12.0002 15.6885" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M2.78198 9.466V14.535L5.63498 15.676L5.19698 18.716L9.58698 21.25L12.001 19.351L14.414 21.25L18.804 18.716L18.366 15.675L21.218 14.535V9.466L18.367 8.325L18.805 5.285L14.415 2.75L12.001 4.65L9.58598 2.75L5.19598 5.285L5.63398 8.325" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpBrokenSettingIcon.displayName = 'IconlySharpBrokenSettingIcon';
+
+export const IconlySharpBrokenShieldDoneIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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.38647 10.6959L11.2785 12.5909L15.1765 8.69092" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M7.54457 3H4.13257V12.05C4.13257 18.618 12.0006 21 12.0006 21C12.0006 21 19.8676 18.618 19.8676 12.05V3H12.2076" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpBrokenShieldDoneIcon.displayName = 'IconlySharpBrokenShieldDoneIcon';
+
+export const IconlySharpBrokenShieldFailIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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.9055 13.02L10.0515 9.16602" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square" strokeLinejoin="round"/>
+<path d="M10.0515 13.02L13.9055 9.16602" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square" strokeLinejoin="round"/>
+<path d="M7.54457 3H4.13257V12.05C4.13257 18.618 12.0006 21 12.0006 21C12.0006 21 19.8676 18.618 19.8676 12.05V3H12.2076" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpBrokenShieldFailIcon.displayName = 'IconlySharpBrokenShieldFailIcon';
+
+export const IconlySharpBrokenShowIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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.9994 10.5599C13.7454 10.5599 15.1614 11.9749 15.1614 13.7219C15.1614 15.4679 13.7454 16.8829 11.9994 16.8829C10.2534 16.8829 8.83838 15.4679 8.83838 13.7219" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M21.25 13.7211C19.289 9.59307 15.806 7.11707 11.998 7.11707H12.002C8.194 7.11707 4.711 9.59307 2.75 13.7211" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpBrokenShowIcon.displayName = 'IconlySharpBrokenShowIcon';
+
+export const IconlySharpBrokenStar2Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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.9998 2.75V21.25" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M6.90576 12H2.74976" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M21.2502 12H12.0242" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M12.0237 11.9761L5.45972 18.5411" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M18.5411 5.45898L15.9441 8.05598" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M18.5407 18.54L5.45972 5.45898" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpBrokenStar2Icon.displayName = 'IconlySharpBrokenStar2Icon';
+
+export const IconlySharpBrokenStar3Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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.327 10.5482L21.25 12.0002L14.5 14.4982L12 21.2502L9.5 14.4982" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M6.424 13.3599L2.75 11.9999L9.5 9.50188L12 2.74988L14.5 9.50188" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpBrokenStar3Icon.displayName = 'IconlySharpBrokenStar3Icon';
+
+export const IconlySharpBrokenStar4Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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="M6.476 13.9848C5.341 13.1658 4.091 12.4958 2.75 11.9998C7.04 10.4138 10.41 7.03576 12 2.74976C12.766 4.81576 13.946 6.66976 15.443 8.21476" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M17.6221 10.0852C18.7311 10.8722 19.9481 11.5182 21.2501 12.0002C16.9601 13.5862 13.5901 16.9652 12.0001 21.2502C11.1671 19.0052 9.84613 17.0102 8.16113 15.3902" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpBrokenStar4Icon.displayName = 'IconlySharpBrokenStar4Icon';
+
+export const IconlySharpBrokenStar5Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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="M6.55995 20.3669L8.63995 13.9749L3.19995 10.0249H9.91995L12 3.63293L14.08 10.0249" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M17.1479 10.025H20.7999L15.3599 13.975L17.4399 20.367L11.9999 16.416L9.45288 18.266" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpBrokenStar5Icon.displayName = 'IconlySharpBrokenStar5Icon';
+
+export const IconlySharpBrokenStar6Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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.8662 15.866L20.0102 16.625L15.5302 12L20.0102 7.375L13.7702 8.94L12.0002 2.75L10.2302 8.94" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M7.74999 8.318L3.98999 7.375L8.46999 12L3.98999 16.625L10.23 15.06L12 21.25L13.77 15.06" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpBrokenStar6Icon.displayName = 'IconlySharpBrokenStar6Icon';
+
+export const IconlySharpBrokenStar7Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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.3 13.9471L2.75 12.0001L7.3 10.0531L5.46 5.45912L10.05 7.30012L12 2.75012L13.95 7.30012L18.54 5.45912L16.7 10.0531L21.25 12.0001" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M16.7 13.9469L18.54 18.5409L13.95 16.6999L12 21.2499L10.05 16.6999L5.45996 18.5409" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpBrokenStar7Icon.displayName = 'IconlySharpBrokenStar7Icon';
+
+export const IconlySharpBrokenStarIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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.88 16.804C8.152 14.471 5.655 12.749 2.75 12C7.287 10.83 10.83 7.287 12 2.75C13.17 7.287 16.713 10.83 21.25 12C16.713 13.17 13.17 16.713 12 21.25" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square" strokeLinejoin="bevel"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M18.75 2.75C18.75 3.898 20.07 5.248 21.249 5.248C20.024 5.248 18.75 6.585 18.75 7.747C18.75 6.578 17.397 5.248 16.252 5.248C17.442 5.248 18.75 3.898 18.75 2.75" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBrokenStarIcon.displayName = 'IconlySharpBrokenStarIcon';
+
+export const IconlySharpBrokenSwapIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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.6504 20.1498V6.21082" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M12.0605 15.5546C14.4205 15.5546 16.6505 17.6356 16.6505 20.1506" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M21.2502 15.5547C20.4742 15.5547 19.7102 15.7797 19.0352 16.1717" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M7.35059 3.84998V17.789" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M2.75 8.44557C3.497 8.44557 4.233 8.23657 4.889 7.87157" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M11.9406 8.44549C9.58059 8.44549 7.35059 6.36449 7.35059 3.84949" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpBrokenSwapIcon.displayName = 'IconlySharpBrokenSwapIcon';
+
+export const IconlySharpBrokenTickSquareIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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.37012 11.2584C10.4601 12.5794 12.0201 14.9394 12.0201 14.9394H12.0501C12.0501 14.9394 15.3701 9.0714 21.5301 5.4624" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M16.6087 4.14549C15.1907 3.26149 13.5147 2.75049 11.7197 2.75049C6.60973 2.75049 2.46973 6.89149 2.46973 11.9995C2.46973 17.1085 6.60973 21.2495 11.7197 21.2495C16.8297 21.2495 20.9697 17.1085 20.9697 11.9995C20.9697 10.1265 20.4137 8.38249 19.4557 6.92649" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpBrokenTickSquareIcon.displayName = 'IconlySharpBrokenTickSquareIcon';
+
+export const IconlySharpBrokenTicketStarIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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.011 4.59998H2.75V10.09C3.865 10.09 4.763 10.899 4.763 12.001C4.763 13.102 3.865 13.989 2.75 13.989V19.4H21.25V13.989C20.135 13.989 19.237 13.102 19.237 12.001C19.237 10.899 20.135 10.012 21.25 10.012V4.59998H13.891" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M11.9995 8.67322L12.9835 10.5372L15.0595 10.8972L13.5905 12.4082L13.8905 14.4942L11.9995 13.5642L10.1085 14.4942L10.4085 12.4082L8.93945 10.8972L11.0165 10.5372L11.9995 8.67322Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpBrokenTicketStarIcon.displayName = 'IconlySharpBrokenTicketStarIcon';
+
+export const IconlySharpBrokenTicketIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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.7109 4.83191V7.07091" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M13.7109 17.328V19.2" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M13.7109 14.4291V9.97009" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M5.686 4.59998H2.75V10.09C3.865 10.09 4.763 10.9 4.763 12.001C4.763 13.103 3.865 13.99 2.75 13.99V19.4H21.25V13.99C20.135 13.99 19.237 13.103 19.237 12.001C19.237 10.9 20.135 10.012 21.25 10.012V4.59998H10.032" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpBrokenTicketIcon.displayName = 'IconlySharpBrokenTicketIcon';
+
+export const IconlySharpBrokenTimeCircleIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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.659 20.17C4.738 18.615 2.75 15.54 2.75 12C2.75 6.891 6.891 2.75 12 2.75C17.109 2.75 21.25 6.891 21.25 12C21.25 17.109 17.109 21.25 12 21.25" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M15.4321 14.9417L11.6621 12.6927V7.8457" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpBrokenTimeCircleIcon.displayName = 'IconlySharpBrokenTimeCircleIcon';
+
+export const IconlySharpBrokenTimeSquareIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path d="M15.391 14.0178L12 11.9948V7.63379" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square" strokeLinejoin="round"/>
+<path d="M10.207 21.25H21.25V2.75H2.75V21.25H5.608" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpBrokenTimeSquareIcon.displayName = 'IconlySharpBrokenTimeSquareIcon';
+
+export const IconlySharpBrokenUnlockIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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.44067 9.23304V7.30104V7.28104C7.45067 4.76704 9.50067 2.73904 12.0107 2.75004C13.3207 2.75004 14.5007 3.30304 15.3307 4.18804" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square" strokeLinejoin="round"/>
+<path d="M11.8606 14.2031V16.4241" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square" strokeLinejoin="round"/>
+<path d="M8.36789 21.25H19.6099V9.37695H4.38989V21.25" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpBrokenUnlockIcon.displayName = 'IconlySharpBrokenUnlockIcon';
+
+export const IconlySharpBrokenUpload1Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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.56276 21.7244H2.74976V11.2004H7.36976" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M16.6302 11.2004H21.2502V21.7244H9.48218" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M11.9998 2.27563V16.2146" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M7.40991 6.87163C9.76991 6.87163 11.9999 4.79063 11.9999 2.27563" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M16.5998 6.87163C14.2298 6.87163 11.9998 4.79063 11.9998 2.27563" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpBrokenUpload1Icon.displayName = 'IconlySharpBrokenUpload1Icon';
+
+export const IconlySharpBrokenUploadIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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 3.23047V16.0085" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M8.73047 5.77045L12.0005 2.48145L15.2805 5.77045" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M16.63 10.9946H21.25V21.5186H2.75V10.9946H7.37" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpBrokenUploadIcon.displayName = 'IconlySharpBrokenUploadIcon';
+
+export const IconlySharpBrokenVideoIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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.22076 18.875H1.99976V5.125H16.4848V18.875H9.05376" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M19.2251 7.87663L22.0001 5.99463V18.0046L17.0061 14.3866" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M9.15796 9.08643H12.363" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpBrokenVideoIcon.displayName = 'IconlySharpBrokenVideoIcon';
+
+export const IconlySharpBrokenVoice3Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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.5383 6.83398H15.6903" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M12.4583 10.4448H15.6933" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M11.9983 21.5V18.729" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M11.999 15.098C9.95796 15.098 8.30396 13.437 8.30396 11.387V6.213C8.30396 4.163 9.95796 2.5 11.999 2.5C14.041 2.5 15.695 4.163 15.695 6.213V11.387C15.695 13.437 14.041 15.098 11.999 15.098Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square" strokeLinejoin="round"/>
+<path d="M19.2779 11.416C19.2779 15.455 16.0199 18.729 11.9989 18.729C7.97992 18.729 4.72192 15.455 4.72192 11.416" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpBrokenVoice3Icon.displayName = 'IconlySharpBrokenVoice3Icon';
+
+export const IconlySharpBrokenVoiceIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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.27979 21.25H14.7198" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M12.0005 21.2499V16.8599" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M20.5049 11.7499V7.35986" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M3.49512 11.7499V7.35986" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M16.2858 12.556C16.2858 14.933 14.3678 16.86 11.9998 16.86C9.63384 16.86 7.71484 14.933 7.71484 12.556V6.556C7.71484 4.178 9.63384 2.25 11.9998 2.25C14.3678 2.25 16.2858 4.178 16.2858 6.556V8.747" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square" strokeLinejoin="round"/>
+  </svg>
+);
+IconlySharpBrokenVoiceIcon.displayName = 'IconlySharpBrokenVoiceIcon';
+
+export const IconlySharpBrokenVolumeDownIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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.314 7.99536C19.74 10.4854 19.74 13.5254 18.314 16.0074" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M8.99895 8.06406L13.1249 4.48706H13.9009V19.5131H13.1249L8.99895 15.9361H4.61895C4.61595 13.3121 4.61595 10.6881 4.61895 8.06406" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpBrokenVolumeDownIcon.displayName = 'IconlySharpBrokenVolumeDownIcon';
+
+export const IconlySharpBrokenVolumeOffIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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.79436 8.39035L11.9204 4.81335H12.6964V19.8384H11.9204L7.79436 16.2624H3.41436C3.41136 13.6384 3.41136 11.0144 3.41436 8.39035" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M20.5871 14.0591L17.1211 10.5931" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square" strokeLinejoin="round"/>
+<path d="M17.1221 14.0591L20.5881 10.5931" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square" strokeLinejoin="round"/>
+  </svg>
+);
+IconlySharpBrokenVolumeOffIcon.displayName = 'IconlySharpBrokenVolumeOffIcon';
+
+export const IconlySharpBrokenVolumeUpIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path d="M19.168 5.37524C21.939 9.36524 21.949 14.6282 19.168 18.6252" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M16.4473 7.99536C17.8723 10.4854 17.8723 13.5254 16.4473 16.0074" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M7.1325 8.06406L11.2585 4.48706H12.0345V19.5131H11.2585L7.1325 15.9361H2.7515C2.7495 13.3121 2.7495 10.6881 2.7515 8.06406" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpBrokenVolumeUpIcon.displayName = 'IconlySharpBrokenVolumeUpIcon';
+
+export const IconlySharpBrokenWalletIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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.7819 16.7098H17.5559C16.0599 16.7088 14.8479 15.6058 14.8469 14.2438C14.8469 12.8828 16.0599 11.7788 17.5559 11.7788H21.6299" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M6.24438 21.2501H2.36938V5.72607H21.6304V21.2501H10.3524" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M18.9984 2.751L2.36938 2.75V21.25" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M6.93481 10.2939H12.3678" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpBrokenWalletIcon.displayName = 'IconlySharpBrokenWalletIcon';
+
+export const IconlySharpBrokenWorkIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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.0049 17.2261V14.6891" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M4.85888 13.396C4.10888 13.101 3.40488 12.76 2.75488 12.38V5.88H21.2449V12.38C18.7849 13.82 15.5349 14.69 11.9949 14.69C10.7009 14.69 9.44588 14.573 8.25588 14.355" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M15.5049 5.61093L14.5049 3.29993H9.50488L8.50488 5.61093" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M17.998 20.7H21.035L21.225 15.193" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M2.78516 15.193L2.97516 20.7H14.1822" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpBrokenWorkIcon.displayName = 'IconlySharpBrokenWorkIcon';
+