@winplaybox/icons 0.1.0 → 0.2.0

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

@@ -1,1123 +1,1123 @@
-import React from 'react';
-import { IconProps } from '../../../types';
-
-export const IconlySharpOutline2UserIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} 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.48137 3.86572C7.55046 3.86572 5.98535 5.43016 5.98535 7.36049C5.98535 9.29082 7.55046 10.8553 9.48137 10.8553C11.4109 10.8553 12.9761 9.29097 12.9761 7.36049C12.9761 5.43001 11.4109 3.86572 9.48137 3.86572ZM4.48535 7.36049C4.48535 4.60115 6.72261 2.36572 9.48137 2.36572C12.239 2.36572 14.4761 4.6013 14.4761 7.36049C14.4761 10.1197 12.239 12.3553 9.48137 12.3553C6.72261 12.3553 4.48535 10.1198 4.48535 7.36049Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M16.0596 5.41602C15.3271 5.41602 14.6693 5.73084 14.2124 6.2348L13.7085 6.79038L12.5974 5.78275L13.1012 5.22717C13.8306 4.42277 14.8865 3.91602 16.0596 3.91602C18.2632 3.91602 20.0509 5.70243 20.0509 7.90729C20.0509 10.1121 18.2632 11.8986 16.0596 11.8986C14.6521 11.8986 13.4151 11.1698 12.7052 10.0723L12.2979 9.44256L13.5574 8.62791L13.9647 9.25767C14.4098 9.94576 15.182 10.3986 16.0596 10.3986C17.4351 10.3986 18.5509 9.28343 18.5509 7.90729C18.5509 6.53115 17.4351 5.41602 16.0596 5.41602Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M3.67335 18.8865C5.37581 19.7746 7.35641 20.1389 9.51224 20.1336H9.5159C11.6717 20.1389 13.6523 19.7746 15.3547 18.8866C14.3712 16.568 12.1938 15.4501 9.51599 15.4569H9.51215C6.83097 15.4501 4.65704 16.5654 3.67335 18.8865ZM9.51406 13.9569C6.14367 13.9489 3.13614 15.5175 2.03489 18.9999L1.85764 19.5604L2.3596 19.8664C4.48276 21.1607 6.94981 21.6396 9.51407 21.6336C12.0783 21.6396 14.5454 21.1607 16.6685 19.8664L17.1705 19.5604L16.9932 18.9999C15.8931 15.5209 12.8811 13.9489 9.51406 13.9569Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M16.0834 14.266C14.7186 14.2625 13.5571 14.6535 12.7404 15.4051L12.1886 15.913L11.1728 14.8093L11.7247 14.3014C12.8837 13.2347 14.4423 12.7622 16.0853 12.766C18.7131 12.7599 21.0964 13.9924 21.9654 16.7406L22.1427 17.3011L21.6407 17.6071C19.9828 18.6178 18.0633 18.9873 16.0835 18.9825L15.3335 18.9806L15.3372 17.4806L16.0872 17.4825C17.6508 17.4863 19.0803 17.2324 20.3144 16.6257C19.5678 15.0367 18.0178 14.2611 16.0873 14.266H16.0834Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpOutline2UserIcon.displayName = 'IconlySharpOutline2UserIcon';
-
-export const IconlySharpOutline3UserIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} 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="M11.9501 4.14258C10.0922 4.14258 8.5863 5.64785 8.5863 7.50518C8.5863 9.3625 10.0922 10.8678 11.9501 10.8678C13.8067 10.8678 15.3127 9.36265 15.3127 7.50518C15.3127 5.64771 13.8067 4.14258 11.9501 4.14258ZM7.0863 7.50518C7.0863 4.81885 9.26437 2.64258 11.9501 2.64258C14.6348 2.64258 16.8127 4.81899 16.8127 7.50518C16.8127 10.1914 14.6348 12.3678 11.9501 12.3678C9.26437 12.3678 7.0863 10.1915 7.0863 7.50518Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M6.35269 18.6618C7.99356 19.5128 9.90169 19.8625 11.9798 19.8574H11.9834C14.0614 19.8625 15.9695 19.5128 17.6104 18.6619C16.6579 16.4394 14.5631 15.3665 11.9835 15.3731H11.9797C9.39675 15.3665 7.30534 16.4369 6.35269 18.6618ZM11.9816 13.8731C8.70867 13.8653 5.7838 15.3893 4.71302 18.7753L4.53577 19.3358L5.03773 19.6418C7.09954 20.8987 9.49439 21.3633 11.9816 21.3574C14.4688 21.3633 16.8636 20.8987 18.9254 19.6418L19.4274 19.3358L19.2502 18.7753C18.1805 15.3925 15.2513 13.8653 11.9816 13.8731Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M6.5965 13.023C4.23173 13.0169 2.0717 14.1282 1.28488 16.6165L1.10764 17.177L1.60959 17.483C2.41686 17.9751 3.2932 18.2981 4.20782 18.4898L4.94186 18.6437L5.24964 17.1756L4.5156 17.0218C3.95938 16.9051 3.43389 16.734 2.94321 16.5008C3.60403 15.1717 4.93042 14.5187 6.59266 14.523L7.34266 14.5249L7.3465 13.0249L6.5965 13.023Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M8.70442 5.71563L8.01189 5.42769C6.15962 4.65754 4.03264 5.53435 3.26205 7.38768C2.49147 9.241 3.36977 11.3674 5.22205 12.1375C6.75189 12.7736 8.46667 12.2868 9.45262 11.0567L9.92168 10.4715L8.75124 9.53339L8.28218 10.1186C7.70296 10.8413 6.69504 11.1255 5.79793 10.7525C4.71033 10.3003 4.19468 9.05168 4.6471 7.96356C5.09953 6.87544 6.34841 6.36053 7.43601 6.81273L8.12853 7.10068L8.70442 5.71563Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M17.4037 13.023C19.7685 13.0169 21.9285 14.1282 22.7153 16.6165L22.8925 17.177L22.3906 17.483C21.5833 17.9751 20.707 18.2981 19.7924 18.4898L19.0583 18.6437L18.7505 17.1756L19.4846 17.0218C20.0408 16.9051 20.5663 16.734 21.057 16.5008C20.3962 15.1717 19.0698 14.5187 17.4075 14.523L16.6575 14.5249L16.6537 13.0249L17.4037 13.023Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M15.0257 5.91838L15.6889 5.56806C17.2184 4.76006 19.1528 5.13883 20.2519 6.55279C21.4838 8.13748 21.197 10.4201 19.6132 11.6513C18.0288 12.8828 15.7459 12.5978 14.514 11.013L14.0537 10.4209L15.238 9.50029L15.6983 10.0924C16.4214 11.0227 17.7619 11.1905 18.6926 10.467C19.6225 9.7441 19.7909 8.40376 19.0677 7.47336C18.4231 6.64419 17.2869 6.42029 16.3895 6.89437L15.7263 7.24469L15.0257 5.91838Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpOutline3UserIcon.displayName = 'IconlySharpOutline3UserIcon';
-
-export const IconlySharpOutlineActivityIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} 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="M17.0201 9.9103L13.3528 14.6434L10.1547 12.1311L7.35375 15.7714L6.16492 14.8567L9.88976 10.0156L13.092 12.531L15.8344 8.99158L17.0201 9.9103Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M19.1681 3.75C18.5872 3.75 18.1163 4.22087 18.1163 4.80171C18.1163 5.38256 18.5872 5.85343 19.1681 5.85343C19.7489 5.85343 20.2198 5.38256 20.2198 4.80171C20.2198 4.22087 19.7489 3.75 19.1681 3.75ZM16.6163 4.80171C16.6163 3.39244 17.7588 2.25 19.1681 2.25C20.5773 2.25 21.7198 3.39244 21.7198 4.80171C21.7198 6.21099 20.5773 7.35343 19.1681 7.35343C17.7588 7.35343 16.6163 6.21099 16.6163 4.80171Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M2.28027 3.03931H15.1654V4.53931H3.78027V20.25H19.4909V8.83911H20.9909V21.75H2.28027V3.03931Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpOutlineActivityIcon.displayName = 'IconlySharpOutlineActivityIcon';
-
-export const IconlySharpOutlineAddUserIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path fillRule="evenodd" clipRule="evenodd" d="M19.793 7.91895V13.4289H18.293V7.91895H19.793Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M16.248 9.92383H21.838V11.4238H16.248V9.92383Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M9.92104 3.5C7.89347 3.5 6.25 5.14275 6.25 7.16973C6.25 9.19672 7.89347 10.8395 9.92104 10.8395C11.9471 10.8395 13.5908 9.19686 13.5908 7.16973C13.5908 5.1426 11.9471 3.5 9.92104 3.5ZM4.75 7.16973C4.75 4.31374 7.06562 2 9.92104 2C12.7753 2 15.0908 4.31389 15.0908 7.16973C15.0908 10.0256 12.7753 12.3395 9.92104 12.3395C7.06562 12.3395 4.75 10.0257 4.75 7.16973Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M3.83398 19.185C5.61795 20.1222 7.69445 20.5057 9.95315 20.5001H9.95681C12.2155 20.5057 14.2919 20.1222 16.0759 19.185C15.0514 16.7392 12.7646 15.5617 9.9569 15.5689H9.95306C7.14189 15.5617 4.85871 16.7364 3.83398 19.185ZM9.95498 14.0689C6.45554 14.0605 3.33858 15.6881 2.197 19.2981L2.01974 19.8586L2.52171 20.1646C4.72607 21.5084 7.28872 22.0064 9.95498 22.0001C12.6212 22.0064 15.1839 21.5084 17.3883 20.1646L17.8902 19.8586L17.713 19.2981C16.5726 15.6917 13.451 14.0605 9.95498 14.0689Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpOutlineAddUserIcon.displayName = 'IconlySharpOutlineAddUserIcon';
-
-export const IconlySharpOutlineArrowDown2Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} 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="M4.99999 7.43933L12 14.4393L19 7.43933L20.0607 8.49999L12 16.5607L3.93933 8.49999L4.99999 7.43933Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpOutlineArrowDown2Icon.displayName = 'IconlySharpOutlineArrowDown2Icon';
-
-export const IconlySharpOutlineArrowDown3Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} 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="M11.2496 20.7496L11.2496 3.24987L12.7496 3.24987L12.7496 20.7496L11.2496 20.7496Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M12.7496 19.9999C12.7496 16.4723 9.64749 13.5898 6.33959 13.5898H5.58959V15.0898H6.33959C8.85117 15.0898 11.2496 17.3325 11.2496 19.9999V20.7499H12.7496V19.9999Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M11.2496 19.9999C11.2496 16.4723 14.3518 13.5898 17.6597 13.5898H18.4097V15.0898H17.6597C15.1481 15.0898 12.7496 17.3325 12.7496 19.9999V20.7499H11.2496V19.9999Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpOutlineArrowDown3Icon.displayName = 'IconlySharpOutlineArrowDown3Icon';
-
-export const IconlySharpOutlineArrowDownCircleIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} 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 12C2 6.47784 6.47673 2 12 2C17.5222 2 22 6.47779 22 12C22 17.5222 17.5222 22 12 22C6.47673 22 2 17.5222 2 12ZM12 3.5C7.30527 3.5 3.5 7.30616 3.5 12C3.5 16.6938 7.30527 20.5 12 20.5C16.6938 20.5 20.5 16.6938 20.5 12C20.5 7.30621 16.6938 3.5 12 3.5Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M8.53108 9.49695L11.9998 12.9807L15.4685 9.49695L16.5315 10.5553L11.9998 15.1066L7.46814 10.5553L8.53108 9.49695Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpOutlineArrowDownCircleIcon.displayName = 'IconlySharpOutlineArrowDownCircleIcon';
-
-export const IconlySharpOutlineArrowDownSquareIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} 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 2H22V22H2V2ZM3.5 3.5V20.5H20.5V3.5H3.5Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M12.75 7.16406V16.0883H11.25V7.16406H12.75Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M8.2542 11.2616L11.9999 15.0233L15.7457 11.2616L16.8086 12.32L11.9999 17.1492L7.19128 12.32L8.2542 11.2616Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpOutlineArrowDownSquareIcon.displayName = 'IconlySharpOutlineArrowDownSquareIcon';
-
-export const IconlySharpOutlineArrowDownIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path fillRule="evenodd" clipRule="evenodd" d="M12.75 3.74988V19.6501H11.25V3.74988H12.75Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M5.97777 12.3894L12.0005 18.4372L18.0223 12.3894L19.0852 13.4478L12.0006 20.563L4.91492 13.4479L5.97777 12.3894Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpOutlineArrowDownIcon.displayName = 'IconlySharpOutlineArrowDownIcon';
-
-export const IconlySharpOutlineArrowLeft2Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} 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="M16.5607 4.99999L9.56067 12L16.5607 19L15.5 20.0607L7.43935 12L15.5 3.93933L16.5607 4.99999Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpOutlineArrowLeft2Icon.displayName = 'IconlySharpOutlineArrowLeft2Icon';
-
-export const IconlySharpOutlineArrowLeft3Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} 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="M3.24951 11.25L20.7493 11.25L20.7493 12.75L3.24951 12.75L3.24951 11.25Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M3.99962 12.75C7.52717 12.75 10.4097 9.64786 10.4097 6.33995L10.4097 5.58995L8.90967 5.58995L8.90967 6.33995C8.90967 8.85153 6.66701 11.25 3.99962 11.25L3.24962 11.25L3.24962 12.75L3.99962 12.75Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M3.99962 11.25C7.52717 11.25 10.4097 14.3521 10.4097 17.66L10.4097 18.41L8.90967 18.41L8.90967 17.66C8.90967 15.1485 6.66701 12.75 3.99962 12.75L3.24962 12.75L3.24962 11.25L3.99962 11.25Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpOutlineArrowLeft3Icon.displayName = 'IconlySharpOutlineArrowLeft3Icon';
-
-export const IconlySharpOutlineArrowLeftCircleIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path fillRule="evenodd" clipRule="evenodd" d="M12 2C17.5222 2 22 6.47673 22 12C22 17.5222 17.5222 22 12 22C6.47779 22 2 17.5222 2 12C2 6.47673 6.47784 2 12 2ZM20.5 12C20.5 7.30527 16.6938 3.5 12 3.5C7.30616 3.5 3.5 7.30527 3.5 12C3.5 16.6938 7.30621 20.5 12 20.5C16.6938 20.5 20.5 16.6938 20.5 12Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M14.5031 8.53108L11.0193 11.9998L14.5031 15.4685L13.4447 16.5315L8.89344 11.9998L13.4447 7.46814L14.5031 8.53108Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpOutlineArrowLeftCircleIcon.displayName = 'IconlySharpOutlineArrowLeftCircleIcon';
-
-export const IconlySharpOutlineArrowLeftSquareIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} 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="M22 22L22 2L2 2L2 22L22 22ZM20.5 20.5L3.5 20.5L3.5 3.5L20.5 3.5L20.5 20.5Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M16.8359 11.25L7.9117 11.25L7.9117 12.75L16.8359 12.75L16.8359 11.25Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M12.7384 15.7458L8.97667 12.0001L12.7384 8.25432L11.68 7.1914L6.85082 12.0001L11.68 16.8087L12.7384 15.7458Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpOutlineArrowLeftSquareIcon.displayName = 'IconlySharpOutlineArrowLeftSquareIcon';
-
-export const IconlySharpOutlineArrowLeftIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} 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="M20.25 12.75L4.34976 12.75L4.34976 11.25L20.25 11.25L20.25 12.75Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M11.6105 5.97777L5.56272 12.0005L11.6105 18.0223L10.5521 19.0852L3.43691 12.0006L10.552 4.91492L11.6105 5.97777Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpOutlineArrowLeftIcon.displayName = 'IconlySharpOutlineArrowLeftIcon';
-
-export const IconlySharpOutlineArrowRight2Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} 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="M7.43933 19L14.4393 12L7.43933 5.00001L8.49999 3.93935L16.5607 12L8.49999 20.0607L7.43933 19Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpOutlineArrowRight2Icon.displayName = 'IconlySharpOutlineArrowRight2Icon';
-
-export const IconlySharpOutlineArrowRight3Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} 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="M20.749 12.75L3.24926 12.75L3.24926 11.25L20.749 11.25L20.749 12.75Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M19.9994 11.25C16.4718 11.25 13.5894 14.3521 13.5894 17.66L13.5894 18.41L15.0894 18.41L15.0894 17.66C15.0894 15.1485 17.332 12.75 19.9994 12.75L20.7494 12.75L20.7494 11.25L19.9994 11.25Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M19.9994 12.75C16.4718 12.75 13.5894 9.64786 13.5894 6.33995L13.5894 5.58995L15.0894 5.58995L15.0894 6.33995C15.0894 8.85153 17.332 11.25 19.9994 11.25L20.7494 11.25L20.7494 12.75L19.9994 12.75Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpOutlineArrowRight3Icon.displayName = 'IconlySharpOutlineArrowRight3Icon';
-
-export const IconlySharpOutlineArrowRightCircleIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path fillRule="evenodd" clipRule="evenodd" d="M12 22C6.47784 22 2 17.5233 2 12C2 6.47779 6.47779 2 12 2C17.5222 2 22 6.47779 22 12C22 17.5233 17.5222 22 12 22ZM3.5 12C3.5 16.6947 7.30616 20.5 12 20.5C16.6938 20.5 20.5 16.6947 20.5 12C20.5 7.30621 16.6938 3.5 12 3.5C7.30621 3.5 3.5 7.30621 3.5 12Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M9.49695 15.4689L12.9807 12.0002L9.49695 8.53149L10.5553 7.46854L15.1066 12.0002L10.5553 16.5319L9.49695 15.4689Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpOutlineArrowRightCircleIcon.displayName = 'IconlySharpOutlineArrowRightCircleIcon';
-
-export const IconlySharpOutlineArrowRightSquareIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} 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 22L2 2L22 2L22 22L2 22ZM3.5 20.5L20.5 20.5L20.5 3.5L3.5 3.5L3.5 20.5Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M7.16406 11.25L16.0883 11.25L16.0883 12.75L7.16406 12.75L7.16406 11.25Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M11.2616 15.7458L15.0233 12.0001L11.2616 8.25432L12.32 7.1914L17.1492 12.0001L12.32 16.8087L11.2616 15.7458Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpOutlineArrowRightSquareIcon.displayName = 'IconlySharpOutlineArrowRightSquareIcon';
-
-export const IconlySharpOutlineArrowRightIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} 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="M3.74988 11.2501L19.6501 11.2501L19.6501 12.7501L3.74988 12.7501L3.74988 11.2501Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M12.3894 18.0224L18.4372 11.9996L12.3894 5.97783L13.4478 4.91489L20.563 11.9995L13.4479 19.0852L12.3894 18.0224Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpOutlineArrowRightIcon.displayName = 'IconlySharpOutlineArrowRightIcon';
-
-export const IconlySharpOutlineArrowUp2Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} 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="M4.99999 16.5607L12 9.56067L19 16.5607L20.0607 15.5L12 7.43935L3.93933 15.5L4.99999 16.5607Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpOutlineArrowUp2Icon.displayName = 'IconlySharpOutlineArrowUp2Icon';
-
-export const IconlySharpOutlineArrowUp3Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} 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="M11.2495 3.25L11.2495 20.7498L12.7495 20.7498L12.7495 3.25L11.2495 3.25Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M12.7495 4.00011C12.7495 7.52766 9.64737 10.4102 6.33947 10.4102H5.58947V8.91016H6.33947C8.85104 8.91016 11.2495 6.6675 11.2495 4.00011V3.25011H12.7495V4.00011Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M11.2495 4.00011C11.2495 7.52766 14.3517 10.4102 17.6596 10.4102H18.4096V8.91016H17.6596C15.148 8.91016 12.7495 6.6675 12.7495 4.00011V3.25011H11.2495V4.00011Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpOutlineArrowUp3Icon.displayName = 'IconlySharpOutlineArrowUp3Icon';
-
-export const IconlySharpOutlineArrowUpCircleIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} 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 12C2 17.5222 6.47673 22 12 22C17.5222 22 22 17.5222 22 12C22 6.47779 17.5222 2 12 2C6.47673 2 2 6.47784 2 12ZM12 20.5C7.30527 20.5 3.5 16.6938 3.5 12C3.5 7.30616 7.30527 3.5 12 3.5C16.6938 3.5 20.5 7.30621 20.5 12C20.5 16.6938 16.6938 20.5 12 20.5Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M8.53108 14.5031L11.9998 11.0193L15.4685 14.5031L16.5315 13.4447L11.9998 8.89344L7.46814 13.4447L8.53108 14.5031Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpOutlineArrowUpCircleIcon.displayName = 'IconlySharpOutlineArrowUpCircleIcon';
-
-export const IconlySharpOutlineArrowUpSquareIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} 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 22H22V2H2V22ZM3.5 20.5V3.5H20.5V20.5H3.5Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M12.75 16.8359V7.9117H11.25V16.8359H12.75Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M8.2542 12.7384L11.9999 8.97667L15.7457 12.7384L16.8086 11.68L11.9999 6.85082L7.19128 11.68L8.2542 12.7384Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpOutlineArrowUpSquareIcon.displayName = 'IconlySharpOutlineArrowUpSquareIcon';
-
-export const IconlySharpOutlineArrowUpIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path fillRule="evenodd" clipRule="evenodd" d="M12.75 20.25V4.34976H11.25V20.25H12.75Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M5.97777 11.6105L12.0005 5.56272L18.0223 11.6105L19.0852 10.5521L12.0006 3.43691L4.91492 10.552L5.97777 11.6105Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpOutlineArrowUpIcon.displayName = 'IconlySharpOutlineArrowUpIcon';
-
-export const IconlySharpOutlineAvatarIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path fillRule="evenodd" clipRule="evenodd" d="M12 3.5C7.30558 3.5 3.5 7.30558 3.5 12C3.5 16.6944 7.30558 20.5 12 20.5C16.6944 20.5 20.5 16.6944 20.5 12C20.5 7.30558 16.6944 3.5 12 3.5ZM2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M12.3679 7.77018L10.4347 14.3224H14.0445V15.8224H9.27719L8.70798 14.8741L10.9292 7.3457L12.3679 7.77018Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M15.6357 10.4243H17.1457V11.9243H15.6357V10.4243Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M6.18262 10.4243H7.69262V11.9243H6.18262V10.4243Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpOutlineAvatarIcon.displayName = 'IconlySharpOutlineAvatarIcon';
-
-export const IconlySharpOutlineBag2Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} 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="M8.84113 3.17901C9.76492 2.25911 11.017 1.74494 12.3206 1.75004C15.0282 1.7509 17.2229 3.94613 17.2229 6.65397V7.40397H15.7229V6.65397C15.7229 4.77403 14.1989 3.25004 12.319 3.25004H12.3158V3.25003C11.4105 3.24619 10.541 3.60313 9.89955 4.24191C9.25806 4.88069 8.89745 5.74868 8.89746 6.65397L8.89747 7.40397L7.39747 7.40398L7.39746 6.65398C7.39745 5.34977 7.91696 4.09927 8.84113 3.17901Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M14.376 10.2335H15.92V11.7335H14.376V10.2335Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M8.76862 10.2335H10.3126V11.7335H8.76862V10.2335Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M2.44331 22.2502L21.5574 22.2502L20.5778 6.11499L3.42296 6.11499L2.44331 22.2502ZM4.83465 7.61499L19.1661 7.61499L19.9636 20.7502L4.03715 20.7502L4.83465 7.61499Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpOutlineBag2Icon.displayName = 'IconlySharpOutlineBag2Icon';
-
-export const IconlySharpOutlineBag3Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} 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="M7.23048 6.51751C7.24183 3.88804 9.38258 1.76739 12.0111 1.77787C14.6391 1.77875 16.7694 3.90985 16.7694 6.53882V10.512H15.2694V6.53882C15.2694 4.73748 13.8095 3.27787 12.0095 3.27787H12.0063C10.2052 3.27009 8.73907 4.72231 8.73047 6.52246V10.512H7.23047L7.23048 6.51751Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M12 22.222C6.47715 22.222 2 17.7449 2 12.222L2 6.53461L22 6.5346L22 12.222C22 17.7449 17.5228 22.222 12 22.222ZM3.5 12.222C3.5 16.9165 7.30558 20.722 12 20.722C16.6944 20.722 20.5 16.9165 20.5 12.222L20.5 8.0346L3.5 8.0346L3.5 12.222Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpOutlineBag3Icon.displayName = 'IconlySharpOutlineBag3Icon';
-
-export const IconlySharpOutlineBagIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path fillRule="evenodd" clipRule="evenodd" d="M12.0003 4.03833C9.79153 4.03833 8.00098 5.82888 8.00098 8.03763V9.89953H6.50098V8.03763C6.50098 5.00045 8.9631 2.53833 12.0003 2.53833C15.0375 2.53833 17.4996 5.00045 17.4996 8.03763V9.89953H15.9996V8.03763C15.9996 5.82888 14.209 4.03833 12.0003 4.03833Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M1.93791 6.609L22.0621 6.609L20.8796 21.4615L3.1204 21.4615L1.93791 6.609ZM4.50573 19.9615L19.4943 19.9615L20.4379 8.109L3.56208 8.109L4.50573 19.9615Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpOutlineBagIcon.displayName = 'IconlySharpOutlineBagIcon';
-
-export const IconlySharpOutlineBookmarkIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} 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="M3.77246 2H20.2276V22.423L12.0241 18.6303L3.77246 22.4197V2ZM5.27246 3.5V20.0803L12.0262 16.9787L18.7276 20.077V3.5H5.27246Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M7.72841 8.47534H16.2718V9.97534H7.72841V8.47534Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpOutlineBookmarkIcon.displayName = 'IconlySharpOutlineBookmarkIcon';
-
-export const IconlySharpOutlineBuyIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="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.5792 11.175H17.7487V9.67954H13.5792V11.175Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M1.95174 2.75923C1.93942 2.79145 1.93493 3.13301 1.94186 3.5183L1.95442 4.21881L4.46836 4.24292L4.48966 4.34416C4.5014 4.39985 4.78824 7.22901 5.12706 10.6312C5.46588 14.0334 5.75167 16.8425 5.76213 16.8737C5.79014 16.9569 20.5525 16.9569 20.5806 16.8737C20.5912 16.8425 20.9176 14.3903 21.306 11.4243C21.6943 8.45824 22.0232 5.9754 22.0367 5.90688L22.0614 5.78226H6.15511L6.12783 5.567C6.11288 5.44859 6.04947 4.82153 5.98698 4.17349C5.92443 3.52546 5.86247 2.92895 5.84929 2.84796L5.82522 2.70068H3.89972C2.36779 2.70068 1.96965 2.71265 1.95174 2.75923ZM20.3083 7.51564C20.2917 7.64647 20.0505 9.47674 19.7724 11.5829L19.2668 15.4122L13.2039 15.4237C8.37638 15.4328 7.13704 15.4236 7.12172 15.3784C7.11116 15.3471 6.92811 13.5678 6.71501 11.4243C6.50187 9.28075 6.31786 7.47087 6.30613 7.40235L6.28483 7.27773H20.3385L20.3083 7.51564Z" fill={color || 'currentColor'}/>
-<path d="M7.27019 18.8043C6.32888 19.0674 6.01856 20.2434 6.70848 20.9333C6.90273 21.1275 7.12654 21.2419 7.38835 21.2799C7.46041 21.2926 7.53458 21.2992 7.61029 21.2992C7.73647 21.2992 7.85836 21.2808 7.9734 21.2465C8.13486 21.2026 8.27703 21.1284 8.40047 21.0233C8.69254 20.7908 8.87976 20.4321 8.87976 20.0297C8.87976 19.3286 8.31139 18.7603 7.61029 18.7603C7.56408 18.7603 7.51846 18.7627 7.47353 18.7675C7.405 18.7736 7.33694 18.7857 7.27019 18.8043Z" fill={color || 'currentColor'}/>
-<path d="M18.4748 18.7603C18.7272 18.7603 18.9625 18.8339 19.1601 18.961C19.2562 19.0171 19.3397 19.0839 19.403 19.1592C19.4216 19.1813 19.4392 19.2029 19.4559 19.2241C19.5017 19.2798 19.5429 19.3395 19.5788 19.4027C19.5918 19.4253 19.6038 19.4478 19.6147 19.4704C19.6977 19.6392 19.7443 19.829 19.7443 20.0297C19.7443 20.1907 19.7143 20.3447 19.6596 20.4865C19.6236 20.5954 19.5692 20.6924 19.4913 20.7903C19.2729 21.0818 18.932 21.2762 18.545 21.2973C18.1423 21.3206 17.7327 21.1552 17.4726 20.8111C17.2788 20.5547 17.2049 20.3372 17.2049 20.0237C17.2049 19.5869 17.4166 19.2058 17.7658 18.9765C17.9683 18.84 18.2122 18.7603 18.4748 18.7603Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpOutlineBuyIcon.displayName = 'IconlySharpOutlineBuyIcon';
-
-export const IconlySharpOutlineCalendarIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} 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="M3.01074 8.849H20.998V10.349H3.01074V8.849Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M15.3587 12.4615H16.8673V13.9615H15.3587V12.4615Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M11.2545 12.4615H12.763V13.9615H11.2545V12.4615Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M7.14117 12.4615H8.64974V13.9615H7.14117V12.4615Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M15.3587 16.0565H16.8673V17.5565H15.3587V16.0565Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M11.2545 16.0565H12.763V17.5565H11.2545V16.0565Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M7.14117 16.0565H8.64974V17.5565H7.14117V16.0565Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M16.4908 2V6.54399H14.9908V2H16.4908Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M9.01854 2V6.54399H7.51854V2H9.01854Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M2.92578 3.46069H21.0758V22H2.92578V3.46069ZM4.42578 4.96069V20.5H19.5758V4.96069H4.42578Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpOutlineCalendarIcon.displayName = 'IconlySharpOutlineCalendarIcon';
-
-export const IconlySharpOutlineCallMissedIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path fillRule="evenodd" clipRule="evenodd" d="M21.7744 4.57372L15.8613 10.4868L14.8007 9.42612L20.7137 3.51306L21.7744 4.57372Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M15.8613 3.51306L21.7744 9.42612L20.7137 10.4868L14.8007 4.57372L15.8613 3.51306Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M6.47809 1.7594L10.405 7.15351L8.68007 10.1493C8.74139 10.3301 8.83996 10.5904 8.98682 10.9003C9.28625 11.5321 9.78118 12.3587 10.5607 13.1383C11.3866 13.9641 12.2629 14.5055 12.9335 14.84C13.2672 15.0065 13.5471 15.1202 13.7401 15.1914L16.7274 13.4714L22.2651 17.555L21.942 18.1323C21.0166 19.7856 19.8354 20.9668 18.1821 21.8922L18.0273 21.9788L17.8501 21.9869C12.9713 22.2103 8.77631 19.5574 5.95315 16.2738C4.53673 14.6263 3.44194 12.7952 2.76055 11.0326C2.08431 9.28335 1.79085 7.5369 2.0626 6.08389L2.08642 5.95653L2.1516 5.84454C3.08636 4.23828 4.29318 3.04094 5.89212 2.10309L6.47809 1.7594ZM13.8227 16.0093C13.6244 16.7327 13.6242 16.7326 13.624 16.7325L13.6223 16.7321L13.6195 16.7313L13.6117 16.7291L13.5875 16.7221C13.5676 16.7162 13.5403 16.7079 13.5061 16.6971C13.4378 16.6754 13.3419 16.6433 13.2229 16.5994C12.9851 16.5118 12.6536 16.3766 12.264 16.1823C11.4867 15.7946 10.4669 15.1657 9.50008 14.1989C8.57172 13.2706 7.98579 12.2906 7.63135 11.5427C7.45376 11.168 7.33298 10.8489 7.25561 10.6194C7.21688 10.5045 7.18892 10.4118 7.17007 10.3455C7.16064 10.3123 7.15348 10.2856 7.14839 10.2661L7.14228 10.2421L7.14034 10.2342L7.13963 10.2313L7.13935 10.2301C7.13929 10.2299 7.13911 10.2291 7.8687 10.0554L7.13911 10.2291L7.07008 9.93931L8.61916 7.249L6.07827 3.75879C5.01757 4.48105 4.19067 5.3589 3.51578 6.48435C3.35157 7.54783 3.56235 8.9467 4.15964 10.4917C4.77543 12.0846 5.7783 13.7696 7.09055 15.2959C9.68807 18.317 13.4059 20.6192 17.6036 20.4952C18.7414 19.832 19.5931 19.0327 20.292 17.9637L16.6262 15.2605L13.926 16.8153L13.624 16.7325L13.8227 16.0093Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpOutlineCallMissedIcon.displayName = 'IconlySharpOutlineCallMissedIcon';
-
-export const IconlySharpOutlineCallSilentIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} 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.47809 1.56946L10.405 6.96357L8.68007 9.95933C8.70337 10.0281 8.73211 10.1084 8.76688 10.1987C8.89637 10.5349 9.10817 11.0053 9.43292 11.5261L9.82976 12.1626L8.55694 12.9562L8.1601 12.3198C7.77655 11.7047 7.52444 11.1464 7.3671 10.7378C7.28831 10.5332 7.23291 10.3652 7.19646 10.2452C7.17822 10.1852 7.16469 10.1371 7.15532 10.1023C7.15064 10.0849 7.14699 10.0708 7.14431 10.0603L7.14101 10.047L7.13988 10.0424L7.13945 10.0406L7.13918 10.0395C7.13914 10.0394 7.1391 10.0392 7.8687 9.86542L7.13918 10.0395L7.07008 9.74936L8.61915 7.05906L6.07826 3.56885C5.01756 4.2911 4.19067 5.16896 3.51577 6.29441C3.36179 7.29166 3.53722 8.58587 4.05553 10.0232C4.59157 11.5096 5.47455 13.0927 6.64177 14.5628L7.10812 15.1502L5.93337 16.0829L5.46701 15.4955C4.20748 13.9091 3.24042 12.1846 2.64448 10.532C2.05269 8.89095 1.80653 7.2631 2.0626 5.89395L2.08642 5.76659L2.15159 5.6546C3.08636 4.04834 4.29317 2.851 5.89212 1.91315L6.47809 1.56946ZM10.6934 13.1217L11.2783 13.591C11.9935 14.1649 12.6909 14.5451 13.2075 14.781C13.4212 14.8786 13.6028 14.9508 13.7401 15.0015L16.7274 13.2814L22.2651 17.365L21.942 17.9423C21.0166 19.5957 19.8354 20.7768 18.1821 21.7022L18.0273 21.7889L17.85 21.797C13.7941 21.9827 10.2082 20.1778 7.499 17.6844L6.94714 17.1765L7.96294 16.0728L8.51479 16.5807C10.9763 18.8461 14.1239 20.4081 17.6036 20.3053C18.7414 19.6421 19.5931 18.8428 20.292 17.7738L16.6262 15.0706L13.926 16.6254L13.6244 16.5427L13.8227 15.8194C13.6244 16.5427 13.6246 16.5428 13.6244 16.5427L13.6227 16.5422L13.6204 16.5416L13.6142 16.5399L13.5956 16.5345C13.5804 16.5301 13.5597 16.5239 13.5338 16.5158C13.4822 16.4998 13.4098 16.4762 13.3196 16.4444C13.1393 16.3807 12.8869 16.2835 12.5845 16.1455C11.981 15.87 11.1715 15.4285 10.3396 14.761L9.75462 14.2916L10.6934 13.1217Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M19.6894 5.72098L4.04877 22.4043L2.95447 21.3784L18.5951 4.69507L19.6894 5.72098Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpOutlineCallSilentIcon.displayName = 'IconlySharpOutlineCallSilentIcon';
-
-export const IconlySharpOutlineCallIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} 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.47904 1.7594L10.406 7.15351L8.68102 10.1493C8.74234 10.3301 8.84091 10.5904 8.98777 10.9003C9.2872 11.5321 9.78212 12.3587 10.5617 13.1383C11.3875 13.9641 12.2638 14.5055 12.9345 14.84C13.2681 15.0065 13.548 15.1202 13.7411 15.1914L16.7283 13.4714L22.266 17.555L21.9429 18.1323C21.0175 19.7856 19.8364 20.9668 18.183 21.8922L18.0282 21.9788L17.851 21.9869C12.9723 22.2103 8.77726 19.5574 5.95409 16.2738C4.53768 14.6263 3.44289 12.7952 2.7615 11.0326C2.08525 9.28335 1.79179 7.5369 2.06355 6.08389L2.08737 5.95653L2.15254 5.84454C3.08731 4.23828 4.29413 3.04094 5.89307 2.10309L6.47904 1.7594ZM13.8236 16.0093C13.6254 16.7327 13.6251 16.7326 13.6249 16.7325L13.6233 16.7321L13.6205 16.7313L13.6126 16.7291L13.5884 16.7221C13.5685 16.7162 13.5412 16.7079 13.507 16.6971C13.4387 16.6754 13.3429 16.6433 13.2239 16.5994C12.986 16.5118 12.6545 16.3766 12.265 16.1823C11.4876 15.7946 10.4678 15.1657 9.50102 14.1989C8.57267 13.2706 7.98674 12.2906 7.6323 11.5427C7.45471 11.168 7.33393 10.8489 7.25655 10.6194C7.21783 10.5045 7.18986 10.4118 7.17101 10.3455C7.16159 10.3123 7.15443 10.2856 7.14934 10.2661L7.14323 10.2421L7.14128 10.2342L7.14058 10.2313L7.14029 10.2301C7.14024 10.2299 7.14005 10.2291 7.86965 10.0554L7.14005 10.2291L7.07103 9.93931L8.6201 7.249L6.07922 3.75879C5.01851 4.48105 4.19162 5.3589 3.51672 6.48435C3.35251 7.54783 3.5633 8.9467 4.16059 10.4917C4.77637 12.0846 5.77925 13.7696 7.09149 15.2959C9.68902 18.317 13.4068 20.6192 17.6046 20.4952C18.7424 19.832 19.594 19.0327 20.293 17.9637L16.6272 15.2605L13.9269 16.8153L13.6249 16.7325L13.8236 16.0093Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpOutlineCallIcon.displayName = 'IconlySharpOutlineCallIcon';
-
-export const IconlySharpOutlineCallingIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} 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="M13.5844 1.92175L14.3299 2.00453C18.3791 2.45421 21.5783 5.64896 22.0324 9.69837L22.116 10.4437L20.6253 10.6109L20.5418 9.86553C20.1658 6.51294 17.517 3.86769 14.1643 3.49537L13.4189 3.41259L13.5844 1.92175Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M13.6538 5.4137L14.3901 5.5567C16.4615 5.95907 18.0798 7.57896 18.4832 9.64954L18.6266 10.3857L17.1543 10.6725L17.0109 9.93635C16.7242 8.46492 15.5745 7.31482 14.104 7.02918L13.3678 6.88618L13.6538 5.4137Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M6.47809 1.7594L10.405 7.15351L8.68007 10.1493C8.74139 10.3301 8.83996 10.5904 8.98682 10.9003C9.28625 11.5321 9.78118 12.3587 10.5607 13.1383C11.3866 13.9641 12.2629 14.5055 12.9335 14.84C13.2672 15.0065 13.5471 15.1202 13.7401 15.1914L16.7274 13.4714L22.2651 17.555L21.942 18.1323C21.0166 19.7856 19.8354 20.9668 18.1821 21.8922L18.0273 21.9788L17.8501 21.9869C12.9713 22.2103 8.77631 19.5574 5.95315 16.2738C4.53673 14.6263 3.44194 12.7952 2.76055 11.0326C2.08431 9.28335 1.79085 7.5369 2.0626 6.08389L2.08642 5.95653L2.1516 5.84454C3.08636 4.23828 4.29318 3.04094 5.89212 2.10309L6.47809 1.7594ZM13.8227 16.0093C13.6244 16.7327 13.6242 16.7326 13.624 16.7325L13.6223 16.7321L13.6195 16.7313L13.6117 16.7291L13.5875 16.7221C13.5676 16.7162 13.5403 16.7079 13.5061 16.6971C13.4378 16.6754 13.3419 16.6433 13.2229 16.5994C12.9851 16.5118 12.6536 16.3766 12.264 16.1823C11.4867 15.7946 10.4669 15.1657 9.50008 14.1989C8.57172 13.2706 7.98579 12.2906 7.63135 11.5427C7.45376 11.168 7.33298 10.8489 7.25561 10.6194C7.21688 10.5045 7.18892 10.4118 7.17007 10.3455C7.16064 10.3123 7.15348 10.2856 7.14839 10.2661L7.14228 10.2421L7.14034 10.2342L7.13963 10.2313L7.13935 10.2301C7.13929 10.2299 7.13911 10.2291 7.8687 10.0554L7.13911 10.2291L7.07008 9.93931L8.61916 7.249L6.07827 3.75879C5.01757 4.48105 4.19067 5.3589 3.51578 6.48435C3.35157 7.54783 3.56235 8.9467 4.15964 10.4917C4.77543 12.0846 5.7783 13.7696 7.09055 15.2959C9.68807 18.317 13.4059 20.6192 17.6036 20.4952C18.7414 19.832 19.5931 19.0327 20.292 17.9637L16.6262 15.2605L13.926 16.8153L13.624 16.7325L13.8227 16.0093Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpOutlineCallingIcon.displayName = 'IconlySharpOutlineCallingIcon';
-
-export const IconlySharpOutlineCameraIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} 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="M8.54851 3.24219H15.4504L17.1824 5.94755H22L22 20.7582H2.00001L2 5.94755H6.8175L8.54851 3.24219ZM9.36951 4.74219L7.6385 7.44755H3.5L3.50001 19.2582H20.5L20.5 7.44755H16.3616L14.6296 4.74219H9.36951Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M17.1772 9.78516H18.6862V11.2852H17.1772V9.78516Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M8.07031 13.2142C8.07031 11.0439 9.8291 9.28516 11.9993 9.28516C14.1695 9.28516 15.9283 11.0439 15.9283 13.2142C15.9283 15.3844 14.1695 17.1432 11.9993 17.1432C9.8291 17.1432 8.07031 15.3844 8.07031 13.2142ZM11.9993 10.7852C10.6575 10.7852 9.57031 11.8724 9.57031 13.2142C9.57031 14.5559 10.6575 15.6432 11.9993 15.6432C13.3411 15.6432 14.4283 14.5559 14.4283 13.2142C14.4283 11.8724 13.3411 10.7852 11.9993 10.7852Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpOutlineCameraIcon.displayName = 'IconlySharpOutlineCameraIcon';
-
-export const IconlySharpOutlineCardIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} 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 4.22021H22V19.7802H2V4.22021ZM3.5 5.72021V18.2802H20.5V5.72021H3.5Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M2 9.0332H22V10.5332H2V9.0332Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M14.1015 14.5923H19.0768V16.0923H14.1015V14.5923Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M9.87598 14.5923H12.1238V16.0923H9.87598V14.5923Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpOutlineCardIcon.displayName = 'IconlySharpOutlineCardIcon';
-
-export const IconlySharpOutlineCategoryIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} 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="M1.85742 2.64331H10.3574V11.1433H1.85742V2.64331ZM3.35742 4.14331V9.64331H8.85742V4.14331H3.35742Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M14.1015 1.68811L22.3119 3.88807L20.1119 12.0984L11.9015 9.89848L14.1015 1.68811ZM15.1622 3.52523L13.7387 8.83782L19.0513 10.2613L20.4748 4.94873L15.1622 3.52523Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M1.85742 13.6433H10.3574V22.1433H1.85742V13.6433ZM3.35742 15.1433V20.6433H8.85742V15.1433H3.35742Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M12.8574 13.6433H21.3574V22.1433H12.8574V13.6433ZM14.3574 15.1433V20.6433H19.8574V15.1433H14.3574Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpOutlineCategoryIcon.displayName = 'IconlySharpOutlineCategoryIcon';
-
-export const IconlySharpOutlineChartIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} 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="M7.91367 9.67773V17.2076H6.41367V9.67773H7.91367Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M12.7506 6.79248V17.2076H11.2506V6.79248H12.7506Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M17.5865 12.8643V17.2077H16.0865V12.8643H17.5865Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M2 22L2 2L22 2L22 22L2 22ZM3.5 20.5L20.5 20.5L20.5 3.5L3.5 3.5L3.5 20.5Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpOutlineChartIcon.displayName = 'IconlySharpOutlineChartIcon';
-
-export const IconlySharpOutlineChat2Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path fillRule="evenodd" clipRule="evenodd" d="M18.0177 6.00408C14.7113 2.69729 9.33848 2.69729 6.03204 6.00494C4.37282 7.66379 3.54658 9.83248 3.54819 12.004C3.54944 13.6832 3.53737 15.9855 3.52501 17.8665C3.51883 18.8073 3.51257 19.6433 3.50786 20.2441L3.50621 20.4485C3.56761 20.4481 3.63221 20.4477 3.69981 20.4473C4.29389 20.4435 5.12037 20.4393 6.05002 20.4373C7.90728 20.4332 10.1837 20.4381 11.8409 20.4739C14.0714 20.5221 16.3132 19.697 18.0177 17.9923C21.3245 14.6851 21.3303 9.31708 18.0177 6.00408ZM2.75 21.2042L2.00003 21.1977L2.0079 20.2323C2.01261 19.632 2.01887 18.7967 2.02504 17.8566C2.0374 15.9759 2.04943 13.6784 2.04819 12.0051C2.04629 9.45154 3.01915 6.89614 4.97119 4.94447C4.97124 4.94442 4.97114 4.94452 4.97119 4.94447M4.97119 4.94447C8.86344 1.05095 15.1862 1.05085 19.0784 4.94348C22.9774 8.84293 22.9703 15.1606 19.0784 19.0529C17.0729 21.0586 14.4311 22.0302 11.8085 21.9736C10.1705 21.9382 7.90958 21.9332 6.05328 21.9373C5.12616 21.9393 4.30181 21.9435 3.70926 21.9473C3.413 21.9491 3.17473 21.9509 3.01059 21.9521L2.75772 21.9542L2.75 21.2042L2.75671 21.9542L1.99341 21.961L2.00003 21.1977L2.75 21.2042" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M7.46594 11.6309H9.06468V13.1309H7.46594V11.6309Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M11.2002 11.631H12.7989V13.131H11.2002V11.631Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M14.9345 11.6309H16.5333V13.1309H14.9345V11.6309Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpOutlineChat2Icon.displayName = 'IconlySharpOutlineChat2Icon';
-
-export const IconlySharpOutlineChatIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} 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.8745 2.37281C9.50314 2.56861 7.78934 3.26165 6.61324 4.09609C5.881 4.61562 4.6612 5.88308 4.15134 6.65431C2.96603 8.44675 2.36906 10.8299 2.59827 12.8538C2.75495 14.2366 3.34874 16.0701 4.04243 17.3133C4.17552 17.5518 4.28443 17.7911 4.28443 17.8451C4.28443 17.8991 3.77973 18.7519 3.16284 19.7401C2.54595 20.7283 2.01508 21.5815 1.98307 21.636C1.94462 21.7016 3.90369 21.7318 7.78705 21.7253C13.378 21.7158 13.6882 21.7058 14.4915 21.5086C20.0711 20.1382 23.2672 14.5016 21.5551 9.0515C20.1366 4.53625 15.5986 1.6986 10.8745 2.37281ZM13.8205 3.89059C17.1292 4.52357 19.7253 7.09001 20.3937 10.3887C20.6511 11.6587 20.5557 13.3202 20.1545 14.554C19.4477 16.7283 18.0107 18.3819 15.9285 19.4173C14.2489 20.2525 13.8096 20.3053 8.79697 20.2746L4.57935 20.2487L5.32555 19.0479L6.07177 17.8471L5.65625 17.1652C5.12548 16.2939 4.66566 15.2339 4.32892 14.1051C4.1115 13.3764 4.06126 13.0048 4.05383 12.0738C4.03569 9.77219 4.76139 7.94744 6.35301 6.29283C7.62127 4.97433 9.3753 4.05566 11.0727 3.82101C11.7644 3.72529 13.1388 3.76008 13.8205 3.89059ZM7.85197 12.4247V13.1721L8.61998 13.1431L9.38799 13.1142L9.41712 12.3958L9.44626 11.6774H8.64911H7.85197V12.4247ZM11.5186 12.4206V13.1638H12.2618H13.0051V12.4206V11.6774H12.2618H11.5186V12.4206ZM15.1066 12.3958L15.1357 13.1142L15.9037 13.1431L16.6717 13.1721V12.4247V11.6774H15.8746H15.0774L15.1066 12.3958Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpOutlineChatIcon.displayName = 'IconlySharpOutlineChatIcon';
-
-export const IconlySharpOutlineCloseSquareIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path fillRule="evenodd" clipRule="evenodd" d="M15.4562 9.59472L9.60351 15.4474L8.54285 14.3867L14.3955 8.53406L15.4562 9.59472Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M9.59971 8.5321L15.4563 14.3899L14.3955 15.4504L8.53894 9.59265L9.59971 8.5321Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12ZM12 3.5C7.30558 3.5 3.5 7.30558 3.5 12C3.5 16.6944 7.30558 20.5 12 20.5C16.6944 20.5 20.5 16.6944 20.5 12C20.5 7.30558 16.6944 3.5 12 3.5Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpOutlineCloseSquareIcon.displayName = 'IconlySharpOutlineCloseSquareIcon';
-
-export const IconlySharpOutlineDangerCircleIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path fillRule="evenodd" clipRule="evenodd" d="M12 3.5C7.30521 3.5 3.5 7.30521 3.5 12C3.5 16.6938 7.30527 20.5 12 20.5C16.6938 20.5 20.5 16.6938 20.5 12C20.5 7.30527 16.6938 3.5 12 3.5ZM2 12C2 6.47679 6.47679 2 12 2C17.5222 2 22 6.47673 22 12C22 17.5222 17.5222 22 12 22C6.47673 22 2 17.5222 2 12Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M12.7451 7.4541V13.3731H11.2451V7.4541H12.7451Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M11.245 15.0459H12.755V16.5459H11.245V15.0459Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpOutlineDangerCircleIcon.displayName = 'IconlySharpOutlineDangerCircleIcon';
-
-export const IconlySharpOutlineDangerTriangleIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} 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="M11.4936 2.95984H12.5115L22.1471 19.8727L21.2587 21.0402H2.68483L1.86523 19.8508L11.4936 2.95984ZM12.0023 5.09638L3.76888 19.5402H20.2314L12.0023 5.09638Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M12.7677 10.465V14.766H11.2677V10.465H12.7677Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M11.2612 16.0537H12.7702V17.5537H11.2612V16.0537Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpOutlineDangerTriangleIcon.displayName = 'IconlySharpOutlineDangerTriangleIcon';
-
-export const IconlySharpOutlineDelete2Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} 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="M3.29388 5.70117H20.7056L19.1446 22.0003H4.85494L3.29388 5.70117ZM4.94441 7.20117L6.21814 20.5003H17.7814L19.0551 7.20117H4.94441Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M8.0504 2H15.9508L17.4237 6.47529L15.9988 6.94421L14.8653 3.5H9.13589L8.00237 6.94421L6.57755 6.47529L8.0504 2Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M12.751 10.6138L12.751 17.0866L11.251 17.0866L11.251 10.6138L12.751 10.6138Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpOutlineDelete2Icon.displayName = 'IconlySharpOutlineDelete2Icon';
-
-export const IconlySharpOutlineDeleteIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} 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="M3.80072 6.65259H20.1989L18.7289 22H5.27063L3.80072 6.65259ZM5.45125 8.15259L6.63383 20.5H17.3657L18.5483 8.15259H5.45125Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M7.06169 2H16.9383V3.5H7.06169V2Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M12.7501 11.2495L12.7501 17.4025L11.2501 17.4025L11.2501 11.2495L12.7501 11.2495Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpOutlineDeleteIcon.displayName = 'IconlySharpOutlineDeleteIcon';
-
-export const IconlySharpOutlineDiscountIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path fillRule="evenodd" clipRule="evenodd" d="M15.1935 9.65942L9.65819 15.1947L8.59753 14.134L14.1328 8.59875L15.1935 9.65942Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M13.3161 13.3215H14.824V14.8215H13.3161V13.3215Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M8.96457 8.96899H10.4724V10.469H8.96457V8.96899Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M12 1.50867L12.5976 2.29683C13.9645 4.09942 16.1975 5.02437 18.4386 4.71623L19.4185 4.5815L19.2838 5.5614C18.9756 7.80251 19.9006 10.0355 21.7032 11.4024L22.4913 12L21.7032 12.5976C19.9006 13.9644 18.9756 16.1974 19.2838 18.4386L19.4185 19.4185L18.4386 19.2837C16.1975 18.9756 13.9645 19.9005 12.5976 21.7031L12 22.4913L11.4024 21.7031C10.0356 19.9005 7.80254 18.9756 5.56143 19.2837L4.58153 19.4185L4.71626 18.4386C5.0244 16.1974 4.09945 13.9644 2.29686 12.5976L1.5087 12L2.29686 11.4024C4.09946 10.0355 5.0244 7.80252 4.71626 5.5614L4.58153 4.5815L5.56143 4.71623C7.80255 5.02437 10.0356 4.09943 11.4024 2.29683L12 1.50867ZM6.27346 6.27343C6.31286 8.42767 5.45258 10.5046 3.90144 12C5.45258 13.4954 6.31286 15.5723 6.27346 17.7265C8.4277 17.6871 10.5046 18.5474 12 20.0985C13.4954 18.5474 15.5723 17.6871 17.7266 17.7265C17.6872 15.5723 18.5474 13.4954 20.0986 12C18.5474 10.5046 17.6872 8.42767 17.7266 6.27343C15.5723 6.31283 13.4954 5.45255 12 3.90141C10.5046 5.45255 8.4277 6.31283 6.27346 6.27343Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpOutlineDiscountIcon.displayName = 'IconlySharpOutlineDiscountIcon';
-
-export const IconlySharpOutlineDiscoveryIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path fillRule="evenodd" clipRule="evenodd" d="M15.9765 7.99316L14.5433 14.5428L9.18821 15.7146L8.02417 16.0071L9.45746 9.45696L14.8127 8.28514L15.9765 7.99316ZM9.99845 14.0018L13.2835 13.283L14.0023 9.99795L10.7173 10.7168L9.99845 14.0018Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M12 3.5C7.30558 3.5 3.5 7.30558 3.5 12C3.5 16.6944 7.30558 20.5 12 20.5C16.6944 20.5 20.5 16.6944 20.5 12C20.5 7.30558 16.6944 3.5 12 3.5ZM2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpOutlineDiscoveryIcon.displayName = 'IconlySharpOutlineDiscoveryIcon';
-
-export const IconlySharpOutlineDocumentIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} 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="M7.62207 9.979H15.1918V8.479H7.62207V9.979Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M7.62207 14.1432H11.4381V12.6432H7.62207V14.1432Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M2.87695 2H21.1235V22H2.87695V2ZM4.37695 3.5V20.5H19.6235V3.5H4.37695Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpOutlineDocumentIcon.displayName = 'IconlySharpOutlineDocumentIcon';
-
-export const IconlySharpOutlineDownload1Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} 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 8.3042H8.125V9.8042H3.5V19.733H20.5V9.8042H15.875V8.3042H22V21.233H2V8.3042Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M11.25 18.2065L11.25 2.76727L12.75 2.76727L12.75 18.2065L11.25 18.2065Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M12.75 17.4564C12.75 14.5114 10.1651 12.1108 7.40449 12.1108L6.65449 12.1108L6.65449 13.6108L7.40449 13.6108C9.36881 13.6108 11.25 15.3715 11.25 17.4564L11.25 18.2064L12.75 18.2064L12.75 17.4564Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M11.25 17.4564C11.25 14.5114 13.8349 12.1108 16.5955 12.1108L17.3455 12.1108L17.3455 13.6108L16.5955 13.6108C14.6312 13.6108 12.75 15.3715 12.75 17.4564L12.75 18.2064L11.25 18.2064L11.25 17.4564Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpOutlineDownload1Icon.displayName = 'IconlySharpOutlineDownload1Icon';
-
-export const IconlySharpOutlineDownloadIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} 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="M11.2498 2.40723V16.685H12.7498V2.40723H11.2498Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M7.66443 13.3926L12 17.7475L16.3368 13.3928L15.274 12.3344L12.0001 15.6216L8.72745 12.3344L7.66443 13.3926Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M2 8.66406H8.125V10.1641H3.5V20.0929H20.5V10.1641H15.875V8.66406H22V21.5929H2V8.66406Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpOutlineDownloadIcon.displayName = 'IconlySharpOutlineDownloadIcon';
-
-export const IconlySharpOutlineEditSquareIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path fillRule="evenodd" clipRule="evenodd" d="M12.9326 6.22534L17.7941 11.0868L6.88071 22.0002L2.02381 21.9956L2.01924 17.1387L12.9326 6.22534ZM3.51983 17.7595L3.5224 20.497L6.25997 20.4996L15.6728 11.0868L12.9326 8.34666L3.51983 17.7595Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M12.9326 6.22546L17.7941 11.0869L6.88071 22.0003L2.02381 21.9957L2.01924 17.1388L12.9326 6.22546ZM3.51983 17.7596L3.5224 20.4972L6.25997 20.4997L15.6728 11.0869L12.9326 8.34678L3.51983 17.7596Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M13.4933 14.5537L9.44649 10.5069L10.5072 9.4462L14.554 13.4931L13.4933 14.5537Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M21.9805 22H11.9437V20.5H20.4805V3.5H3.51927V12.1964H2.01927V2H21.9805V22Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpOutlineEditSquareIcon.displayName = 'IconlySharpOutlineEditSquareIcon';
-
-export const IconlySharpOutlineEditIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} 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="M16.1006 1.93933L22.0607 7.89938L8.20976 21.7503L2.25531 21.7447L2.24971 15.7902L16.1006 1.93933ZM3.75029 16.411L3.7539 20.2461L7.58902 20.2497L19.9393 7.89938L16.1006 4.06065L3.75029 16.411Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M2.2549 20.2441L21.0722 20.2447L21.0722 21.7447L2.25485 21.7441L2.2549 20.2441Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpOutlineEditIcon.displayName = 'IconlySharpOutlineEditIcon';
-
-export const IconlySharpOutlineEmojiIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path fillRule="evenodd" clipRule="evenodd" d="M12 3.5C7.30558 3.5 3.5 7.30558 3.5 12C3.5 16.6944 7.30558 20.5 12 20.5C16.6944 20.5 20.5 16.6944 20.5 12C20.5 7.30558 16.6944 3.5 12 3.5ZM2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M8.50195 12.5513C8.50195 14.4831 10.068 16.0491 11.9998 16.0491C13.9316 16.0491 15.4976 14.4831 15.4976 12.5513H16.9976C16.9976 15.3115 14.76 17.5491 11.9998 17.5491C9.23956 17.5491 7.00195 15.3115 7.00195 12.5513H8.50195Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpOutlineEmojiIcon.displayName = 'IconlySharpOutlineEmojiIcon';
-
-export const IconlySharpOutlineFilter3Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} 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.25 2.65674H21.75V7.41752L15 14.304V19.3461L9 21.691V14.304L2.25 7.41752V2.65674ZM3.75 4.15674V6.80497L10.5 13.6915V19.4943L13.5 18.3218V13.6915L20.25 6.80497V4.15674H3.75Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpOutlineFilter3Icon.displayName = 'IconlySharpOutlineFilter3Icon';
-
-export const IconlySharpOutlineFilterIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} 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="M8.49512 6.50391H19.6372V8.00391H8.49512V6.50391Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M3.25 7.19391C3.25 5.33256 4.76861 3.83252 6.63019 3.83252C8.49178 3.83252 10.0104 5.33256 10.0104 7.19391C10.0104 9.05526 8.49178 10.5553 6.63019 10.5553C4.76861 10.5553 3.25 9.05526 3.25 7.19391ZM6.63019 5.33252C5.58687 5.33252 4.75 6.17112 4.75 7.19391C4.75 8.21671 5.58687 9.05531 6.63019 9.05531C7.67351 9.05531 8.51039 8.21671 8.51039 7.19391C8.51039 6.17112 7.67351 5.33252 6.63019 5.33252Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M15.5049 16.1167H4.36285V17.6167H15.5049V16.1167Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M20.75 16.8062C20.75 14.9449 19.2314 13.4448 17.3698 13.4448C15.5082 13.4448 13.9896 14.9449 13.9896 16.8062C13.9896 18.6676 15.5082 20.1676 17.3698 20.1676C19.2314 20.1676 20.75 18.6676 20.75 16.8062ZM17.3698 14.9448C18.4131 14.9448 19.25 15.7834 19.25 16.8062C19.25 17.829 18.4131 18.6676 17.3698 18.6676C16.3265 18.6676 15.4896 17.829 15.4896 16.8062C15.4896 15.7834 16.3265 14.9448 17.3698 14.9448Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpOutlineFilterIcon.displayName = 'IconlySharpOutlineFilterIcon';
-
-export const IconlySharpOutlineFolderIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} 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.88281 14.3365H17.1178V15.8365H6.88281V14.3365Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M2 2.92346H10.0699L12.3315 5.70239H22V21.0765H2V2.92346ZM3.5 4.42346V19.5765H20.5V7.20239H11.6183L9.35666 4.42346H3.5Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpOutlineFolderIcon.displayName = 'IconlySharpOutlineFolderIcon';
-
-export const IconlySharpOutlineGameIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} 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.39204 11.4819V16.6297H7.89204V11.4819H9.39204Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M6.0303 13.306H11.2522V14.806H6.0303V13.306Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M14.1358 11.5929H15.7401V13.0929H14.1358V11.5929Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M15.9016 15.0747H17.5059V16.5747H15.9016V15.0747Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M8.32812 2.25V3C8.32812 3.29288 8.57461 3.55594 8.91061 3.55594H9.94233C11.4758 3.5614 12.7427 4.78242 12.7498 6.32055L12.7498 6.32402L12.7498 7.78126H11.2498V6.32596C11.2458 5.63968 10.6743 5.05919 9.93818 5.05594H8.91061C7.77479 5.05594 6.82812 4.14962 6.82812 3V2.25H8.32812Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M8.23718 21.75C4.00343 21.75 0.571289 18.3179 0.571289 14.0841C0.571289 9.85035 4.00343 6.41821 8.23719 6.4182L15.7618 6.4182C19.9956 6.4182 23.4277 9.85035 23.4277 14.0841C23.4277 18.3179 19.9956 21.75 15.7618 21.75L8.23718 21.75ZM2.07129 14.0841C2.07129 17.4894 4.83185 20.25 8.23718 20.25L15.7618 20.25C19.1672 20.25 21.9277 17.4894 21.9277 14.0841C21.9277 10.6788 19.1672 7.9182 15.7618 7.9182L8.23719 7.9182C4.83186 7.91821 2.07129 10.6788 2.07129 14.0841Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpOutlineGameIcon.displayName = 'IconlySharpOutlineGameIcon';
-
-export const IconlySharpOutlineGraphIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} 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="M8.81356 21.8365C10.4631 22.1646 12.173 21.9962 13.7268 21.3526C15.2807 20.7089 16.6088 19.619 17.5432 18.2205C18.4776 16.8221 18.9764 15.178 18.9764 13.4961V12.7461H11.2226V4.99225L10.4726 4.99224C8.79067 4.99224 7.14655 5.49099 5.7481 6.4254C4.34966 7.35981 3.2597 8.68792 2.61607 10.2418C1.97243 11.7957 1.80403 13.5055 2.13215 15.1551C2.46027 16.8047 3.27018 18.3199 4.45946 19.5092C5.64874 20.6984 7.16398 21.5084 8.81356 21.8365ZM13.1528 19.9667C11.873 20.4968 10.4648 20.6355 9.10619 20.3653C7.74758 20.0951 6.49962 19.428 5.52012 18.4485C4.54062 17.469 3.87357 16.221 3.60333 14.8624C3.33309 13.5038 3.47179 12.0956 4.00189 10.8158C4.53199 9.53604 5.42969 8.44219 6.58146 7.6726C7.52423 7.04266 8.60257 6.65314 9.72257 6.53251V14.2461H17.4361C17.3155 15.3661 16.926 16.4444 16.296 17.3872C15.5264 18.5389 14.4326 19.4366 13.1528 19.9667Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M12.7773 11.254L22.0311 11.254L22.0311 10.504C22.0311 8.24868 21.1351 6.0857 19.5404 4.49092C17.9456 2.89615 15.7826 2.00021 13.5273 2.00022H12.7773L12.7773 11.254ZM14.2773 9.75403L14.2773 3.54046C15.859 3.71078 17.3442 4.41611 18.4797 5.55158C19.6152 6.68706 20.3205 8.17227 20.4908 9.75403L14.2773 9.75403Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpOutlineGraphIcon.displayName = 'IconlySharpOutlineGraphIcon';
-
-export const IconlySharpOutlineHeartIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path d="M11.9999 21.1717L11.6999 21.0417C6.98994 18.9517 1.97994 14.8517 1.99994 9.59169C2.00994 6.49169 3.72994 4.00169 6.47994 3.12169C8.58994 2.44169 10.5199 2.95169 11.9999 4.56169C13.4799 2.95169 15.4099 2.44169 17.5199 3.12169C20.2699 4.01169 21.9899 6.49169 21.9999 9.60169C22.0299 14.8517 17.0099 18.9517 12.2999 21.0417L11.9999 21.1717ZM8.24994 4.32169C7.82994 4.32169 7.39994 4.39169 6.93994 4.54169C4.40994 5.35169 3.49994 7.69169 3.49994 9.60169C3.47994 14.0217 7.99994 17.6717 11.9999 19.5217C15.9999 17.6717 20.5199 14.0217 20.4999 9.60169C20.4999 7.69169 19.5799 5.36169 17.0599 4.54169C15.2699 3.96169 13.7799 4.52169 12.6199 6.18169L11.9999 7.06169L11.3799 6.18169C10.5199 4.94169 9.46994 4.31169 8.24994 4.31169V4.32169Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpOutlineHeartIcon.displayName = 'IconlySharpOutlineHeartIcon';
-
-export const IconlySharpOutlineHeart2Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="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.94 14.3714H12.09C13.77 14.3714 15.41 13.3214 16.4 11.6314L16.78 10.9814L15.48 10.2314L15.1 10.8814C14.53 11.8614 13.43 12.9514 12.01 12.8714C10.61 12.9214 9.52002 11.8614 8.95002 10.8814L8.57002 10.2314L7.27002 10.9814L7.65002 11.6314C8.64002 13.3314 10.29 14.3714 11.94 14.3714Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M11.7001 21.0417L12.0001 21.1717L12.3001 21.0417C17.0101 18.9517 22.0301 14.8517 22.0001 9.60169C21.9901 6.49169 20.2701 4.01169 17.5201 3.12169C15.4101 2.44169 13.4801 2.95169 12.0001 4.56169C10.5201 2.95169 8.59006 2.44169 6.48006 3.12169C3.73006 4.01169 2.01006 6.49169 2.00006 9.60169C1.98006 14.8617 7.00006 18.9617 11.7001 21.0417ZM6.94006 4.55169C7.40006 4.40169 7.83006 4.33169 8.25006 4.33169V4.32169C9.47006 4.32169 10.5201 4.95169 11.3801 6.19169L12.0001 7.07169L12.6201 6.19169C13.7801 4.53169 15.2801 3.97169 17.0601 4.55169C19.5801 5.37169 20.5001 7.70169 20.5001 9.61169C20.5201 14.0317 16.0001 17.6817 12.0001 19.5317C8.00006 17.6817 3.48006 14.0317 3.50006 9.61169C3.50006 7.70169 4.41006 5.36169 6.94006 4.55169Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpOutlineHeart2Icon.displayName = 'IconlySharpOutlineHeart2Icon';
-
-export const IconlySharpOutlineHideIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} 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.07255 7.72859C4.12757 12.0546 7.83902 14.7596 11.998 14.7614C11.9993 14.7614 12.0007 14.7614 12.002 14.7614V13.2614C12.0013 13.2614 12.0007 13.2614 12 13.2614C11.9993 13.2614 11.9987 13.2614 11.998 13.2614M12 13.2614C15.4547 13.2605 18.7066 11.013 20.5725 7.08496L20.8944 6.40752L22.2493 7.05114L21.9274 7.72859C19.8724 12.0546 16.161 14.7596 12.002 14.7614M12 13.2614C8.54533 13.2605 5.2934 11.013 3.42744 7.08496L3.10563 6.40752L1.75073 7.05114L2.07255 7.72859" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M18.5897 10.2148L21.7615 13.3866L20.7008 14.4473L17.5291 11.2755L18.5897 10.2148Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M5.33123 10.2148L2.15946 13.3866L3.22012 14.4473L6.39189 11.2755L5.33123 10.2148Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M14.8435 12.754L16.1061 17.1041L14.6656 17.5222L13.4029 13.1722L14.8435 12.754Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M9.07668 12.7543L7.81404 17.1044L9.25459 17.5225L10.5172 13.1724L9.07668 12.7543Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpOutlineHideIcon.displayName = 'IconlySharpOutlineHideIcon';
-
-export const IconlySharpOutlineHome2Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} 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="M11.8957 1.83008L21.1937 8.35757V22H13.8281V16.9211H10.2064V22H2.80664V8.36285L11.8957 1.83008ZM11.9059 3.66999L4.30664 9.13198V20.5H8.70642V15.4211H15.3281V20.5H19.6937V9.13726L11.9059 3.66999Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpOutlineHome2Icon.displayName = 'IconlySharpOutlineHome2Icon';
-
-export const IconlySharpOutlineHomeIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} 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="M11.9998 1.76233L23.1235 11.294L22.1475 12.433L11.9998 3.73769L1.85208 12.433L0.87607 11.294L11.9998 1.76233Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M4.84277 9.40918V20.5001H19.1603V9.40918H20.6603V22.0001H3.34277V9.40918H4.84277Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M12.7498 11.9548L12.7498 16.8632L11.2498 16.8632L11.2498 11.9548L12.7498 11.9548Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpOutlineHomeIcon.displayName = 'IconlySharpOutlineHomeIcon';
-
-export const IconlySharpOutlineImage3Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} 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="M8.64709 7.26953C7.92647 7.26973 7.3418 7.85395 7.3418 8.5752C7.3418 9.29657 7.92667 9.88086 8.64746 9.88086C9.36895 9.88086 9.95288 9.29707 9.95313 8.57564C9.95226 7.8548 9.36792 7.27044 8.64709 7.26953ZM5.8418 8.5752C5.8418 7.02487 7.09878 5.76953 8.64746 5.76953H8.6482C10.1966 5.77105 11.4516 7.02609 11.4531 8.57446L11.4531 8.5752C11.4531 10.1253 10.1975 11.3809 8.64746 11.3809C7.09878 11.3809 5.8418 10.1255 5.8418 8.5752Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M14.2114 10.9033H15.151L22.0647 20.6558L20.841 21.5233L14.693 12.851L10.6844 18.6842H9.79786L7.29864 16.4413L3.28415 21.7786L2.08539 20.8769L6.77073 14.6477H7.54595L10.0772 16.9194L14.2114 10.9033Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M2 22L2 2L22 2L22 22L2 22ZM3.5 20.5L20.5 20.5L20.5 3.5L3.5 3.5L3.5 20.5Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpOutlineImage3Icon.displayName = 'IconlySharpOutlineImage3Icon';
-
-export const IconlySharpOutlineImageIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path fillRule="evenodd" clipRule="evenodd" d="M14.1565 10.9033H15.0519L19.4201 18.2304L18.8617 18.9603H5.38586L4.92377 18.2003L7.61392 13.2198H8.35629L11.2938 14.7022L14.1565 10.9033ZM14.511 12.9253L11.7372 16.6061L8.39945 14.9218L7.02826 17.4603H17.2147L14.511 12.9253Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M8.50708 6.94141C7.86046 6.94161 7.33691 7.46528 7.33691 8.11195C7.33691 8.75875 7.86066 9.2825 8.50746 9.2825C9.15425 9.2825 9.678 8.75875 9.678 8.11195C9.678 7.46599 9.155 6.94229 8.50708 6.94141ZM5.83691 8.11195C5.83691 6.63673 7.03224 5.44141 8.50746 5.44141H8.50823C9.98214 5.44293 11.178 6.63602 11.178 8.11195C11.178 9.58717 9.98268 10.7825 8.50746 10.7825C7.03224 10.7825 5.83691 9.58717 5.83691 8.11195Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M2 22L2 2L22 2L22 22L2 22ZM3.5 20.5L20.5 20.5L20.5 3.5L3.5 3.5L3.5 20.5Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpOutlineImageIcon.displayName = 'IconlySharpOutlineImageIcon';
-
-export const IconlySharpOutlineInfoSquareIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path fillRule="evenodd" clipRule="evenodd" d="M12.7441 11.25V16.75H11.2441V11.25H12.7441Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M11.2401 7.4541H12.7501V8.9541H11.2401V7.4541Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M2 22L2 2L22 2L22 22L2 22ZM3.5 20.5L20.5 20.5L20.5 3.5L3.5 3.5L3.5 20.5Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpOutlineInfoSquareIcon.displayName = 'IconlySharpOutlineInfoSquareIcon';
-
-export const IconlySharpOutlineLocation2Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} 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="M8.85046 9.6006C8.85046 7.86041 10.2607 6.4502 12.0009 6.4502C13.7403 6.4502 15.1503 7.86061 15.1503 9.6006C15.1503 11.3398 13.7401 12.75 12.0009 12.75C10.2609 12.75 8.85046 11.34 8.85046 9.6006ZM12.0009 7.9502C11.0891 7.9502 10.3505 8.68884 10.3505 9.6006C10.3505 10.5112 11.0889 11.25 12.0009 11.25C12.9117 11.25 13.6503 10.5114 13.6503 9.6006C13.6503 8.68864 12.9115 7.9502 12.0009 7.9502Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M11.9995 2.75C8.46322 2.75 5.4382 5.949 5.54986 9.55056C5.62884 12.0982 7.23388 14.1184 9.01953 16.0698C9.19886 16.2658 9.38097 16.4622 9.56318 16.6586C10.2578 17.4075 10.9536 18.1578 11.5011 18.8932C11.6755 19.1274 11.8413 19.3682 11.9917 19.6157C12.1464 19.3588 12.3179 19.1095 12.4991 18.8674C13.0494 18.1321 13.7495 17.3878 14.4464 16.6469C14.6264 16.4555 14.8062 16.2644 14.9831 16.0737C16.7652 14.1531 18.3705 12.1561 18.4501 9.5509C18.5601 5.94884 15.5356 2.75 11.9995 2.75ZM12.7495 22C12.7495 21.3168 13.0739 20.6027 13.7 19.7663C14.1947 19.1052 14.8176 18.4426 15.5059 17.7103C15.6937 17.5105 15.8864 17.3055 16.0827 17.094C17.8562 15.1825 19.851 12.816 19.9494 9.59671C20.0842 5.18361 16.4166 1.25 11.9995 1.25C7.58264 1.25 3.91375 5.18356 4.05058 9.59705C4.14855 12.7569 6.14315 15.1483 7.91291 17.0824C8.11125 17.2992 8.30603 17.5093 8.4959 17.7142C9.18178 18.4541 9.80363 19.125 10.2979 19.7889C10.9278 20.635 11.2495 21.3434 11.2495 22H12.7495Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpOutlineLocation2Icon.displayName = 'IconlySharpOutlineLocation2Icon';
-
-export const IconlySharpOutlineLocationIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} 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="M8.76367 10.8064C8.76367 9.01834 10.2127 7.56934 12.0007 7.56934C13.788 7.56934 15.2368 9.01854 15.2368 10.8064C15.2368 12.5934 13.7878 14.0424 12.0007 14.0424C10.2129 14.0424 8.76367 12.5936 8.76367 10.8064ZM12.0007 9.06934C11.0411 9.06934 10.2637 9.84677 10.2637 10.8064C10.2637 11.7648 11.0409 12.5424 12.0007 12.5424C12.9593 12.5424 13.7368 11.765 13.7368 10.8064C13.7368 9.84657 12.9592 9.06934 12.0007 9.06934Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M11.9998 3.50012C8.31991 3.50012 5.17408 6.82786 5.29022 10.5741C5.37304 13.2456 7.07463 15.736 8.88068 17.6226C9.77081 18.5524 10.6577 19.3058 11.3226 19.8268C11.5924 20.0382 11.8247 20.2106 12.0046 20.3402C12.1836 20.2138 12.4143 20.0459 12.682 19.8399C13.346 19.3288 14.2319 18.5873 15.121 17.6659C16.9228 15.7987 18.6267 13.308 18.7102 10.5744C18.8247 6.8277 15.6794 3.50012 11.9998 3.50012ZM11.9998 21.25C11.5904 21.8785 11.5902 21.8784 11.59 21.8782L11.5894 21.8778L11.5877 21.8767L11.5824 21.8732L11.5639 21.861C11.5482 21.8506 11.5258 21.8356 11.4972 21.8162C11.4398 21.7773 11.3574 21.7206 11.2533 21.6469C11.0453 21.4996 10.7506 21.2842 10.3975 21.0075C9.69242 20.4551 8.74889 19.6541 7.79715 18.6599C5.91945 16.6985 3.89145 13.8625 3.79094 10.6206C3.64962 6.06242 7.43933 2.00012 11.9998 2.00012C16.5603 2.00012 20.3488 6.06246 20.2095 10.6202C20.1087 13.9214 18.0825 16.7571 16.2004 18.7075C15.2475 19.695 14.3029 20.4852 13.5969 21.0285C13.2434 21.3006 12.9482 21.512 12.7398 21.6564C12.6356 21.7286 12.5529 21.7841 12.4954 21.8221C12.4667 21.8412 12.4442 21.8559 12.4284 21.8661L12.4098 21.878L12.4044 21.8815L12.4027 21.8826L12.4021 21.883C12.4019 21.8831 12.4017 21.8833 11.9998 21.25ZM11.9998 21.25L12.4017 21.8833L11.9945 22.1417L11.5904 21.8785L11.9998 21.25Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpOutlineLocationIcon.displayName = 'IconlySharpOutlineLocationIcon';
-
-export const IconlySharpOutlineLockIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} 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.75831 7.14007C6.77112 4.21248 9.15341 1.85043 12.0799 1.86235C15.0064 1.86323 17.3793 4.23668 17.3793 7.16335V9.84474H15.8793V7.16335C15.8793 5.06456 14.1771 3.36235 12.0783 3.36235H12.075C9.97682 3.35317 8.26833 5.04593 8.2583 7.14507V9.84474H6.7583L6.75831 7.14007Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M12.6812 13.3149V17.0359H11.1812V13.3149H12.6812Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M3.70557 21.8623L3.70557 8.48877L20.4306 8.48877L20.4306 21.8623L3.70557 21.8623ZM5.20557 20.3623L18.9306 20.3623L18.9306 9.98877L5.20557 9.98877L5.20557 20.3623Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpOutlineLockIcon.displayName = 'IconlySharpOutlineLockIcon';
-
-export const IconlySharpOutlineLogin1Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} 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="M8.3042 22L8.3042 15.875L9.8042 15.875L9.8042 20.5L19.733 20.5L19.733 3.5L9.8042 3.5L9.8042 8.125L8.3042 8.125L8.3042 2L21.233 2L21.233 22L8.3042 22Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M18.2065 12.75L2.76727 12.75L2.76727 11.25L18.2065 11.25L18.2065 12.75Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M17.4564 11.25C14.5114 11.25 12.1108 13.8349 12.1108 16.5955L12.1108 17.3455L13.6108 17.3455L13.6108 16.5955C13.6108 14.6312 15.3715 12.75 17.4564 12.75L18.2064 12.75L18.2064 11.25L17.4564 11.25Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M17.4564 12.75C14.5114 12.75 12.1108 10.1651 12.1108 7.40449L12.1108 6.65449L13.6108 6.65449L13.6108 7.40449C13.6108 9.36881 15.3715 11.25 17.4564 11.25L18.2064 11.25L18.2064 12.75L17.4564 12.75Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpOutlineLogin1Icon.displayName = 'IconlySharpOutlineLogin1Icon';
-
-export const IconlySharpOutlineLoginIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} 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.40723 12.7502L16.685 12.7502L16.685 11.2502L2.40723 11.2502L2.40723 12.7502Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M13.3931 16.3356L17.748 12L13.3933 7.66321L12.3348 8.72604L15.6221 11.9999L12.3348 15.2726L13.3931 16.3356Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M8.66406 22L8.66406 15.875L10.1641 15.875L10.1641 20.5L20.0929 20.5L20.0929 3.5L10.1641 3.5L10.1641 8.125L8.66406 8.125L8.66406 2L21.5929 2L21.5929 22L8.66406 22Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpOutlineLoginIcon.displayName = 'IconlySharpOutlineLoginIcon';
-
-export const IconlySharpOutlineLogout1Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} 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="M13.5493 2L13.5493 8.125L12.0493 8.125L12.0493 3.5L3.02538 3.5L3.02538 20.5L12.0493 20.5L12.0493 15.875L13.5493 15.875L13.5493 22L1.52538 22L1.52538 2L13.5493 2Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M22.4746 11.251L7.03534 11.251L7.03534 12.751L22.4746 12.751L22.4746 11.251Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M21.7244 12.751C18.7794 12.751 16.3789 10.1661 16.3789 7.40547L16.3789 6.65547L17.8789 6.65547L17.8789 7.40547C17.8789 9.36978 19.6396 11.251 21.7244 11.251L22.4744 11.251L22.4744 12.751L21.7244 12.751Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M21.7244 11.251C18.7794 11.251 16.3789 13.8358 16.3789 16.5965L16.3789 17.3465L17.8789 17.3465L17.8789 16.5965C17.8789 14.6322 19.6396 12.751 21.7244 12.751L22.4744 12.751L22.4744 11.251L21.7244 11.251Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpOutlineLogout1Icon.displayName = 'IconlySharpOutlineLogout1Icon';
-
-export const IconlySharpOutlineLogoutIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} 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="M7.24121 11.2498L21.519 11.2498L21.519 12.7498L7.24121 12.7498L7.24121 11.2498Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M18.2266 7.66443L22.5815 12L18.2268 16.3368L17.1683 15.274L20.4556 12.0001L17.1683 8.72745L18.2266 7.66443Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M13.7554 2L13.7554 8.125L12.2554 8.125L12.2554 3.5L3.23144 3.5L3.23143 20.5L12.2554 20.5L12.2554 15.875L13.7554 15.875L13.7554 22L1.73143 22L1.73144 2L13.7554 2Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpOutlineLogoutIcon.displayName = 'IconlySharpOutlineLogoutIcon';
-
-export const IconlySharpOutlineMessageIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} 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.16631 7.79602L12.0395 12.5686L17.9128 7.79602L18.8587 8.96013L12.0395 14.5014L5.22035 8.96013L6.16631 7.79602Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M1.25 2.25H22.75V21.75H1.25V2.25ZM2.75 3.75V20.25H21.25V3.75H2.75Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpOutlineMessageIcon.displayName = 'IconlySharpOutlineMessageIcon';
-
-export const IconlySharpOutlineMoreCircleIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path fillRule="evenodd" clipRule="evenodd" d="M6.21875 15.0625C4.71746 15.0625 3.5 16.28 3.5 17.7812C3.5 19.2826 4.71714 20.5 6.21875 20.5C7.72004 20.5 8.9375 19.2825 8.9375 17.7812C8.9375 16.2796 7.72009 15.0625 6.21875 15.0625ZM2 17.7812C2 15.4515 3.88904 13.5625 6.21875 13.5625C8.54841 13.5625 10.4375 15.4511 10.4375 17.7812C10.4375 20.111 8.54846 22 6.21875 22C3.88861 22 2 20.1109 2 17.7812Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M17.7812 15.0625C16.28 15.0625 15.0625 16.28 15.0625 17.7812C15.0625 19.2826 16.2796 20.5 17.7812 20.5C19.2825 20.5 20.5 19.2825 20.5 17.7812C20.5 16.2796 19.2826 15.0625 17.7812 15.0625ZM13.5625 17.7812C13.5625 15.4515 15.4515 13.5625 17.7812 13.5625C20.1109 13.5625 22 15.4511 22 17.7812C22 20.111 20.111 22 17.7812 22C15.4511 22 13.5625 20.1109 13.5625 17.7812Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M12 3.5C10.4987 3.5 9.28125 4.71746 9.28125 6.21875C9.28125 7.72009 10.4984 8.9375 12 8.9375C13.5013 8.9375 14.7188 7.72004 14.7188 6.21875C14.7188 4.71714 13.5013 3.5 12 3.5ZM7.78125 6.21875C7.78125 3.88904 9.67029 2 12 2C14.3297 2 16.2188 3.88861 16.2188 6.21875C16.2188 8.54846 14.3297 10.4375 12 10.4375C9.66986 10.4375 7.78125 8.54841 7.78125 6.21875Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpOutlineMoreCircleIcon.displayName = 'IconlySharpOutlineMoreCircleIcon';
-
-export const IconlySharpOutlineMoreSquareIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path fillRule="evenodd" clipRule="evenodd" d="M15.1898 11.2627H16.6988V12.7627H15.1898V11.2627Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M11.1801 11.2627H12.6891V12.7627H11.1801V11.2627Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M7.1713 11.2627H8.6803V12.7627H7.1713V11.2627Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M2 22L2 2L22 2L22 22L2 22ZM3.5 20.5L20.5 20.5L20.5 3.5L3.5 3.5L3.5 20.5Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpOutlineMoreSquareIcon.displayName = 'IconlySharpOutlineMoreSquareIcon';
-
-export const IconlySharpOutlineNotification2Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} 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="M5.06186 8.93778C5.06186 5.10615 8.168 2 11.9996 2V3.5C8.99643 3.5 6.56186 5.93458 6.56186 8.93778V13.826L4.94922 15.4607V17.1072H19.05V15.4607L17.4374 13.826V8.93778H18.9374V13.2107L20.55 14.8453V18.6072H3.44922V14.8453L5.06186 13.2107V8.93778Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M8.08398 18.0834V17.8574H9.58398V18.0834C9.58398 19.4181 10.666 20.5001 12.0007 20.5001C13.3353 20.5001 14.4173 19.4181 14.4173 18.0834V17.8574H15.9173V18.0834C15.9173 20.2465 14.1638 22.0001 12.0007 22.0001C9.83754 22.0001 8.08398 20.2465 8.08398 18.0834Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M16.3379 3.22961C15.4571 3.22961 14.7432 3.9436 14.7432 4.82434C14.7432 5.70508 15.4571 6.41907 16.3379 6.41907C17.2186 6.41907 17.9326 5.70508 17.9326 4.82434C17.9326 3.9436 17.2186 3.22961 16.3379 3.22961ZM13.2432 4.82434C13.2432 3.11517 14.6287 1.72961 16.3379 1.72961C18.0471 1.72961 19.4326 3.11517 19.4326 4.82434C19.4326 6.53351 18.0471 7.91907 16.3379 7.91907C14.6287 7.91907 13.2432 6.53351 13.2432 4.82434Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpOutlineNotification2Icon.displayName = 'IconlySharpOutlineNotification2Icon';
-
-export const IconlySharpOutlineNotification3Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} 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="M11.2497 3.4477V1.99976H12.7497V3.4477C16.2954 3.82218 19.0583 6.82193 19.0583 10.467V13.2602C19.0583 14.9944 19.5855 16.6876 20.5699 18.1154L21.3806 19.2911H2.61874L3.42941 18.1154C4.41384 16.6876 4.94101 14.9944 4.94101 13.2602V10.467C4.94101 6.82193 7.70388 3.82219 11.2497 3.4477ZM11.9997 4.90832C8.9297 4.90832 6.44101 7.39702 6.44101 10.467V13.2602C6.44101 14.8404 6.0686 16.3917 5.36208 17.7911H18.6372C17.9307 16.3917 17.5583 14.8404 17.5583 13.2602V10.467C17.5583 7.39702 15.0696 4.90832 11.9997 4.90832Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M8.02167 18.7714V18.541H9.52167V18.7714C9.52167 20.1403 10.6313 21.25 12.0002 21.25C13.369 21.25 14.4787 20.1403 14.4787 18.7714V18.541H15.9787V18.7714C15.9787 20.9687 14.1975 22.75 12.0002 22.75C9.80292 22.75 8.02167 20.9687 8.02167 18.7714Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpOutlineNotification3Icon.displayName = 'IconlySharpOutlineNotification3Icon';
-
-export const IconlySharpOutlineNotificationIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} 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="M5.06186 8.93778C5.06186 5.10615 8.16801 2 11.9996 2C15.8313 2 18.9374 5.10615 18.9374 8.93777V13.3835L20.8789 18.6072H3.12034L5.06186 13.3835V8.93778ZM11.9996 3.5C8.99644 3.5 6.56186 5.93458 6.56186 8.93778V13.6532L5.27811 17.1072H18.7212L17.4374 13.6532V8.93777C17.4374 5.93457 15.0028 3.5 11.9996 3.5Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M8.08398 18.0834V17.8574H9.58398V18.0834C9.58398 19.4181 10.666 20.5001 12.0007 20.5001C13.3353 20.5001 14.4173 19.4181 14.4173 18.0834V17.8574H15.9173V18.0834C15.9173 20.2465 14.1638 22.0001 12.0007 22.0001C9.83754 22.0001 8.08398 20.2465 8.08398 18.0834Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpOutlineNotificationIcon.displayName = 'IconlySharpOutlineNotificationIcon';
-
-export const IconlySharpOutlinePaperDownload1Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} 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="M3.5752 2H14.8875L20.4245 7.76648V22H3.5752V2ZM5.0752 3.5V20.5H18.9245V8.37004L14.2483 3.5H5.0752Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M14.8418 2.55469V7.90011H19.9489V9.40011H13.3418V2.55469H14.8418Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M10.1133 18.2832L10.1133 8.93683L11.6133 8.93683L11.6133 18.2832L10.1133 18.2832Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M11.6133 17.5331C11.6133 15.6874 10.0045 14.1963 8.27648 14.1963L7.52648 14.1963L7.52648 15.6963L8.27648 15.6963C9.20815 15.6963 10.1133 16.5475 10.1133 17.5331L10.1133 18.2831L11.6133 18.2831L11.6133 17.5331Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M10.1133 17.5331C10.1133 15.6874 11.7221 14.1963 13.4501 14.1963L14.2001 14.1963L14.2001 15.6963L13.4501 15.6963C12.5184 15.6963 11.6133 16.5475 11.6133 17.5331L11.6133 18.2831L10.1133 18.2831L10.1133 17.5331Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpOutlinePaperDownload1Icon.displayName = 'IconlySharpOutlinePaperDownload1Icon';
-
-export const IconlySharpOutlinePaperDownloadIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} 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="M3.5752 2H14.8875L20.4245 7.76648V22H3.5752V2ZM5.0752 3.5V20.5H18.9245V8.37004L14.2483 3.5H5.0752Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M14.8418 2.55469V7.90011H19.9489V9.40011H13.3418V2.55469H14.8418Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M11.6143 17.0774V9.48801H10.1143V17.0774H11.6143Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M10.8638 17.9577L14.2882 14.5187L13.2253 13.4603L10.8638 15.8319L8.50225 13.4603L7.43933 14.5187L10.8638 17.9577Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpOutlinePaperDownloadIcon.displayName = 'IconlySharpOutlinePaperDownloadIcon';
-
-export const IconlySharpOutlinePaperFailIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} 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.6621 11.278L14.2165 15.8324L13.1559 16.893L8.60144 12.3386L9.6621 11.278Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M14.2184 12.3386L9.66399 16.893L8.60333 15.8324L13.1578 11.278L14.2184 12.3386Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M3.5752 2H14.8875L20.4245 7.76648V22H3.5752V2ZM5.0752 3.5V20.5H18.9245V8.37004L14.2483 3.5H5.0752Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M14.8418 2.55469V7.90011H19.9489V9.40011H13.3418V2.55469H14.8418Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpOutlinePaperFailIcon.displayName = 'IconlySharpOutlinePaperFailIcon';
-
-export const IconlySharpOutlinePaperNegativeIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} 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="M8.40332 13.661H14.8426V15.161H8.40332V13.661Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M3.5752 2H14.8875L20.4245 7.76648V22H3.5752V2ZM5.0752 3.5V20.5H18.9245V8.37004L14.2483 3.5H5.0752Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M14.8418 2.55469V7.90011H19.9489V9.40011H13.3418V2.55469H14.8418Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpOutlinePaperNegativeIcon.displayName = 'IconlySharpOutlinePaperNegativeIcon';
-
-export const IconlySharpOutlinePaperPlusIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} 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="M8.40311 13.661H14.8424V15.161H8.40311V13.661Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M12.3729 11.1915L12.3729 17.6307L10.8729 17.6307L10.8729 11.1915L12.3729 11.1915Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M3.5752 2H14.8875L20.4245 7.76648V22H3.5752V2ZM5.0752 3.5V20.5H18.9245V8.37004L14.2483 3.5H5.0752Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M14.8418 2.55469V7.90011H19.9489V9.40011H13.3418V2.55469H14.8418Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpOutlinePaperPlusIcon.displayName = 'IconlySharpOutlinePaperPlusIcon';
-
-export const IconlySharpOutlinePaperUpload1Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} 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="M3.5752 2H14.8875L20.4245 7.76648V22H3.5752V2ZM5.0752 3.5V20.5H18.9245V8.37004L14.2483 3.5H5.0752Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M14.8428 2.55469V7.90011H19.9498V9.40011H13.3428V2.55469H14.8428Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M10.1143 9.73096L10.1143 19.0773L11.6143 19.0773L11.6143 9.73096L10.1143 9.73096Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M11.6143 10.4811C11.6143 12.3268 10.0055 13.8179 8.27746 13.8179L7.52746 13.8179L7.52746 12.3179L8.27746 12.3179C9.20913 12.3179 10.1143 11.4666 10.1143 10.4811L10.1143 9.73107L11.6143 9.73107L11.6143 10.4811Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M10.1143 10.4811C10.1143 12.3268 11.7231 13.8179 13.4511 13.8179L14.2011 13.8179L14.2011 12.3179L13.4511 12.3179C12.5194 12.3179 11.6143 11.4666 11.6143 10.4811L11.6143 9.73107L10.1143 9.73107L10.1143 10.4811Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpOutlinePaperUpload1Icon.displayName = 'IconlySharpOutlinePaperUpload1Icon';
-
-export const IconlySharpOutlinePaperUploadIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} 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="M3.5752 2H14.8875L20.4245 7.76648V22H3.5752V2ZM5.0752 3.5V20.5H18.9245V8.37004L14.2483 3.5H5.0752Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M14.8425 2.55469V7.90011H19.9496V9.40011H13.3425V2.55469H14.8425Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M11.6142 10.0555V17.6449H10.1142V10.0555H11.6142Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M10.8645 9.17505L14.2889 12.6141L13.226 13.6725L10.8645 11.3009L8.50298 13.6725L7.44006 12.6141L10.8645 9.17505Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpOutlinePaperUploadIcon.displayName = 'IconlySharpOutlinePaperUploadIcon';
-
-export const IconlySharpOutlinePaperIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} 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="M7.89941 15.5365H14.8427V17.0365H7.89941V15.5365Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M7.89844 11.754H12.7813V13.254H7.89844V11.754Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M3.5752 2H14.8875L20.4245 7.76648V22H3.5752V2ZM5.0752 3.5V20.5H18.9245V8.37004L14.2483 3.5H5.0752Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M14.8418 2.55469V7.90011H19.9489V9.40011H13.3418V2.55469H14.8418Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpOutlinePaperIcon.displayName = 'IconlySharpOutlinePaperIcon';
-
-export const IconlySharpOutlinePasswordIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} 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="M8.83735 10.8984C8.22857 10.8984 7.73535 11.3917 7.73535 12.0004C7.73535 12.6092 8.22857 13.1024 8.83735 13.1024C9.44614 13.1024 9.93935 12.6092 9.93935 12.0004C9.93935 11.3921 9.4465 10.8992 8.83994 10.8984H8.83735ZM6.23535 12.0004C6.23535 10.5632 7.40014 9.39844 8.83735 9.39844H8.84035C10.2756 9.39984 11.4394 10.5649 11.4394 12.0004C11.4394 13.4377 10.2746 14.6024 8.83735 14.6024C7.40014 14.6024 6.23535 13.4377 6.23535 12.0004Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M9.94189 11.25H17.7599V14.602H16.2599V12.75H9.94189V11.25Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M14.9316 11.25V14.602H13.4316V11.25H14.9316Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M2 22L2 2L22 2L22 22L2 22ZM3.5 20.5L20.5 20.5L20.5 3.5L3.5 3.5L3.5 20.5Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpOutlinePasswordIcon.displayName = 'IconlySharpOutlinePasswordIcon';
-
-export const IconlySharpOutlinePlayIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path fillRule="evenodd" clipRule="evenodd" d="M12 3.5C7.30544 3.5 3.5 7.30544 3.5 12C3.5 16.6946 7.30544 20.5 12 20.5C16.6937 20.5 20.5 16.6945 20.5 12C20.5 7.30549 16.6937 3.5 12 3.5ZM2 12C2 6.47701 6.47701 2 12 2C17.522 2 22 6.47696 22 12C22 17.523 17.522 22 12 22C6.47701 22 2 17.523 2 12Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M9.66396 7.76843L16.3203 11.9952L9.66396 16.222V7.76843ZM11.164 10.4978V13.4926L13.5221 11.9952L11.164 10.4978Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpOutlinePlayIcon.displayName = 'IconlySharpOutlinePlayIcon';
-
-export const IconlySharpOutlinePlusIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path fillRule="evenodd" clipRule="evenodd" d="M12.7496 7.57764V16.404H11.2496V7.57764H12.7496Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M7.58398 11.2404H16.4173V12.7404H7.58398V11.2404Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M2 22L2 2L22 2L22 22L2 22ZM3.5 20.5L20.5 20.5L20.5 3.5L3.5 3.5L3.5 20.5Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpOutlinePlusIcon.displayName = 'IconlySharpOutlinePlusIcon';
-
-export const IconlySharpOutlineProfileIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} 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="M11.966 3.5C9.9384 3.5 8.29492 5.14275 8.29492 7.16973C8.29492 9.19672 9.9384 10.8395 11.966 10.8395C13.9921 10.8395 15.6357 9.19686 15.6357 7.16973C15.6357 5.1426 13.9921 3.5 11.966 3.5ZM6.79492 7.16973C6.79492 4.31374 9.11055 2 11.966 2C14.8202 2 17.1357 4.31389 17.1357 7.16973C17.1357 10.0256 14.8202 12.3395 11.966 12.3395C9.11055 12.3395 6.79492 10.0257 6.79492 7.16973Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M5.8789 19.185C7.66288 20.1222 9.73938 20.5057 11.9981 20.5001H12.0017C14.2604 20.5057 16.3369 20.1222 18.1208 19.185C17.0964 16.7392 14.8095 15.5617 12.0018 15.5689H11.998C9.18682 15.5617 6.90363 16.7364 5.8789 19.185ZM11.9999 14.0689C8.50047 14.0605 5.38351 15.6881 4.24192 19.2981L4.06467 19.8586L4.56663 20.1646C6.771 21.5084 9.33364 22.0064 11.9999 22.0001C14.6662 22.0064 17.2288 21.5084 19.4332 20.1646L19.9351 19.8586L19.7579 19.2981C18.6175 15.6917 15.4959 14.0605 11.9999 14.0689Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpOutlineProfileIcon.displayName = 'IconlySharpOutlineProfileIcon';
-
-export const IconlySharpOutlineQRIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} 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.5 2.5H10.8056V10.8056H2.5V2.5ZM4 4V9.30556H9.30556V4H4Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M2.5 13.1945H10.8056V21.5H2.5V13.1945ZM4 14.6945V20H9.30556V14.6945H4Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M13.1945 13.1945H21.5V21.5H13.1945V13.1945ZM14.6945 14.6945V20H20V14.6945H14.6945Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M13.1945 2.5H17.125V4H14.6945V8.11973H13.1945V2.5ZM18.2986 2.5H21.5V5.70139H20V4H18.2986V2.5ZM21.5 6.875V10.8056H18.2986V9.30556H20V6.875H21.5ZM13.1945 9.30556H16.9146V10.8056H13.1945V9.30556Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M18.8467 8.58398H15.5176V4.8656H17.0176V7.08398H18.8467V8.58398Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M17.9435 6.36548L17.9435 4.85548L19.4435 4.85548L19.4435 6.36548L17.9435 6.36548Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M5.90234 7.45117L5.90234 5.85395L7.40234 5.85395L7.40234 7.45117L5.90234 7.45117Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M5.90234 18.1455L5.90234 16.5483L7.40234 16.5483L7.40234 18.1455L5.90234 18.1455Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M16.5977 18.1455L16.5977 16.5483L18.0977 16.5483L18.0977 18.1455L16.5977 18.1455Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpOutlineQRIcon.displayName = 'IconlySharpOutlineQRIcon';
-
-export const IconlySharpOutlineScanIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} 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="M1.25 12.0354H22.75V13.5354H1.25V12.0354Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M14.7656 3.03015H20.9685V9.52539H19.4685V4.53015H14.7656V3.03015Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M3.03107 3.03015H9.26345V4.53015H4.53107V9.52539H3.03107V3.03015Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M20.9685 12.0345V20.9698H14.7656V19.4698H19.4685V12.0345H20.9685Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M4.53107 12.0345V19.4698H9.26345V20.9698H3.03107V12.0345H4.53107Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpOutlineScanIcon.displayName = 'IconlySharpOutlineScanIcon';
-
-export const IconlySharpOutlineSearchIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} 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.9985 3.50024C6.97315 3.50024 3.70996 6.76343 3.70996 10.7888C3.70996 14.8141 6.97315 18.0773 10.9985 18.0773C15.0238 18.0773 18.287 14.8141 18.287 10.7888C18.287 6.76343 15.0238 3.50024 10.9985 3.50024ZM2.20996 10.7888C2.20996 5.93501 6.14472 2.00024 10.9985 2.00024C15.8523 2.00024 19.787 5.93501 19.787 10.7888C19.787 15.6426 15.8523 19.5773 10.9985 19.5773C6.14472 19.5773 2.20996 15.6426 2.20996 10.7888Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M16.4858 15.6477L22.1013 21.2486L21.0421 22.3107L15.4265 16.7097L16.4858 15.6477Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpOutlineSearchIcon.displayName = 'IconlySharpOutlineSearchIcon';
-
-export const IconlySharpOutlineSendIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path fillRule="evenodd" clipRule="evenodd" d="M21.4886 1.81921L22.1414 2.49518L16.3692 22.048H15.3828L10.0028 13.9974L1.95215 8.61738V7.62804L21.4886 1.81921ZM4.41659 8.46018L11.0842 12.916L15.5349 19.576L20.2021 3.76664L4.41659 8.46018Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M16.2926 8.82616L10.7895 14.3292L9.72888 13.2685L15.2319 7.7655L16.2926 8.82616Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpOutlineSendIcon.displayName = 'IconlySharpOutlineSendIcon';
-
-export const IconlySharpOutlineSetting2Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path fillRule="evenodd" clipRule="evenodd" d="M14.1005 12C14.1005 10.8403 13.1604 9.90015 12.0006 9.90015C10.8409 9.90015 9.90071 10.8403 9.90071 12C9.90071 13.1598 10.8409 14.0999 12.0006 14.0999C13.1604 14.0999 14.1005 13.1598 14.1005 12ZM12.0006 8.40015C13.9888 8.40015 15.6005 10.0119 15.6005 12C15.6005 13.9882 13.9888 15.5999 12.0006 15.5999C10.0124 15.5999 8.40071 13.9882 8.40071 12C8.40071 10.0119 10.0124 8.40015 12.0006 8.40015Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M6.56699 2.58984L17.433 2.58984L22.866 12.0001L17.433 21.4104H6.56698L1.13397 12.0001L6.56699 2.58984ZM7.43301 4.08984L2.86602 12.0001L7.43301 19.9104H16.567L21.134 12.0001L16.567 4.08984L7.43301 4.08984Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpOutlineSetting2Icon.displayName = 'IconlySharpOutlineSetting2Icon';
-
-export const IconlySharpOutlineSettingIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path fillRule="evenodd" clipRule="evenodd" d="M12.0002 9.06238C10.3778 9.06238 9.06264 10.3776 9.06264 11.9999C9.06264 13.6223 10.3778 14.9375 12.0002 14.9375C13.6225 14.9375 14.9377 13.6223 14.9377 11.9999C14.9377 10.3776 13.6225 9.06238 12.0002 9.06238ZM7.56264 11.9999C7.56264 9.54913 9.54939 7.56238 12.0002 7.56238C14.451 7.56238 16.4377 9.54913 16.4377 11.9999C16.4377 14.4507 14.451 16.4375 12.0002 16.4375C9.54939 16.4375 7.56264 14.4507 7.56264 11.9999Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M9.65082 1.84656L12.0006 3.69542L14.3504 1.84656L19.6196 4.88873L19.1934 7.84801L21.9677 8.95787V15.0422L19.1924 16.1525L19.6186 19.1112L14.3494 22.1533L12.0006 20.3053L9.65191 22.1533L4.38272 19.1112L4.8088 16.153L2.03223 15.0422V8.95787L4.8078 7.8475L4.38163 4.88873L9.65082 1.84656ZM6.01109 5.68001L6.46073 8.80182L3.53223 9.97337V14.0267L6.46173 15.1986L6.01217 18.3199L9.52245 20.3466L12.0006 18.3967L14.4788 20.3466L17.9891 18.3199L17.5395 15.1981L20.4677 14.0267V9.97337L17.5405 8.80233L17.9902 5.68001L14.4799 3.65335L12.0006 5.60407L9.52137 3.65335L6.01109 5.68001Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpOutlineSettingIcon.displayName = 'IconlySharpOutlineSettingIcon';
-
-export const IconlySharpOutlineShieldDoneIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} 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="M16.2374 8.69064L11.2784 13.6521L8.32606 10.6951L9.38756 9.63525L11.279 11.5297L15.1764 7.63025L16.2374 8.69064Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M3.38281 2.25H20.6185V12.0503C20.6185 15.6748 18.4375 18.1096 16.3728 19.5965C15.3359 20.3433 14.3038 20.8706 13.5331 21.2112C13.1468 21.3819 12.8234 21.5069 12.5942 21.5899C12.4796 21.6315 12.3884 21.6626 12.3244 21.6837C12.2924 21.6943 12.2673 21.7024 12.2494 21.7081L12.228 21.7147L12.2216 21.7167L12.2194 21.7174C12.2191 21.7175 12.218 21.7178 12.0006 21C11.7833 21.7178 11.783 21.7177 11.7827 21.7176L11.7797 21.7167L11.7732 21.7147L11.7519 21.7081C11.734 21.7024 11.7088 21.6943 11.6768 21.6837C11.6129 21.6626 11.5216 21.6315 11.407 21.5899C11.1779 21.5069 10.8545 21.3819 10.4681 21.2112C9.69751 20.8706 8.66538 20.3433 7.62843 19.5965C5.56372 18.1096 3.38281 15.6748 3.38281 12.0503V2.25ZM12.0006 21L11.7827 21.7176L12.0006 21.7836L12.218 21.7178L12.0006 21ZM12.0006 20.2092C12.0261 20.2002 12.0537 20.1904 12.0832 20.1797C12.2843 20.1068 12.5756 19.9944 12.9268 19.8391C13.6314 19.5278 14.5662 19.0491 15.4963 18.3793C17.3655 17.0332 19.1185 14.9932 19.1185 12.0503V3.75H4.88281V12.0503C4.88281 14.9932 6.63581 17.0332 8.50501 18.3793C9.43502 19.0491 10.3699 19.5278 11.0744 19.8391C11.4257 19.9944 11.717 20.1068 11.9181 20.1797C11.9476 20.1904 11.9751 20.2002 12.0006 20.2092Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpOutlineShieldDoneIcon.displayName = 'IconlySharpOutlineShieldDoneIcon';
-
-export const IconlySharpOutlineShieldFailIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} 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.0586 8.10535L14.9732 13.0199L13.9125 14.0806L8.99793 9.16601L10.0586 8.10535Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M14.9732 9.16601L10.0586 14.0806L8.99793 13.0199L13.9125 8.10535L14.9732 9.16601Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M3.38281 2.25H20.6185V12.0503C20.6185 15.6748 18.4375 18.1096 16.3728 19.5965C15.3359 20.3433 14.3038 20.8706 13.5331 21.2112C13.1468 21.3819 12.8234 21.5069 12.5942 21.5899C12.4796 21.6315 12.3884 21.6626 12.3244 21.6837C12.2924 21.6943 12.2673 21.7024 12.2494 21.7081L12.228 21.7147L12.2216 21.7167L12.2194 21.7174C12.2191 21.7175 12.218 21.7178 12.0006 21C11.7833 21.7178 11.783 21.7177 11.7827 21.7176L11.7797 21.7167L11.7732 21.7147L11.7519 21.7081C11.734 21.7024 11.7088 21.6943 11.6768 21.6837C11.6129 21.6626 11.5216 21.6315 11.407 21.5899C11.1779 21.5069 10.8545 21.3819 10.4681 21.2112C9.69751 20.8706 8.66538 20.3433 7.62843 19.5965C5.56372 18.1096 3.38281 15.6748 3.38281 12.0503V2.25ZM12.0006 21L11.7827 21.7176L12.0006 21.7836L12.218 21.7178L12.0006 21ZM12.0006 20.2092C12.0261 20.2002 12.0537 20.1904 12.0832 20.1797C12.2843 20.1068 12.5756 19.9944 12.9268 19.8391C13.6314 19.5278 14.5662 19.0491 15.4963 18.3793C17.3655 17.0332 19.1185 14.9932 19.1185 12.0503V3.75H4.88281V12.0503C4.88281 14.9932 6.63581 17.0332 8.50501 18.3793C9.43502 19.0491 10.3699 19.5278 11.0744 19.8391C11.4257 19.9944 11.717 20.1068 11.9181 20.1797C11.9476 20.1904 11.9751 20.2002 12.0006 20.2092Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpOutlineShieldFailIcon.displayName = 'IconlySharpOutlineShieldFailIcon';
-
-export const IconlySharpOutlineShowIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} 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="M11.8456 11.3101C10.5139 11.3101 9.43457 12.3891 9.43457 13.7221C9.43457 15.0538 10.5138 16.1331 11.8456 16.1331C13.1777 16.1331 14.2576 15.0535 14.2576 13.7221C14.2576 12.3894 13.1775 11.3101 11.8456 11.3101ZM7.93457 13.7221C7.93457 11.561 9.6852 9.81006 11.8456 9.81006C14.0056 9.81006 15.7576 11.5607 15.7576 13.7221C15.7576 15.8826 14.0055 17.6331 11.8456 17.6331C9.68536 17.6331 7.93457 15.8823 7.93457 13.7221Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M1.91923 13.3995C3.97425 9.07345 7.68571 6.36843 11.8447 6.3667C11.846 6.3667 11.8473 6.3667 11.8487 6.3667V7.8667C11.848 7.8667 11.8473 7.8667 11.8467 7.8667C11.846 7.8667 11.8453 7.8667 11.8447 7.8667M11.8467 7.8667C15.3013 7.86757 18.5533 10.1151 20.4192 14.0431L20.741 14.7205L22.0959 14.0769L21.7741 13.3995C19.7191 9.07345 16.0077 6.36843 11.8487 6.3667M11.8467 7.8667C8.39202 7.86757 5.14009 10.1151 3.27413 14.0431L2.95232 14.7205L1.59742 14.0769L1.91923 13.3995" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpOutlineShowIcon.displayName = 'IconlySharpOutlineShowIcon';
-
-export const IconlySharpOutlineStar2Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path fillRule="evenodd" clipRule="evenodd" d="M12.75 2V22H11.25V2H12.75Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M22 12.75L2 12.75L2 11.25L22 11.25L22 12.75Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M19.6017 5.45946L5.45954 19.6016L4.39888 18.5409L18.541 4.3988L19.6017 5.45946Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M18.541 19.6012L4.39889 5.45905L5.45955 4.39839L19.6017 18.5405L18.541 19.6012Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpOutlineStar2Icon.displayName = 'IconlySharpOutlineStar2Icon';
-
-export const IconlySharpOutlineStar3Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path fillRule="evenodd" clipRule="evenodd" d="M12 0.588867L15.0821 8.91798L23.4112 12L15.0821 15.0821L12 23.4112L8.91798 15.0821L0.588867 12L8.91798 8.91798L12 0.588867ZM12 4.91118L10.0854 10.0854L4.91118 12L10.0854 13.9147L12 19.0889L13.9147 13.9147L19.0889 12L13.9147 10.0854L12 4.91118Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpOutlineStar3Icon.displayName = 'IconlySharpOutlineStar3Icon';
-
-export const IconlySharpOutlineStar4Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path fillRule="evenodd" clipRule="evenodd" d="M12 0.588867L12.7034 2.48975C14.2132 6.5699 17.4302 9.78684 21.5103 11.2966L23.4112 12L21.5103 12.7034C17.4302 14.2132 14.2132 17.4302 12.7034 21.5103L12 23.4112L11.2966 21.5103C9.78684 17.4302 6.5699 14.2132 2.48975 12.7034L0.588867 12L2.48975 11.2966C6.5699 9.78684 9.78684 6.5699 11.2966 2.48975L12 0.588867ZM4.63592 12C7.8245 13.5892 10.4108 16.1756 12 19.3641C13.5892 16.1756 16.1756 13.5892 19.3641 12C16.1756 10.4108 13.5892 7.8245 12 4.63592C10.4108 7.8245 7.8245 10.4108 4.63592 12Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpOutlineStar4Icon.displayName = 'IconlySharpOutlineStar4Icon';
-
-export const IconlySharpOutlineStar5Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path fillRule="evenodd" clipRule="evenodd" d="M12 0.322998L14.6217 8.39164H23.1055L16.2419 13.3783L18.8636 21.447L12 16.4603L5.13641 21.447L7.75807 13.3783L0.89447 8.39164H9.37834L12 0.322998ZM12 5.1771L10.4682 9.89164H5.511L9.52143 12.8054L7.98958 17.5199L12 14.6062L16.0104 17.5199L14.4786 12.8054L18.489 9.89164H13.5319L12 5.1771Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpOutlineStar5Icon.displayName = 'IconlySharpOutlineStar5Icon';
-
-export const IconlySharpOutlineStar6Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path fillRule="evenodd" clipRule="evenodd" d="M12 0.0170898L14.2885 8.03616L22.3775 6.00856L16.577 12L22.3775 17.9915L14.2885 15.9639L12 23.983L9.71143 15.9639L1.62244 17.9915L7.42289 12L1.62244 6.00856L9.71143 8.03616L12 0.0170898ZM12 5.48297L10.7553 9.84423L6.35602 8.7415L9.51067 12L6.35602 15.2586L10.7553 14.1558L12 18.5171L13.2446 14.1558L17.6439 15.2586L14.4893 12L17.6439 8.7415L13.2446 9.84423L12 5.48297Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpOutlineStar6Icon.displayName = 'IconlySharpOutlineStar6Icon';
-
-export const IconlySharpOutlineStar7Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path fillRule="evenodd" clipRule="evenodd" d="M12 0.843628L14.3482 6.33109L19.8888 4.11127L17.669 9.65189L23.1565 12L17.669 14.3482L19.8888 19.8888L14.3482 17.669L12 23.1565L9.65189 17.669L4.11127 19.8888L6.33109 14.3482L0.843628 12L6.33109 9.65189L4.11127 4.11127L9.65189 6.33109L12 0.843628ZM12 4.65647L10.4544 8.26853L6.80735 6.80735L8.26853 10.4544L4.65647 12L8.26853 13.5457L6.80735 17.1927L10.4544 15.7316L12 19.3436L13.5457 15.7316L17.1927 17.1927L15.7316 13.5457L19.3436 12L15.7316 10.4544L17.1927 6.80735L13.5457 8.26853L12 4.65647Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpOutlineStar7Icon.displayName = 'IconlySharpOutlineStar7Icon';
-
-export const IconlySharpOutlineStarIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} 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="M11.2285 2.67802C11.1427 3.0078 10.8225 3.92158 10.6621 4.2944C9.63928 6.6715 7.86813 8.6731 5.62488 9.98697C4.85405 10.4385 3.77155 10.9055 2.92724 11.1507L2.55225 11.2597V11.9884V12.7171L2.69463 12.7539C3.0574 12.8476 3.97759 13.1773 4.41269 13.3694C5.32708 13.7733 6.32965 14.3825 7.12537 15.0179C7.59917 15.3962 8.58619 16.3832 8.96457 16.8569C9.87826 18.001 10.5902 19.3187 11.0347 20.6885C11.1461 21.0317 11.2504 21.3467 11.2664 21.3885L11.2956 21.4645L12.0044 21.4555L12.7131 21.4465L12.8734 20.9272C13.3288 19.4521 14.0451 18.0942 15.0029 16.8904C15.3875 16.4071 16.2021 15.578 16.7116 15.1514C17.6091 14.4002 18.6351 13.7711 19.7224 13.3056C20.0695 13.157 20.9917 12.8358 21.3054 12.7541L21.4478 12.7171V11.9864V11.2556L21.2217 11.1955C20.8137 11.0869 20.0324 10.8063 19.5716 10.6028C17.1763 9.54517 15.165 7.71034 13.8809 5.41153C13.6147 4.93506 13.4373 4.56431 13.2204 4.03126C13.0751 3.67415 12.8016 2.85872 12.7553 2.64452L12.7318 2.53564H11.9986H11.2655L11.2285 2.67802ZM18.7217 3.05932C18.6933 3.26943 18.5185 3.66845 18.3393 3.93216C17.8944 4.58672 17.2578 5.03489 16.5396 5.1992C16.4485 5.22004 16.4615 5.22791 16.6779 5.28336C17.1395 5.40161 17.5853 5.67769 17.9824 6.09138C18.3621 6.48681 18.5882 6.86935 18.6999 7.30516C18.755 7.52026 18.7632 7.53396 18.7832 7.44341C18.8462 7.15853 18.9584 6.86607 19.0945 6.63214C19.2933 6.2903 19.8313 5.74827 20.1613 5.55722C20.4188 5.40821 20.8494 5.24976 21.0014 5.24815C21.126 5.24681 21.0452 5.19971 20.8615 5.16661C20.3759 5.07917 19.6861 4.59784 19.2816 4.06429C19.1024 3.82778 18.8506 3.31811 18.8161 3.1219C18.7776 2.90314 18.7457 2.88197 18.7217 3.05932ZM12.1843 5.40798C12.2764 5.60509 12.463 5.96281 12.5989 6.2029C13.9435 8.57863 16.0096 10.5378 18.4056 11.7089C18.6948 11.8502 18.9323 11.9735 18.9333 11.9828C18.9343 11.9921 18.7206 12.1051 18.4585 12.234C15.7257 13.5781 13.4336 15.8987 12.1612 18.61L11.9988 18.9561L11.7651 18.4832C11.4528 17.8513 11.2836 17.558 10.875 16.9407C9.84158 15.3793 8.60311 14.141 7.04162 13.1076C6.4182 12.6951 6.10448 12.5145 5.49014 12.2144L5.02589 11.9877L5.40772 11.8062C8.12221 10.516 10.4014 8.25733 11.7481 5.52298C11.8767 5.26182 11.9898 5.04849 11.9994 5.04889C12.0089 5.04929 12.0922 5.2109 12.1843 5.40798Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpOutlineStarIcon.displayName = 'IconlySharpOutlineStarIcon';
-
-export const IconlySharpOutlineSwapIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path fillRule="evenodd" clipRule="evenodd" d="M15.9046 20.8995L15.9046 5.46026L17.4046 5.46026L17.4046 20.8995L15.9046 20.8995Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M17.4046 20.1503C17.4046 17.2053 14.8197 14.8048 12.0591 14.8048H11.3091V16.3048H12.0591C14.0234 16.3048 15.9046 18.0655 15.9046 20.1503V20.9003H17.4046V20.1503Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M15.9046 20.1503C15.9046 17.2053 18.4895 14.8048 21.2501 14.8048H22.0001V16.3048H21.2501C19.2858 16.3048 17.4046 18.0655 17.4046 20.1503V20.9003H15.9046V20.1503Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M6.59552 3.09973L6.59552 18.539L8.09552 18.539L8.09552 3.09973L6.59552 3.09973Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M8.09552 3.84992C8.09552 6.79491 5.51065 9.19543 2.75001 9.19543L2.00001 9.19543L2.00001 7.69543L2.75001 7.69543C4.71433 7.69543 6.59552 5.93474 6.59552 3.84992L6.59552 3.09992L8.09552 3.09992L8.09552 3.84992Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M6.59552 3.84992C6.59552 6.79491 9.18039 9.19543 11.941 9.19544L12.691 9.19544L12.691 7.69544L11.941 7.69544C9.97671 7.69543 8.09552 5.93474 8.09552 3.84992L8.09552 3.09992L6.59552 3.09992L6.59552 3.84992Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpOutlineSwapIcon.displayName = 'IconlySharpOutlineSwapIcon';
-
-export const IconlySharpOutlineTickSquareIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} 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="M22.5548 5.73044L21.9077 6.10953C18.9256 7.85644 16.6202 10.1583 15.0562 12.0343C14.2757 12.9703 13.6841 13.7953 13.2891 14.3838C13.0917 14.6779 12.9436 14.9125 12.8459 15.0719C12.797 15.1515 12.7608 15.2124 12.7372 15.2524L12.7115 15.2966L12.7058 15.3065L12.7049 15.308L12.4896 15.689H11.6175L11.3954 15.3532L11.3929 15.3495L11.3819 15.3332C11.3717 15.318 11.3557 15.2946 11.3342 15.2638C11.2911 15.202 11.2261 15.1105 11.1412 14.9957C10.9712 14.7659 10.7225 14.4446 10.4112 14.0838C9.7824 13.3548 8.92568 12.4964 7.97 11.8922L7.33606 11.4914L8.13762 10.2236L8.77155 10.6243C9.9049 11.3408 10.8731 12.3228 11.547 13.104C11.7095 13.2924 11.8565 13.471 11.9862 13.6338C12.0049 13.6057 12.0241 13.577 12.0437 13.5477C12.4629 12.9232 13.0854 12.0557 13.904 11.0737C15.5382 9.11361 17.9711 6.67713 21.1495 4.81525L21.7967 4.43616L22.5548 5.73044Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M1.72119 12C1.72119 6.47715 6.19834 2 11.7212 2C17.244 2 21.7212 6.47715 21.7212 12C21.7212 17.5228 17.244 22 11.7212 22C6.19834 22 1.72119 17.5228 1.72119 12ZM11.7212 3.5C7.02677 3.5 3.22119 7.30558 3.22119 12C3.22119 16.6944 7.02677 20.5 11.7212 20.5C16.4156 20.5 20.2212 16.6944 20.2212 12C20.2212 7.30558 16.4156 3.5 11.7212 3.5Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpOutlineTickSquareIcon.displayName = 'IconlySharpOutlineTickSquareIcon';
-
-export const IconlySharpOutlineTicketStarIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} 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 3.84998H22V10.7616H21.25C20.5406 10.7616 19.9866 11.3221 19.9866 12.0009C19.9866 12.6793 20.5401 13.2393 21.25 13.2393H22V20.15H2V13.2393H2.75C3.45991 13.2393 4.01343 12.6793 4.01343 12.0009C4.01343 11.3608 3.49966 10.8397 2.75 10.8397H2V3.84998ZM3.5 5.34998V9.43635C4.63872 9.73649 5.51343 10.7105 5.51343 12.0009C5.51343 13.265 4.65887 14.3156 3.5 14.6376V18.65H20.5V14.6376C19.3411 14.3156 18.4866 13.265 18.4866 12.0009C18.4866 10.7372 19.3409 9.68565 20.5 9.36338V5.34998H3.5Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M11.9991 7.06616L13.4738 9.86136L16.5879 10.4002L14.3853 12.6665L14.8352 15.7947L11.9991 14.4002L9.16297 15.7947L9.61284 12.6665L7.41017 10.4002L10.5243 9.86136L11.9991 7.06616ZM11.9991 10.2806L11.5068 11.2137L10.4673 11.3935L11.2026 12.15L11.0524 13.1942L11.9991 12.7287L12.9457 13.1942L12.7956 12.15L13.5308 11.3935L12.4913 11.2137L11.9991 10.2806Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpOutlineTicketStarIcon.displayName = 'IconlySharpOutlineTicketStarIcon';
-
-export const IconlySharpOutlineTicketIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path fillRule="evenodd" clipRule="evenodd" d="M14.4605 4.08203V7.82053H12.9605V4.08203H14.4605Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M14.4605 16.5781V19.9503H12.9605V16.5781H14.4605Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M14.4605 9.2196V15.179H12.9605V9.2196H14.4605Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M2 3.8501H22V10.7617H21.25C20.5406 10.7617 19.9866 11.3222 19.9866 12.0011C19.9866 12.6794 20.5401 13.2394 21.25 13.2394H22V20.1501H2V13.2394H2.75C3.45991 13.2394 4.01343 12.6794 4.01343 12.0011C4.01343 11.3609 3.49966 10.8398 2.75 10.8398H2V3.8501ZM3.5 5.3501V9.43647C4.63872 9.73661 5.51343 10.7106 5.51343 12.0011C5.51343 13.2651 4.65887 14.3157 3.5 14.6377V18.6501H20.5V14.6377C19.3411 14.3157 18.4866 13.2651 18.4866 12.0011C18.4866 10.7373 19.3409 9.68577 20.5 9.36351V5.3501H3.5Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpOutlineTicketIcon.displayName = 'IconlySharpOutlineTicketIcon';
-
-export const IconlySharpOutlineTimeCircleIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path fillRule="evenodd" clipRule="evenodd" d="M12 3.5C7.30521 3.5 3.5 7.30521 3.5 12C3.5 16.6948 7.30521 20.5 12 20.5C16.6948 20.5 20.5 16.6948 20.5 12C20.5 7.30521 16.6948 3.5 12 3.5ZM2 12C2 6.47679 6.47679 2 12 2C17.5232 2 22 6.47679 22 12C22 17.5232 17.5232 22 12 22C6.47679 22 2 17.5232 2 12Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M12.4121 7.09619V12.2673L16.4604 14.6823L15.692 15.9705L10.9121 13.1191V7.09619H12.4121Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpOutlineTimeCircleIcon.displayName = 'IconlySharpOutlineTimeCircleIcon';
-
-export const IconlySharpOutlineTimeSquareIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path fillRule="evenodd" clipRule="evenodd" d="M12.75 6.88379V11.5689L16.4193 13.7579L15.6508 15.0461L11.6157 12.6389C11.3889 12.5036 11.25 12.2589 11.25 11.9948V6.88379H12.75Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M2 22L2 2L22 2L22 22L2 22ZM3.5 20.5L20.5 20.5L20.5 3.5L3.5 3.5L3.5 20.5Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpOutlineTimeSquareIcon.displayName = 'IconlySharpOutlineTimeSquareIcon';
-
-export const IconlySharpOutlineUnlockIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} 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.75831 7.14007C6.77112 4.21248 9.15341 1.85043 12.0799 1.86235C13.6039 1.86281 14.9786 2.50764 15.9444 3.53685L16.4576 4.08376L15.3638 5.11018L14.8506 4.56326C14.156 3.82312 13.1714 3.36235 12.0783 3.36235H12.075C9.97682 3.35317 8.26833 5.04593 8.2583 7.14507V9.84474H6.7583L6.75831 7.14007Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M12.6812 13.3149V17.0359H11.1812V13.3149H12.6812Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M3.70557 21.8623L3.70557 8.48877L20.4306 8.48877L20.4306 21.8623L3.70557 21.8623ZM5.20557 20.3623L18.9306 20.3623L18.9306 9.98877L5.20557 9.98877L5.20557 20.3623Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpOutlineUnlockIcon.displayName = 'IconlySharpOutlineUnlockIcon';
-
-export const IconlySharpOutlineUpload1Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} 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 10.4507L8.125 10.4507L8.125 11.9507L3.5 11.9507L3.5 20.9746L20.5 20.9746L20.5 11.9507L15.875 11.9507L15.875 10.4507L22 10.4507L22 22.4746L2 22.4746L2 10.4507Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M11.251 1.52539L11.251 16.9647L12.751 16.9647L12.751 1.52539L11.251 1.52539Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M12.751 2.27558C12.751 5.22057 10.1661 7.62109 7.40547 7.62109L6.65547 7.62109L6.65547 6.12109L7.40547 6.12109C9.36978 6.12109 11.251 4.3604 11.251 2.27558L11.251 1.52558L12.751 1.52558L12.751 2.27558Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M11.251 2.27558C11.251 5.22057 13.8358 7.62109 16.5965 7.62109L17.3465 7.62109L17.3465 6.12109L16.5965 6.12109C14.6322 6.12109 12.751 4.3604 12.751 2.27558L12.751 1.52558L11.251 1.52558L11.251 2.27558Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpOutlineUpload1Icon.displayName = 'IconlySharpOutlineUpload1Icon';
-
-export const IconlySharpOutlineUploadIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} 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="M11.2498 16.7588L11.2498 2.48101L12.7498 2.48101L12.7498 16.7588L11.2498 16.7588Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M7.66443 5.77337L12 1.4185L16.3368 5.77319L15.274 6.83167L12.0001 3.54438L8.72745 6.83166L7.66443 5.77337Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M2 10.2446L8.125 10.2446L8.125 11.7446L3.5 11.7446L3.5 20.7686L20.5 20.7686L20.5 11.7446L15.875 11.7446L15.875 10.2446L22 10.2446L22 22.2686L2 22.2686L2 10.2446Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpOutlineUploadIcon.displayName = 'IconlySharpOutlineUploadIcon';
-
-export const IconlySharpOutlineVideoIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} 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="M1.25 4.37476H17.2345V19.625H1.25V4.37476ZM2.75 5.87476V18.125H15.7345V5.87476H2.75Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M22.75 4.58044L15.9644 9.18138L16.8062 10.4229L21.25 7.4098V16.5354L16.8388 13.3388L15.9586 14.5534L22.75 19.4747V4.58044Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M8.4082 8.33618H13.1129V9.83618H8.4082V8.33618Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpOutlineVideoIcon.displayName = 'IconlySharpOutlineVideoIcon';
-
-export const IconlySharpOutlineVoice3Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path fillRule="evenodd" clipRule="evenodd" d="M12.7881 6.08398H16.4405V7.58398H12.7881V6.08398Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M11.708 9.69482H16.4428V11.1948H11.708V9.69482Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M12.748 17.9786V22.25H11.248V17.9786H12.748Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M11.9982 3.25C10.3749 3.25 9.05273 4.57334 9.05273 6.21264V11.3866C9.05273 13.0257 10.3747 14.3483 11.9982 14.3483C13.6226 14.3483 14.9437 13.0258 14.9437 11.3866V6.21264C14.9437 4.57321 13.6223 3.25 11.9982 3.25ZM7.55273 6.21264C7.55273 3.75147 9.53997 1.75 11.9982 1.75C14.4575 1.75 16.4437 3.7516 16.4437 6.21264V11.3866C16.4437 13.8479 14.4573 15.8483 11.9982 15.8483C9.54022 15.8483 7.55273 13.848 7.55273 11.3866V6.21264Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M5.47168 10.6661V11.4161C5.47168 15.0436 8.39726 17.9784 11.9992 17.9784C15.6022 17.9784 18.5277 15.0435 18.5277 11.4161V10.6661H20.0277V11.4161C20.0277 15.8652 16.4373 19.4784 11.9992 19.4784C7.56203 19.4784 3.97168 15.8652 3.97168 11.4161V10.6661H5.47168Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpOutlineVoice3Icon.displayName = 'IconlySharpOutlineVoice3Icon';
-
-export const IconlySharpOutlineVoiceIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path fillRule="evenodd" clipRule="evenodd" d="M12.7502 16.3601V22.25H11.2502V16.3601H12.7502Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M15.4697 22.25H8.52949V20.75H15.4697V22.25Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M21.2549 6.85986V12.7497H19.7549V6.85986H21.2549Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M4.24512 6.86011V12.75H2.74512V6.86011H4.24512Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M12.0004 3.25C10.0513 3.25 8.46484 4.83878 8.46484 6.80545V12.8056C8.46484 14.772 10.051 16.3599 12.0004 16.3599C13.9507 16.3599 15.5359 14.7721 15.5359 12.8056V6.80545C15.5359 4.83865 13.9505 3.25 12.0004 3.25ZM6.96484 6.80545C6.96484 4.01691 9.21629 1.75 12.0004 1.75C14.7857 1.75 17.0359 4.01704 17.0359 6.80545V12.8056C17.0359 15.5942 14.7855 17.8599 12.0004 17.8599C9.21654 17.8599 6.96484 15.5943 6.96484 12.8056V6.80545Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpOutlineVoiceIcon.displayName = 'IconlySharpOutlineVoiceIcon';
-
-export const IconlySharpOutlineVolumeDownIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path fillRule="evenodd" clipRule="evenodd" d="M18.5927 6.97156L18.9653 7.62245C20.5224 10.3425 20.523 13.6668 18.9648 16.3802L18.5914 17.0306L17.2906 16.2836L17.6641 15.6332C18.9562 13.3831 18.9568 10.6268 17.6636 8.36767L17.2909 7.71677L18.5927 6.97156Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M12.8456 3.7373H14.6509V20.2627H12.8456L8.71968 16.6863H3.8692L3.86858 15.937C3.86644 13.3124 3.86644 10.6878 3.86858 8.06316L3.8692 7.31378H8.71967L12.8456 3.7373ZM13.1509 5.45769L9.2793 8.81378H5.36803C5.36662 10.938 5.36662 13.0622 5.36803 15.1863H9.27929L13.1509 18.5423V5.45769Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpOutlineVolumeDownIcon.displayName = 'IconlySharpOutlineVolumeDownIcon';
-
-export const IconlySharpOutlineVolumeOffIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} 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="M11.6405 4.06299H13.4459V20.5883H11.6405L7.5146 17.012H2.66412L2.66351 16.2626C2.66136 13.638 2.66136 11.0134 2.66351 8.38885L2.66412 7.63946H7.51459L11.6405 4.06299ZM11.9459 5.78337L8.07422 9.13946H4.16295C4.16154 11.2637 4.16154 13.3878 4.16295 15.512H8.07421L11.9459 18.868V5.78337Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M17.1211 9.5321L21.6478 14.0588L20.5871 15.1194L16.0604 10.5928L17.1211 9.5321Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M21.6487 10.5928L17.1221 15.1194L16.0614 14.0588L20.5881 9.5321L21.6487 10.5928Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpOutlineVolumeOffIcon.displayName = 'IconlySharpOutlineVolumeOffIcon';
-
-export const IconlySharpOutlineVolumeUpIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path fillRule="evenodd" clipRule="evenodd" d="M19.3561 4.3313L19.784 4.94727C22.7337 9.1936 22.7438 14.7978 19.7837 19.0535L19.3554 19.6692L18.124 18.8126L18.5523 18.1969C21.1533 14.4575 21.1452 9.53616 18.552 5.80303L18.1241 5.18706L19.3561 4.3313Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M16.7255 6.97156L17.0981 7.62245C18.6552 10.3425 18.6558 13.6668 17.0976 16.3802L16.7241 17.0306L15.4233 16.2836L15.7968 15.6332C17.089 13.3831 17.0896 10.6268 15.7963 8.36767L15.4237 7.71677L16.7255 6.97156Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M10.9784 3.7373H12.7838V20.2627H10.9784L6.85249 16.6863H2.00201L2.0014 15.937C1.99925 13.3124 1.99925 10.6878 2.0014 8.06316L2.00201 7.31378H6.85248L10.9784 3.7373ZM11.2838 5.45769L7.41212 8.81378H3.50085C3.49944 10.938 3.49944 13.0622 3.50085 15.1863H7.41211L11.2838 18.5423V5.45769Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpOutlineVolumeUpIcon.displayName = 'IconlySharpOutlineVolumeUpIcon';
-
-export const IconlySharpOutlineWalletIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} 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="M17.5561 11.0281L22.3803 11.0281V12.5281H17.5563M17.5563 12.5281C16.406 12.5289 15.5968 13.3615 15.5967 14.2436C15.5974 15.1265 16.4065 15.9589 17.5565 15.9595H22.3803V17.4595H17.5561C15.7143 17.4585 14.0979 16.0849 14.0967 14.2443C14.0967 12.4028 15.7148 11.0291 17.5561 11.0281" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M1.61914 4.97595H22.3805V22H1.61914V4.97595ZM3.11914 6.47595V20.5H20.8805V6.47595H3.11914Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M1.61914 1.99994L19.7483 2.00074V6.37797H18.2483V3.50068L3.11914 3.50001V21.9995H1.61914V1.99994Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M6.18359 9.54382H13.1171V11.0438H6.18359V9.54382Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpOutlineWalletIcon.displayName = 'IconlySharpOutlineWalletIcon';
-
-export const IconlySharpOutlineWorkIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path fillRule="evenodd" clipRule="evenodd" d="M12.75 13.9395V17.9765H11.25V13.9395H12.75Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M2.00488 5.12988H21.9949V12.8099L21.6238 13.0271C19.0352 14.5424 15.6513 15.4399 11.9949 15.4399C8.338 15.4399 4.96422 14.5422 2.376 13.0271L2.00488 12.8099V5.12988ZM3.50488 6.62988V11.9419C5.79043 13.1831 8.75031 13.9399 11.9949 13.9399C15.2399 13.9399 18.2087 13.183 20.4949 11.9418V6.62988H3.50488Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M9.00744 2.5498H14.9928L16.4861 6.00172L15.1095 6.59728L14.0074 4.0498H9.99279L8.89051 6.59731L7.51385 6.00164L9.00744 2.5498Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M3.50315 14.4179L3.69301 19.9502H20.3066L20.4965 14.4179L21.9956 14.4694L21.756 21.4502H2.24361L2.00403 14.4694L3.50315 14.4179Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpOutlineWorkIcon.displayName = 'IconlySharpOutlineWorkIcon';
-
+import React from 'react';
+import { IconProps } from '../../../types';
+
+export const IconlySharpOutline2UserIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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.48137 3.86572C7.55046 3.86572 5.98535 5.43016 5.98535 7.36049C5.98535 9.29082 7.55046 10.8553 9.48137 10.8553C11.4109 10.8553 12.9761 9.29097 12.9761 7.36049C12.9761 5.43001 11.4109 3.86572 9.48137 3.86572ZM4.48535 7.36049C4.48535 4.60115 6.72261 2.36572 9.48137 2.36572C12.239 2.36572 14.4761 4.6013 14.4761 7.36049C14.4761 10.1197 12.239 12.3553 9.48137 12.3553C6.72261 12.3553 4.48535 10.1198 4.48535 7.36049Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M16.0596 5.41602C15.3271 5.41602 14.6693 5.73084 14.2124 6.2348L13.7085 6.79038L12.5974 5.78275L13.1012 5.22717C13.8306 4.42277 14.8865 3.91602 16.0596 3.91602C18.2632 3.91602 20.0509 5.70243 20.0509 7.90729C20.0509 10.1121 18.2632 11.8986 16.0596 11.8986C14.6521 11.8986 13.4151 11.1698 12.7052 10.0723L12.2979 9.44256L13.5574 8.62791L13.9647 9.25767C14.4098 9.94576 15.182 10.3986 16.0596 10.3986C17.4351 10.3986 18.5509 9.28343 18.5509 7.90729C18.5509 6.53115 17.4351 5.41602 16.0596 5.41602Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M3.67335 18.8865C5.37581 19.7746 7.35641 20.1389 9.51224 20.1336H9.5159C11.6717 20.1389 13.6523 19.7746 15.3547 18.8866C14.3712 16.568 12.1938 15.4501 9.51599 15.4569H9.51215C6.83097 15.4501 4.65704 16.5654 3.67335 18.8865ZM9.51406 13.9569C6.14367 13.9489 3.13614 15.5175 2.03489 18.9999L1.85764 19.5604L2.3596 19.8664C4.48276 21.1607 6.94981 21.6396 9.51407 21.6336C12.0783 21.6396 14.5454 21.1607 16.6685 19.8664L17.1705 19.5604L16.9932 18.9999C15.8931 15.5209 12.8811 13.9489 9.51406 13.9569Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M16.0834 14.266C14.7186 14.2625 13.5571 14.6535 12.7404 15.4051L12.1886 15.913L11.1728 14.8093L11.7247 14.3014C12.8837 13.2347 14.4423 12.7622 16.0853 12.766C18.7131 12.7599 21.0964 13.9924 21.9654 16.7406L22.1427 17.3011L21.6407 17.6071C19.9828 18.6178 18.0633 18.9873 16.0835 18.9825L15.3335 18.9806L15.3372 17.4806L16.0872 17.4825C17.6508 17.4863 19.0803 17.2324 20.3144 16.6257C19.5678 15.0367 18.0178 14.2611 16.0873 14.266H16.0834Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpOutline2UserIcon.displayName = 'IconlySharpOutline2UserIcon';
+
+export const IconlySharpOutline3UserIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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="M11.9501 4.14258C10.0922 4.14258 8.5863 5.64785 8.5863 7.50518C8.5863 9.3625 10.0922 10.8678 11.9501 10.8678C13.8067 10.8678 15.3127 9.36265 15.3127 7.50518C15.3127 5.64771 13.8067 4.14258 11.9501 4.14258ZM7.0863 7.50518C7.0863 4.81885 9.26437 2.64258 11.9501 2.64258C14.6348 2.64258 16.8127 4.81899 16.8127 7.50518C16.8127 10.1914 14.6348 12.3678 11.9501 12.3678C9.26437 12.3678 7.0863 10.1915 7.0863 7.50518Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M6.35269 18.6618C7.99356 19.5128 9.90169 19.8625 11.9798 19.8574H11.9834C14.0614 19.8625 15.9695 19.5128 17.6104 18.6619C16.6579 16.4394 14.5631 15.3665 11.9835 15.3731H11.9797C9.39675 15.3665 7.30534 16.4369 6.35269 18.6618ZM11.9816 13.8731C8.70867 13.8653 5.7838 15.3893 4.71302 18.7753L4.53577 19.3358L5.03773 19.6418C7.09954 20.8987 9.49439 21.3633 11.9816 21.3574C14.4688 21.3633 16.8636 20.8987 18.9254 19.6418L19.4274 19.3358L19.2502 18.7753C18.1805 15.3925 15.2513 13.8653 11.9816 13.8731Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M6.5965 13.023C4.23173 13.0169 2.0717 14.1282 1.28488 16.6165L1.10764 17.177L1.60959 17.483C2.41686 17.9751 3.2932 18.2981 4.20782 18.4898L4.94186 18.6437L5.24964 17.1756L4.5156 17.0218C3.95938 16.9051 3.43389 16.734 2.94321 16.5008C3.60403 15.1717 4.93042 14.5187 6.59266 14.523L7.34266 14.5249L7.3465 13.0249L6.5965 13.023Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M8.70442 5.71563L8.01189 5.42769C6.15962 4.65754 4.03264 5.53435 3.26205 7.38768C2.49147 9.241 3.36977 11.3674 5.22205 12.1375C6.75189 12.7736 8.46667 12.2868 9.45262 11.0567L9.92168 10.4715L8.75124 9.53339L8.28218 10.1186C7.70296 10.8413 6.69504 11.1255 5.79793 10.7525C4.71033 10.3003 4.19468 9.05168 4.6471 7.96356C5.09953 6.87544 6.34841 6.36053 7.43601 6.81273L8.12853 7.10068L8.70442 5.71563Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M17.4037 13.023C19.7685 13.0169 21.9285 14.1282 22.7153 16.6165L22.8925 17.177L22.3906 17.483C21.5833 17.9751 20.707 18.2981 19.7924 18.4898L19.0583 18.6437L18.7505 17.1756L19.4846 17.0218C20.0408 16.9051 20.5663 16.734 21.057 16.5008C20.3962 15.1717 19.0698 14.5187 17.4075 14.523L16.6575 14.5249L16.6537 13.0249L17.4037 13.023Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M15.0257 5.91838L15.6889 5.56806C17.2184 4.76006 19.1528 5.13883 20.2519 6.55279C21.4838 8.13748 21.197 10.4201 19.6132 11.6513C18.0288 12.8828 15.7459 12.5978 14.514 11.013L14.0537 10.4209L15.238 9.50029L15.6983 10.0924C16.4214 11.0227 17.7619 11.1905 18.6926 10.467C19.6225 9.7441 19.7909 8.40376 19.0677 7.47336C18.4231 6.64419 17.2869 6.42029 16.3895 6.89437L15.7263 7.24469L15.0257 5.91838Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpOutline3UserIcon.displayName = 'IconlySharpOutline3UserIcon';
+
+export const IconlySharpOutlineActivityIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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="M17.0201 9.9103L13.3528 14.6434L10.1547 12.1311L7.35375 15.7714L6.16492 14.8567L9.88976 10.0156L13.092 12.531L15.8344 8.99158L17.0201 9.9103Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M19.1681 3.75C18.5872 3.75 18.1163 4.22087 18.1163 4.80171C18.1163 5.38256 18.5872 5.85343 19.1681 5.85343C19.7489 5.85343 20.2198 5.38256 20.2198 4.80171C20.2198 4.22087 19.7489 3.75 19.1681 3.75ZM16.6163 4.80171C16.6163 3.39244 17.7588 2.25 19.1681 2.25C20.5773 2.25 21.7198 3.39244 21.7198 4.80171C21.7198 6.21099 20.5773 7.35343 19.1681 7.35343C17.7588 7.35343 16.6163 6.21099 16.6163 4.80171Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M2.28027 3.03931H15.1654V4.53931H3.78027V20.25H19.4909V8.83911H20.9909V21.75H2.28027V3.03931Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpOutlineActivityIcon.displayName = 'IconlySharpOutlineActivityIcon';
+
+export const IconlySharpOutlineAddUserIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path fillRule="evenodd" clipRule="evenodd" d="M19.793 7.91895V13.4289H18.293V7.91895H19.793Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M16.248 9.92383H21.838V11.4238H16.248V9.92383Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M9.92104 3.5C7.89347 3.5 6.25 5.14275 6.25 7.16973C6.25 9.19672 7.89347 10.8395 9.92104 10.8395C11.9471 10.8395 13.5908 9.19686 13.5908 7.16973C13.5908 5.1426 11.9471 3.5 9.92104 3.5ZM4.75 7.16973C4.75 4.31374 7.06562 2 9.92104 2C12.7753 2 15.0908 4.31389 15.0908 7.16973C15.0908 10.0256 12.7753 12.3395 9.92104 12.3395C7.06562 12.3395 4.75 10.0257 4.75 7.16973Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M3.83398 19.185C5.61795 20.1222 7.69445 20.5057 9.95315 20.5001H9.95681C12.2155 20.5057 14.2919 20.1222 16.0759 19.185C15.0514 16.7392 12.7646 15.5617 9.9569 15.5689H9.95306C7.14189 15.5617 4.85871 16.7364 3.83398 19.185ZM9.95498 14.0689C6.45554 14.0605 3.33858 15.6881 2.197 19.2981L2.01974 19.8586L2.52171 20.1646C4.72607 21.5084 7.28872 22.0064 9.95498 22.0001C12.6212 22.0064 15.1839 21.5084 17.3883 20.1646L17.8902 19.8586L17.713 19.2981C16.5726 15.6917 13.451 14.0605 9.95498 14.0689Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpOutlineAddUserIcon.displayName = 'IconlySharpOutlineAddUserIcon';
+
+export const IconlySharpOutlineArrowDown2Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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="M4.99999 7.43933L12 14.4393L19 7.43933L20.0607 8.49999L12 16.5607L3.93933 8.49999L4.99999 7.43933Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpOutlineArrowDown2Icon.displayName = 'IconlySharpOutlineArrowDown2Icon';
+
+export const IconlySharpOutlineArrowDown3Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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="M11.2496 20.7496L11.2496 3.24987L12.7496 3.24987L12.7496 20.7496L11.2496 20.7496Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M12.7496 19.9999C12.7496 16.4723 9.64749 13.5898 6.33959 13.5898H5.58959V15.0898H6.33959C8.85117 15.0898 11.2496 17.3325 11.2496 19.9999V20.7499H12.7496V19.9999Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M11.2496 19.9999C11.2496 16.4723 14.3518 13.5898 17.6597 13.5898H18.4097V15.0898H17.6597C15.1481 15.0898 12.7496 17.3325 12.7496 19.9999V20.7499H11.2496V19.9999Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpOutlineArrowDown3Icon.displayName = 'IconlySharpOutlineArrowDown3Icon';
+
+export const IconlySharpOutlineArrowDownCircleIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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 12C2 6.47784 6.47673 2 12 2C17.5222 2 22 6.47779 22 12C22 17.5222 17.5222 22 12 22C6.47673 22 2 17.5222 2 12ZM12 3.5C7.30527 3.5 3.5 7.30616 3.5 12C3.5 16.6938 7.30527 20.5 12 20.5C16.6938 20.5 20.5 16.6938 20.5 12C20.5 7.30621 16.6938 3.5 12 3.5Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M8.53108 9.49695L11.9998 12.9807L15.4685 9.49695L16.5315 10.5553L11.9998 15.1066L7.46814 10.5553L8.53108 9.49695Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpOutlineArrowDownCircleIcon.displayName = 'IconlySharpOutlineArrowDownCircleIcon';
+
+export const IconlySharpOutlineArrowDownSquareIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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 2H22V22H2V2ZM3.5 3.5V20.5H20.5V3.5H3.5Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M12.75 7.16406V16.0883H11.25V7.16406H12.75Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M8.2542 11.2616L11.9999 15.0233L15.7457 11.2616L16.8086 12.32L11.9999 17.1492L7.19128 12.32L8.2542 11.2616Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpOutlineArrowDownSquareIcon.displayName = 'IconlySharpOutlineArrowDownSquareIcon';
+
+export const IconlySharpOutlineArrowDownIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path fillRule="evenodd" clipRule="evenodd" d="M12.75 3.74988V19.6501H11.25V3.74988H12.75Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M5.97777 12.3894L12.0005 18.4372L18.0223 12.3894L19.0852 13.4478L12.0006 20.563L4.91492 13.4479L5.97777 12.3894Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpOutlineArrowDownIcon.displayName = 'IconlySharpOutlineArrowDownIcon';
+
+export const IconlySharpOutlineArrowLeft2Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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="M16.5607 4.99999L9.56067 12L16.5607 19L15.5 20.0607L7.43935 12L15.5 3.93933L16.5607 4.99999Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpOutlineArrowLeft2Icon.displayName = 'IconlySharpOutlineArrowLeft2Icon';
+
+export const IconlySharpOutlineArrowLeft3Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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="M3.24951 11.25L20.7493 11.25L20.7493 12.75L3.24951 12.75L3.24951 11.25Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M3.99962 12.75C7.52717 12.75 10.4097 9.64786 10.4097 6.33995L10.4097 5.58995L8.90967 5.58995L8.90967 6.33995C8.90967 8.85153 6.66701 11.25 3.99962 11.25L3.24962 11.25L3.24962 12.75L3.99962 12.75Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M3.99962 11.25C7.52717 11.25 10.4097 14.3521 10.4097 17.66L10.4097 18.41L8.90967 18.41L8.90967 17.66C8.90967 15.1485 6.66701 12.75 3.99962 12.75L3.24962 12.75L3.24962 11.25L3.99962 11.25Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpOutlineArrowLeft3Icon.displayName = 'IconlySharpOutlineArrowLeft3Icon';
+
+export const IconlySharpOutlineArrowLeftCircleIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path fillRule="evenodd" clipRule="evenodd" d="M12 2C17.5222 2 22 6.47673 22 12C22 17.5222 17.5222 22 12 22C6.47779 22 2 17.5222 2 12C2 6.47673 6.47784 2 12 2ZM20.5 12C20.5 7.30527 16.6938 3.5 12 3.5C7.30616 3.5 3.5 7.30527 3.5 12C3.5 16.6938 7.30621 20.5 12 20.5C16.6938 20.5 20.5 16.6938 20.5 12Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M14.5031 8.53108L11.0193 11.9998L14.5031 15.4685L13.4447 16.5315L8.89344 11.9998L13.4447 7.46814L14.5031 8.53108Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpOutlineArrowLeftCircleIcon.displayName = 'IconlySharpOutlineArrowLeftCircleIcon';
+
+export const IconlySharpOutlineArrowLeftSquareIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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="M22 22L22 2L2 2L2 22L22 22ZM20.5 20.5L3.5 20.5L3.5 3.5L20.5 3.5L20.5 20.5Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M16.8359 11.25L7.9117 11.25L7.9117 12.75L16.8359 12.75L16.8359 11.25Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M12.7384 15.7458L8.97667 12.0001L12.7384 8.25432L11.68 7.1914L6.85082 12.0001L11.68 16.8087L12.7384 15.7458Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpOutlineArrowLeftSquareIcon.displayName = 'IconlySharpOutlineArrowLeftSquareIcon';
+
+export const IconlySharpOutlineArrowLeftIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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="M20.25 12.75L4.34976 12.75L4.34976 11.25L20.25 11.25L20.25 12.75Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M11.6105 5.97777L5.56272 12.0005L11.6105 18.0223L10.5521 19.0852L3.43691 12.0006L10.552 4.91492L11.6105 5.97777Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpOutlineArrowLeftIcon.displayName = 'IconlySharpOutlineArrowLeftIcon';
+
+export const IconlySharpOutlineArrowRight2Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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="M7.43933 19L14.4393 12L7.43933 5.00001L8.49999 3.93935L16.5607 12L8.49999 20.0607L7.43933 19Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpOutlineArrowRight2Icon.displayName = 'IconlySharpOutlineArrowRight2Icon';
+
+export const IconlySharpOutlineArrowRight3Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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="M20.749 12.75L3.24926 12.75L3.24926 11.25L20.749 11.25L20.749 12.75Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M19.9994 11.25C16.4718 11.25 13.5894 14.3521 13.5894 17.66L13.5894 18.41L15.0894 18.41L15.0894 17.66C15.0894 15.1485 17.332 12.75 19.9994 12.75L20.7494 12.75L20.7494 11.25L19.9994 11.25Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M19.9994 12.75C16.4718 12.75 13.5894 9.64786 13.5894 6.33995L13.5894 5.58995L15.0894 5.58995L15.0894 6.33995C15.0894 8.85153 17.332 11.25 19.9994 11.25L20.7494 11.25L20.7494 12.75L19.9994 12.75Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpOutlineArrowRight3Icon.displayName = 'IconlySharpOutlineArrowRight3Icon';
+
+export const IconlySharpOutlineArrowRightCircleIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path fillRule="evenodd" clipRule="evenodd" d="M12 22C6.47784 22 2 17.5233 2 12C2 6.47779 6.47779 2 12 2C17.5222 2 22 6.47779 22 12C22 17.5233 17.5222 22 12 22ZM3.5 12C3.5 16.6947 7.30616 20.5 12 20.5C16.6938 20.5 20.5 16.6947 20.5 12C20.5 7.30621 16.6938 3.5 12 3.5C7.30621 3.5 3.5 7.30621 3.5 12Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M9.49695 15.4689L12.9807 12.0002L9.49695 8.53149L10.5553 7.46854L15.1066 12.0002L10.5553 16.5319L9.49695 15.4689Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpOutlineArrowRightCircleIcon.displayName = 'IconlySharpOutlineArrowRightCircleIcon';
+
+export const IconlySharpOutlineArrowRightSquareIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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 22L2 2L22 2L22 22L2 22ZM3.5 20.5L20.5 20.5L20.5 3.5L3.5 3.5L3.5 20.5Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M7.16406 11.25L16.0883 11.25L16.0883 12.75L7.16406 12.75L7.16406 11.25Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M11.2616 15.7458L15.0233 12.0001L11.2616 8.25432L12.32 7.1914L17.1492 12.0001L12.32 16.8087L11.2616 15.7458Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpOutlineArrowRightSquareIcon.displayName = 'IconlySharpOutlineArrowRightSquareIcon';
+
+export const IconlySharpOutlineArrowRightIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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="M3.74988 11.2501L19.6501 11.2501L19.6501 12.7501L3.74988 12.7501L3.74988 11.2501Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M12.3894 18.0224L18.4372 11.9996L12.3894 5.97783L13.4478 4.91489L20.563 11.9995L13.4479 19.0852L12.3894 18.0224Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpOutlineArrowRightIcon.displayName = 'IconlySharpOutlineArrowRightIcon';
+
+export const IconlySharpOutlineArrowUp2Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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="M4.99999 16.5607L12 9.56067L19 16.5607L20.0607 15.5L12 7.43935L3.93933 15.5L4.99999 16.5607Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpOutlineArrowUp2Icon.displayName = 'IconlySharpOutlineArrowUp2Icon';
+
+export const IconlySharpOutlineArrowUp3Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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="M11.2495 3.25L11.2495 20.7498L12.7495 20.7498L12.7495 3.25L11.2495 3.25Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M12.7495 4.00011C12.7495 7.52766 9.64737 10.4102 6.33947 10.4102H5.58947V8.91016H6.33947C8.85104 8.91016 11.2495 6.6675 11.2495 4.00011V3.25011H12.7495V4.00011Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M11.2495 4.00011C11.2495 7.52766 14.3517 10.4102 17.6596 10.4102H18.4096V8.91016H17.6596C15.148 8.91016 12.7495 6.6675 12.7495 4.00011V3.25011H11.2495V4.00011Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpOutlineArrowUp3Icon.displayName = 'IconlySharpOutlineArrowUp3Icon';
+
+export const IconlySharpOutlineArrowUpCircleIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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 12C2 17.5222 6.47673 22 12 22C17.5222 22 22 17.5222 22 12C22 6.47779 17.5222 2 12 2C6.47673 2 2 6.47784 2 12ZM12 20.5C7.30527 20.5 3.5 16.6938 3.5 12C3.5 7.30616 7.30527 3.5 12 3.5C16.6938 3.5 20.5 7.30621 20.5 12C20.5 16.6938 16.6938 20.5 12 20.5Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M8.53108 14.5031L11.9998 11.0193L15.4685 14.5031L16.5315 13.4447L11.9998 8.89344L7.46814 13.4447L8.53108 14.5031Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpOutlineArrowUpCircleIcon.displayName = 'IconlySharpOutlineArrowUpCircleIcon';
+
+export const IconlySharpOutlineArrowUpSquareIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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 22H22V2H2V22ZM3.5 20.5V3.5H20.5V20.5H3.5Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M12.75 16.8359V7.9117H11.25V16.8359H12.75Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M8.2542 12.7384L11.9999 8.97667L15.7457 12.7384L16.8086 11.68L11.9999 6.85082L7.19128 11.68L8.2542 12.7384Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpOutlineArrowUpSquareIcon.displayName = 'IconlySharpOutlineArrowUpSquareIcon';
+
+export const IconlySharpOutlineArrowUpIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path fillRule="evenodd" clipRule="evenodd" d="M12.75 20.25V4.34976H11.25V20.25H12.75Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M5.97777 11.6105L12.0005 5.56272L18.0223 11.6105L19.0852 10.5521L12.0006 3.43691L4.91492 10.552L5.97777 11.6105Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpOutlineArrowUpIcon.displayName = 'IconlySharpOutlineArrowUpIcon';
+
+export const IconlySharpOutlineAvatarIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path fillRule="evenodd" clipRule="evenodd" d="M12 3.5C7.30558 3.5 3.5 7.30558 3.5 12C3.5 16.6944 7.30558 20.5 12 20.5C16.6944 20.5 20.5 16.6944 20.5 12C20.5 7.30558 16.6944 3.5 12 3.5ZM2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M12.3679 7.77018L10.4347 14.3224H14.0445V15.8224H9.27719L8.70798 14.8741L10.9292 7.3457L12.3679 7.77018Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M15.6357 10.4243H17.1457V11.9243H15.6357V10.4243Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M6.18262 10.4243H7.69262V11.9243H6.18262V10.4243Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpOutlineAvatarIcon.displayName = 'IconlySharpOutlineAvatarIcon';
+
+export const IconlySharpOutlineBag2Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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="M8.84113 3.17901C9.76492 2.25911 11.017 1.74494 12.3206 1.75004C15.0282 1.7509 17.2229 3.94613 17.2229 6.65397V7.40397H15.7229V6.65397C15.7229 4.77403 14.1989 3.25004 12.319 3.25004H12.3158V3.25003C11.4105 3.24619 10.541 3.60313 9.89955 4.24191C9.25806 4.88069 8.89745 5.74868 8.89746 6.65397L8.89747 7.40397L7.39747 7.40398L7.39746 6.65398C7.39745 5.34977 7.91696 4.09927 8.84113 3.17901Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M14.376 10.2335H15.92V11.7335H14.376V10.2335Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M8.76862 10.2335H10.3126V11.7335H8.76862V10.2335Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M2.44331 22.2502L21.5574 22.2502L20.5778 6.11499L3.42296 6.11499L2.44331 22.2502ZM4.83465 7.61499L19.1661 7.61499L19.9636 20.7502L4.03715 20.7502L4.83465 7.61499Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpOutlineBag2Icon.displayName = 'IconlySharpOutlineBag2Icon';
+
+export const IconlySharpOutlineBag3Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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="M7.23048 6.51751C7.24183 3.88804 9.38258 1.76739 12.0111 1.77787C14.6391 1.77875 16.7694 3.90985 16.7694 6.53882V10.512H15.2694V6.53882C15.2694 4.73748 13.8095 3.27787 12.0095 3.27787H12.0063C10.2052 3.27009 8.73907 4.72231 8.73047 6.52246V10.512H7.23047L7.23048 6.51751Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M12 22.222C6.47715 22.222 2 17.7449 2 12.222L2 6.53461L22 6.5346L22 12.222C22 17.7449 17.5228 22.222 12 22.222ZM3.5 12.222C3.5 16.9165 7.30558 20.722 12 20.722C16.6944 20.722 20.5 16.9165 20.5 12.222L20.5 8.0346L3.5 8.0346L3.5 12.222Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpOutlineBag3Icon.displayName = 'IconlySharpOutlineBag3Icon';
+
+export const IconlySharpOutlineBagIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path fillRule="evenodd" clipRule="evenodd" d="M12.0003 4.03833C9.79153 4.03833 8.00098 5.82888 8.00098 8.03763V9.89953H6.50098V8.03763C6.50098 5.00045 8.9631 2.53833 12.0003 2.53833C15.0375 2.53833 17.4996 5.00045 17.4996 8.03763V9.89953H15.9996V8.03763C15.9996 5.82888 14.209 4.03833 12.0003 4.03833Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M1.93791 6.609L22.0621 6.609L20.8796 21.4615L3.1204 21.4615L1.93791 6.609ZM4.50573 19.9615L19.4943 19.9615L20.4379 8.109L3.56208 8.109L4.50573 19.9615Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpOutlineBagIcon.displayName = 'IconlySharpOutlineBagIcon';
+
+export const IconlySharpOutlineBookmarkIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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="M3.77246 2H20.2276V22.423L12.0241 18.6303L3.77246 22.4197V2ZM5.27246 3.5V20.0803L12.0262 16.9787L18.7276 20.077V3.5H5.27246Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M7.72841 8.47534H16.2718V9.97534H7.72841V8.47534Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpOutlineBookmarkIcon.displayName = 'IconlySharpOutlineBookmarkIcon';
+
+export const IconlySharpOutlineBuyIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="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.5792 11.175H17.7487V9.67954H13.5792V11.175Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M1.95174 2.75923C1.93942 2.79145 1.93493 3.13301 1.94186 3.5183L1.95442 4.21881L4.46836 4.24292L4.48966 4.34416C4.5014 4.39985 4.78824 7.22901 5.12706 10.6312C5.46588 14.0334 5.75167 16.8425 5.76213 16.8737C5.79014 16.9569 20.5525 16.9569 20.5806 16.8737C20.5912 16.8425 20.9176 14.3903 21.306 11.4243C21.6943 8.45824 22.0232 5.9754 22.0367 5.90688L22.0614 5.78226H6.15511L6.12783 5.567C6.11288 5.44859 6.04947 4.82153 5.98698 4.17349C5.92443 3.52546 5.86247 2.92895 5.84929 2.84796L5.82522 2.70068H3.89972C2.36779 2.70068 1.96965 2.71265 1.95174 2.75923ZM20.3083 7.51564C20.2917 7.64647 20.0505 9.47674 19.7724 11.5829L19.2668 15.4122L13.2039 15.4237C8.37638 15.4328 7.13704 15.4236 7.12172 15.3784C7.11116 15.3471 6.92811 13.5678 6.71501 11.4243C6.50187 9.28075 6.31786 7.47087 6.30613 7.40235L6.28483 7.27773H20.3385L20.3083 7.51564Z" fill={color || 'currentColor'}/>
+<path d="M7.27019 18.8043C6.32888 19.0674 6.01856 20.2434 6.70848 20.9333C6.90273 21.1275 7.12654 21.2419 7.38835 21.2799C7.46041 21.2926 7.53458 21.2992 7.61029 21.2992C7.73647 21.2992 7.85836 21.2808 7.9734 21.2465C8.13486 21.2026 8.27703 21.1284 8.40047 21.0233C8.69254 20.7908 8.87976 20.4321 8.87976 20.0297C8.87976 19.3286 8.31139 18.7603 7.61029 18.7603C7.56408 18.7603 7.51846 18.7627 7.47353 18.7675C7.405 18.7736 7.33694 18.7857 7.27019 18.8043Z" fill={color || 'currentColor'}/>
+<path d="M18.4748 18.7603C18.7272 18.7603 18.9625 18.8339 19.1601 18.961C19.2562 19.0171 19.3397 19.0839 19.403 19.1592C19.4216 19.1813 19.4392 19.2029 19.4559 19.2241C19.5017 19.2798 19.5429 19.3395 19.5788 19.4027C19.5918 19.4253 19.6038 19.4478 19.6147 19.4704C19.6977 19.6392 19.7443 19.829 19.7443 20.0297C19.7443 20.1907 19.7143 20.3447 19.6596 20.4865C19.6236 20.5954 19.5692 20.6924 19.4913 20.7903C19.2729 21.0818 18.932 21.2762 18.545 21.2973C18.1423 21.3206 17.7327 21.1552 17.4726 20.8111C17.2788 20.5547 17.2049 20.3372 17.2049 20.0237C17.2049 19.5869 17.4166 19.2058 17.7658 18.9765C17.9683 18.84 18.2122 18.7603 18.4748 18.7603Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpOutlineBuyIcon.displayName = 'IconlySharpOutlineBuyIcon';
+
+export const IconlySharpOutlineCalendarIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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="M3.01074 8.849H20.998V10.349H3.01074V8.849Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M15.3587 12.4615H16.8673V13.9615H15.3587V12.4615Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M11.2545 12.4615H12.763V13.9615H11.2545V12.4615Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M7.14117 12.4615H8.64974V13.9615H7.14117V12.4615Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M15.3587 16.0565H16.8673V17.5565H15.3587V16.0565Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M11.2545 16.0565H12.763V17.5565H11.2545V16.0565Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M7.14117 16.0565H8.64974V17.5565H7.14117V16.0565Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M16.4908 2V6.54399H14.9908V2H16.4908Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M9.01854 2V6.54399H7.51854V2H9.01854Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M2.92578 3.46069H21.0758V22H2.92578V3.46069ZM4.42578 4.96069V20.5H19.5758V4.96069H4.42578Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpOutlineCalendarIcon.displayName = 'IconlySharpOutlineCalendarIcon';
+
+export const IconlySharpOutlineCallMissedIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path fillRule="evenodd" clipRule="evenodd" d="M21.7744 4.57372L15.8613 10.4868L14.8007 9.42612L20.7137 3.51306L21.7744 4.57372Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M15.8613 3.51306L21.7744 9.42612L20.7137 10.4868L14.8007 4.57372L15.8613 3.51306Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M6.47809 1.7594L10.405 7.15351L8.68007 10.1493C8.74139 10.3301 8.83996 10.5904 8.98682 10.9003C9.28625 11.5321 9.78118 12.3587 10.5607 13.1383C11.3866 13.9641 12.2629 14.5055 12.9335 14.84C13.2672 15.0065 13.5471 15.1202 13.7401 15.1914L16.7274 13.4714L22.2651 17.555L21.942 18.1323C21.0166 19.7856 19.8354 20.9668 18.1821 21.8922L18.0273 21.9788L17.8501 21.9869C12.9713 22.2103 8.77631 19.5574 5.95315 16.2738C4.53673 14.6263 3.44194 12.7952 2.76055 11.0326C2.08431 9.28335 1.79085 7.5369 2.0626 6.08389L2.08642 5.95653L2.1516 5.84454C3.08636 4.23828 4.29318 3.04094 5.89212 2.10309L6.47809 1.7594ZM13.8227 16.0093C13.6244 16.7327 13.6242 16.7326 13.624 16.7325L13.6223 16.7321L13.6195 16.7313L13.6117 16.7291L13.5875 16.7221C13.5676 16.7162 13.5403 16.7079 13.5061 16.6971C13.4378 16.6754 13.3419 16.6433 13.2229 16.5994C12.9851 16.5118 12.6536 16.3766 12.264 16.1823C11.4867 15.7946 10.4669 15.1657 9.50008 14.1989C8.57172 13.2706 7.98579 12.2906 7.63135 11.5427C7.45376 11.168 7.33298 10.8489 7.25561 10.6194C7.21688 10.5045 7.18892 10.4118 7.17007 10.3455C7.16064 10.3123 7.15348 10.2856 7.14839 10.2661L7.14228 10.2421L7.14034 10.2342L7.13963 10.2313L7.13935 10.2301C7.13929 10.2299 7.13911 10.2291 7.8687 10.0554L7.13911 10.2291L7.07008 9.93931L8.61916 7.249L6.07827 3.75879C5.01757 4.48105 4.19067 5.3589 3.51578 6.48435C3.35157 7.54783 3.56235 8.9467 4.15964 10.4917C4.77543 12.0846 5.7783 13.7696 7.09055 15.2959C9.68807 18.317 13.4059 20.6192 17.6036 20.4952C18.7414 19.832 19.5931 19.0327 20.292 17.9637L16.6262 15.2605L13.926 16.8153L13.624 16.7325L13.8227 16.0093Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpOutlineCallMissedIcon.displayName = 'IconlySharpOutlineCallMissedIcon';
+
+export const IconlySharpOutlineCallSilentIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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.47809 1.56946L10.405 6.96357L8.68007 9.95933C8.70337 10.0281 8.73211 10.1084 8.76688 10.1987C8.89637 10.5349 9.10817 11.0053 9.43292 11.5261L9.82976 12.1626L8.55694 12.9562L8.1601 12.3198C7.77655 11.7047 7.52444 11.1464 7.3671 10.7378C7.28831 10.5332 7.23291 10.3652 7.19646 10.2452C7.17822 10.1852 7.16469 10.1371 7.15532 10.1023C7.15064 10.0849 7.14699 10.0708 7.14431 10.0603L7.14101 10.047L7.13988 10.0424L7.13945 10.0406L7.13918 10.0395C7.13914 10.0394 7.1391 10.0392 7.8687 9.86542L7.13918 10.0395L7.07008 9.74936L8.61915 7.05906L6.07826 3.56885C5.01756 4.2911 4.19067 5.16896 3.51577 6.29441C3.36179 7.29166 3.53722 8.58587 4.05553 10.0232C4.59157 11.5096 5.47455 13.0927 6.64177 14.5628L7.10812 15.1502L5.93337 16.0829L5.46701 15.4955C4.20748 13.9091 3.24042 12.1846 2.64448 10.532C2.05269 8.89095 1.80653 7.2631 2.0626 5.89395L2.08642 5.76659L2.15159 5.6546C3.08636 4.04834 4.29317 2.851 5.89212 1.91315L6.47809 1.56946ZM10.6934 13.1217L11.2783 13.591C11.9935 14.1649 12.6909 14.5451 13.2075 14.781C13.4212 14.8786 13.6028 14.9508 13.7401 15.0015L16.7274 13.2814L22.2651 17.365L21.942 17.9423C21.0166 19.5957 19.8354 20.7768 18.1821 21.7022L18.0273 21.7889L17.85 21.797C13.7941 21.9827 10.2082 20.1778 7.499 17.6844L6.94714 17.1765L7.96294 16.0728L8.51479 16.5807C10.9763 18.8461 14.1239 20.4081 17.6036 20.3053C18.7414 19.6421 19.5931 18.8428 20.292 17.7738L16.6262 15.0706L13.926 16.6254L13.6244 16.5427L13.8227 15.8194C13.6244 16.5427 13.6246 16.5428 13.6244 16.5427L13.6227 16.5422L13.6204 16.5416L13.6142 16.5399L13.5956 16.5345C13.5804 16.5301 13.5597 16.5239 13.5338 16.5158C13.4822 16.4998 13.4098 16.4762 13.3196 16.4444C13.1393 16.3807 12.8869 16.2835 12.5845 16.1455C11.981 15.87 11.1715 15.4285 10.3396 14.761L9.75462 14.2916L10.6934 13.1217Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M19.6894 5.72098L4.04877 22.4043L2.95447 21.3784L18.5951 4.69507L19.6894 5.72098Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpOutlineCallSilentIcon.displayName = 'IconlySharpOutlineCallSilentIcon';
+
+export const IconlySharpOutlineCallIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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.47904 1.7594L10.406 7.15351L8.68102 10.1493C8.74234 10.3301 8.84091 10.5904 8.98777 10.9003C9.2872 11.5321 9.78212 12.3587 10.5617 13.1383C11.3875 13.9641 12.2638 14.5055 12.9345 14.84C13.2681 15.0065 13.548 15.1202 13.7411 15.1914L16.7283 13.4714L22.266 17.555L21.9429 18.1323C21.0175 19.7856 19.8364 20.9668 18.183 21.8922L18.0282 21.9788L17.851 21.9869C12.9723 22.2103 8.77726 19.5574 5.95409 16.2738C4.53768 14.6263 3.44289 12.7952 2.7615 11.0326C2.08525 9.28335 1.79179 7.5369 2.06355 6.08389L2.08737 5.95653L2.15254 5.84454C3.08731 4.23828 4.29413 3.04094 5.89307 2.10309L6.47904 1.7594ZM13.8236 16.0093C13.6254 16.7327 13.6251 16.7326 13.6249 16.7325L13.6233 16.7321L13.6205 16.7313L13.6126 16.7291L13.5884 16.7221C13.5685 16.7162 13.5412 16.7079 13.507 16.6971C13.4387 16.6754 13.3429 16.6433 13.2239 16.5994C12.986 16.5118 12.6545 16.3766 12.265 16.1823C11.4876 15.7946 10.4678 15.1657 9.50102 14.1989C8.57267 13.2706 7.98674 12.2906 7.6323 11.5427C7.45471 11.168 7.33393 10.8489 7.25655 10.6194C7.21783 10.5045 7.18986 10.4118 7.17101 10.3455C7.16159 10.3123 7.15443 10.2856 7.14934 10.2661L7.14323 10.2421L7.14128 10.2342L7.14058 10.2313L7.14029 10.2301C7.14024 10.2299 7.14005 10.2291 7.86965 10.0554L7.14005 10.2291L7.07103 9.93931L8.6201 7.249L6.07922 3.75879C5.01851 4.48105 4.19162 5.3589 3.51672 6.48435C3.35251 7.54783 3.5633 8.9467 4.16059 10.4917C4.77637 12.0846 5.77925 13.7696 7.09149 15.2959C9.68902 18.317 13.4068 20.6192 17.6046 20.4952C18.7424 19.832 19.594 19.0327 20.293 17.9637L16.6272 15.2605L13.9269 16.8153L13.6249 16.7325L13.8236 16.0093Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpOutlineCallIcon.displayName = 'IconlySharpOutlineCallIcon';
+
+export const IconlySharpOutlineCallingIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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="M13.5844 1.92175L14.3299 2.00453C18.3791 2.45421 21.5783 5.64896 22.0324 9.69837L22.116 10.4437L20.6253 10.6109L20.5418 9.86553C20.1658 6.51294 17.517 3.86769 14.1643 3.49537L13.4189 3.41259L13.5844 1.92175Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M13.6538 5.4137L14.3901 5.5567C16.4615 5.95907 18.0798 7.57896 18.4832 9.64954L18.6266 10.3857L17.1543 10.6725L17.0109 9.93635C16.7242 8.46492 15.5745 7.31482 14.104 7.02918L13.3678 6.88618L13.6538 5.4137Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M6.47809 1.7594L10.405 7.15351L8.68007 10.1493C8.74139 10.3301 8.83996 10.5904 8.98682 10.9003C9.28625 11.5321 9.78118 12.3587 10.5607 13.1383C11.3866 13.9641 12.2629 14.5055 12.9335 14.84C13.2672 15.0065 13.5471 15.1202 13.7401 15.1914L16.7274 13.4714L22.2651 17.555L21.942 18.1323C21.0166 19.7856 19.8354 20.9668 18.1821 21.8922L18.0273 21.9788L17.8501 21.9869C12.9713 22.2103 8.77631 19.5574 5.95315 16.2738C4.53673 14.6263 3.44194 12.7952 2.76055 11.0326C2.08431 9.28335 1.79085 7.5369 2.0626 6.08389L2.08642 5.95653L2.1516 5.84454C3.08636 4.23828 4.29318 3.04094 5.89212 2.10309L6.47809 1.7594ZM13.8227 16.0093C13.6244 16.7327 13.6242 16.7326 13.624 16.7325L13.6223 16.7321L13.6195 16.7313L13.6117 16.7291L13.5875 16.7221C13.5676 16.7162 13.5403 16.7079 13.5061 16.6971C13.4378 16.6754 13.3419 16.6433 13.2229 16.5994C12.9851 16.5118 12.6536 16.3766 12.264 16.1823C11.4867 15.7946 10.4669 15.1657 9.50008 14.1989C8.57172 13.2706 7.98579 12.2906 7.63135 11.5427C7.45376 11.168 7.33298 10.8489 7.25561 10.6194C7.21688 10.5045 7.18892 10.4118 7.17007 10.3455C7.16064 10.3123 7.15348 10.2856 7.14839 10.2661L7.14228 10.2421L7.14034 10.2342L7.13963 10.2313L7.13935 10.2301C7.13929 10.2299 7.13911 10.2291 7.8687 10.0554L7.13911 10.2291L7.07008 9.93931L8.61916 7.249L6.07827 3.75879C5.01757 4.48105 4.19067 5.3589 3.51578 6.48435C3.35157 7.54783 3.56235 8.9467 4.15964 10.4917C4.77543 12.0846 5.7783 13.7696 7.09055 15.2959C9.68807 18.317 13.4059 20.6192 17.6036 20.4952C18.7414 19.832 19.5931 19.0327 20.292 17.9637L16.6262 15.2605L13.926 16.8153L13.624 16.7325L13.8227 16.0093Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpOutlineCallingIcon.displayName = 'IconlySharpOutlineCallingIcon';
+
+export const IconlySharpOutlineCameraIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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="M8.54851 3.24219H15.4504L17.1824 5.94755H22L22 20.7582H2.00001L2 5.94755H6.8175L8.54851 3.24219ZM9.36951 4.74219L7.6385 7.44755H3.5L3.50001 19.2582H20.5L20.5 7.44755H16.3616L14.6296 4.74219H9.36951Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M17.1772 9.78516H18.6862V11.2852H17.1772V9.78516Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M8.07031 13.2142C8.07031 11.0439 9.8291 9.28516 11.9993 9.28516C14.1695 9.28516 15.9283 11.0439 15.9283 13.2142C15.9283 15.3844 14.1695 17.1432 11.9993 17.1432C9.8291 17.1432 8.07031 15.3844 8.07031 13.2142ZM11.9993 10.7852C10.6575 10.7852 9.57031 11.8724 9.57031 13.2142C9.57031 14.5559 10.6575 15.6432 11.9993 15.6432C13.3411 15.6432 14.4283 14.5559 14.4283 13.2142C14.4283 11.8724 13.3411 10.7852 11.9993 10.7852Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpOutlineCameraIcon.displayName = 'IconlySharpOutlineCameraIcon';
+
+export const IconlySharpOutlineCardIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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 4.22021H22V19.7802H2V4.22021ZM3.5 5.72021V18.2802H20.5V5.72021H3.5Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M2 9.0332H22V10.5332H2V9.0332Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M14.1015 14.5923H19.0768V16.0923H14.1015V14.5923Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M9.87598 14.5923H12.1238V16.0923H9.87598V14.5923Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpOutlineCardIcon.displayName = 'IconlySharpOutlineCardIcon';
+
+export const IconlySharpOutlineCategoryIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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="M1.85742 2.64331H10.3574V11.1433H1.85742V2.64331ZM3.35742 4.14331V9.64331H8.85742V4.14331H3.35742Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M14.1015 1.68811L22.3119 3.88807L20.1119 12.0984L11.9015 9.89848L14.1015 1.68811ZM15.1622 3.52523L13.7387 8.83782L19.0513 10.2613L20.4748 4.94873L15.1622 3.52523Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M1.85742 13.6433H10.3574V22.1433H1.85742V13.6433ZM3.35742 15.1433V20.6433H8.85742V15.1433H3.35742Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M12.8574 13.6433H21.3574V22.1433H12.8574V13.6433ZM14.3574 15.1433V20.6433H19.8574V15.1433H14.3574Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpOutlineCategoryIcon.displayName = 'IconlySharpOutlineCategoryIcon';
+
+export const IconlySharpOutlineChartIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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="M7.91367 9.67773V17.2076H6.41367V9.67773H7.91367Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M12.7506 6.79248V17.2076H11.2506V6.79248H12.7506Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M17.5865 12.8643V17.2077H16.0865V12.8643H17.5865Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M2 22L2 2L22 2L22 22L2 22ZM3.5 20.5L20.5 20.5L20.5 3.5L3.5 3.5L3.5 20.5Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpOutlineChartIcon.displayName = 'IconlySharpOutlineChartIcon';
+
+export const IconlySharpOutlineChat2Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path fillRule="evenodd" clipRule="evenodd" d="M18.0177 6.00408C14.7113 2.69729 9.33848 2.69729 6.03204 6.00494C4.37282 7.66379 3.54658 9.83248 3.54819 12.004C3.54944 13.6832 3.53737 15.9855 3.52501 17.8665C3.51883 18.8073 3.51257 19.6433 3.50786 20.2441L3.50621 20.4485C3.56761 20.4481 3.63221 20.4477 3.69981 20.4473C4.29389 20.4435 5.12037 20.4393 6.05002 20.4373C7.90728 20.4332 10.1837 20.4381 11.8409 20.4739C14.0714 20.5221 16.3132 19.697 18.0177 17.9923C21.3245 14.6851 21.3303 9.31708 18.0177 6.00408ZM2.75 21.2042L2.00003 21.1977L2.0079 20.2323C2.01261 19.632 2.01887 18.7967 2.02504 17.8566C2.0374 15.9759 2.04943 13.6784 2.04819 12.0051C2.04629 9.45154 3.01915 6.89614 4.97119 4.94447C4.97124 4.94442 4.97114 4.94452 4.97119 4.94447M4.97119 4.94447C8.86344 1.05095 15.1862 1.05085 19.0784 4.94348C22.9774 8.84293 22.9703 15.1606 19.0784 19.0529C17.0729 21.0586 14.4311 22.0302 11.8085 21.9736C10.1705 21.9382 7.90958 21.9332 6.05328 21.9373C5.12616 21.9393 4.30181 21.9435 3.70926 21.9473C3.413 21.9491 3.17473 21.9509 3.01059 21.9521L2.75772 21.9542L2.75 21.2042L2.75671 21.9542L1.99341 21.961L2.00003 21.1977L2.75 21.2042" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M7.46594 11.6309H9.06468V13.1309H7.46594V11.6309Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M11.2002 11.631H12.7989V13.131H11.2002V11.631Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M14.9345 11.6309H16.5333V13.1309H14.9345V11.6309Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpOutlineChat2Icon.displayName = 'IconlySharpOutlineChat2Icon';
+
+export const IconlySharpOutlineChatIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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.8745 2.37281C9.50314 2.56861 7.78934 3.26165 6.61324 4.09609C5.881 4.61562 4.6612 5.88308 4.15134 6.65431C2.96603 8.44675 2.36906 10.8299 2.59827 12.8538C2.75495 14.2366 3.34874 16.0701 4.04243 17.3133C4.17552 17.5518 4.28443 17.7911 4.28443 17.8451C4.28443 17.8991 3.77973 18.7519 3.16284 19.7401C2.54595 20.7283 2.01508 21.5815 1.98307 21.636C1.94462 21.7016 3.90369 21.7318 7.78705 21.7253C13.378 21.7158 13.6882 21.7058 14.4915 21.5086C20.0711 20.1382 23.2672 14.5016 21.5551 9.0515C20.1366 4.53625 15.5986 1.6986 10.8745 2.37281ZM13.8205 3.89059C17.1292 4.52357 19.7253 7.09001 20.3937 10.3887C20.6511 11.6587 20.5557 13.3202 20.1545 14.554C19.4477 16.7283 18.0107 18.3819 15.9285 19.4173C14.2489 20.2525 13.8096 20.3053 8.79697 20.2746L4.57935 20.2487L5.32555 19.0479L6.07177 17.8471L5.65625 17.1652C5.12548 16.2939 4.66566 15.2339 4.32892 14.1051C4.1115 13.3764 4.06126 13.0048 4.05383 12.0738C4.03569 9.77219 4.76139 7.94744 6.35301 6.29283C7.62127 4.97433 9.3753 4.05566 11.0727 3.82101C11.7644 3.72529 13.1388 3.76008 13.8205 3.89059ZM7.85197 12.4247V13.1721L8.61998 13.1431L9.38799 13.1142L9.41712 12.3958L9.44626 11.6774H8.64911H7.85197V12.4247ZM11.5186 12.4206V13.1638H12.2618H13.0051V12.4206V11.6774H12.2618H11.5186V12.4206ZM15.1066 12.3958L15.1357 13.1142L15.9037 13.1431L16.6717 13.1721V12.4247V11.6774H15.8746H15.0774L15.1066 12.3958Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpOutlineChatIcon.displayName = 'IconlySharpOutlineChatIcon';
+
+export const IconlySharpOutlineCloseSquareIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path fillRule="evenodd" clipRule="evenodd" d="M15.4562 9.59472L9.60351 15.4474L8.54285 14.3867L14.3955 8.53406L15.4562 9.59472Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M9.59971 8.5321L15.4563 14.3899L14.3955 15.4504L8.53894 9.59265L9.59971 8.5321Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12ZM12 3.5C7.30558 3.5 3.5 7.30558 3.5 12C3.5 16.6944 7.30558 20.5 12 20.5C16.6944 20.5 20.5 16.6944 20.5 12C20.5 7.30558 16.6944 3.5 12 3.5Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpOutlineCloseSquareIcon.displayName = 'IconlySharpOutlineCloseSquareIcon';
+
+export const IconlySharpOutlineDangerCircleIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path fillRule="evenodd" clipRule="evenodd" d="M12 3.5C7.30521 3.5 3.5 7.30521 3.5 12C3.5 16.6938 7.30527 20.5 12 20.5C16.6938 20.5 20.5 16.6938 20.5 12C20.5 7.30527 16.6938 3.5 12 3.5ZM2 12C2 6.47679 6.47679 2 12 2C17.5222 2 22 6.47673 22 12C22 17.5222 17.5222 22 12 22C6.47673 22 2 17.5222 2 12Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M12.7451 7.4541V13.3731H11.2451V7.4541H12.7451Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M11.245 15.0459H12.755V16.5459H11.245V15.0459Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpOutlineDangerCircleIcon.displayName = 'IconlySharpOutlineDangerCircleIcon';
+
+export const IconlySharpOutlineDangerTriangleIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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="M11.4936 2.95984H12.5115L22.1471 19.8727L21.2587 21.0402H2.68483L1.86523 19.8508L11.4936 2.95984ZM12.0023 5.09638L3.76888 19.5402H20.2314L12.0023 5.09638Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M12.7677 10.465V14.766H11.2677V10.465H12.7677Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M11.2612 16.0537H12.7702V17.5537H11.2612V16.0537Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpOutlineDangerTriangleIcon.displayName = 'IconlySharpOutlineDangerTriangleIcon';
+
+export const IconlySharpOutlineDelete2Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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="M3.29388 5.70117H20.7056L19.1446 22.0003H4.85494L3.29388 5.70117ZM4.94441 7.20117L6.21814 20.5003H17.7814L19.0551 7.20117H4.94441Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M8.0504 2H15.9508L17.4237 6.47529L15.9988 6.94421L14.8653 3.5H9.13589L8.00237 6.94421L6.57755 6.47529L8.0504 2Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M12.751 10.6138L12.751 17.0866L11.251 17.0866L11.251 10.6138L12.751 10.6138Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpOutlineDelete2Icon.displayName = 'IconlySharpOutlineDelete2Icon';
+
+export const IconlySharpOutlineDeleteIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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="M3.80072 6.65259H20.1989L18.7289 22H5.27063L3.80072 6.65259ZM5.45125 8.15259L6.63383 20.5H17.3657L18.5483 8.15259H5.45125Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M7.06169 2H16.9383V3.5H7.06169V2Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M12.7501 11.2495L12.7501 17.4025L11.2501 17.4025L11.2501 11.2495L12.7501 11.2495Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpOutlineDeleteIcon.displayName = 'IconlySharpOutlineDeleteIcon';
+
+export const IconlySharpOutlineDiscountIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path fillRule="evenodd" clipRule="evenodd" d="M15.1935 9.65942L9.65819 15.1947L8.59753 14.134L14.1328 8.59875L15.1935 9.65942Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M13.3161 13.3215H14.824V14.8215H13.3161V13.3215Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M8.96457 8.96899H10.4724V10.469H8.96457V8.96899Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M12 1.50867L12.5976 2.29683C13.9645 4.09942 16.1975 5.02437 18.4386 4.71623L19.4185 4.5815L19.2838 5.5614C18.9756 7.80251 19.9006 10.0355 21.7032 11.4024L22.4913 12L21.7032 12.5976C19.9006 13.9644 18.9756 16.1974 19.2838 18.4386L19.4185 19.4185L18.4386 19.2837C16.1975 18.9756 13.9645 19.9005 12.5976 21.7031L12 22.4913L11.4024 21.7031C10.0356 19.9005 7.80254 18.9756 5.56143 19.2837L4.58153 19.4185L4.71626 18.4386C5.0244 16.1974 4.09945 13.9644 2.29686 12.5976L1.5087 12L2.29686 11.4024C4.09946 10.0355 5.0244 7.80252 4.71626 5.5614L4.58153 4.5815L5.56143 4.71623C7.80255 5.02437 10.0356 4.09943 11.4024 2.29683L12 1.50867ZM6.27346 6.27343C6.31286 8.42767 5.45258 10.5046 3.90144 12C5.45258 13.4954 6.31286 15.5723 6.27346 17.7265C8.4277 17.6871 10.5046 18.5474 12 20.0985C13.4954 18.5474 15.5723 17.6871 17.7266 17.7265C17.6872 15.5723 18.5474 13.4954 20.0986 12C18.5474 10.5046 17.6872 8.42767 17.7266 6.27343C15.5723 6.31283 13.4954 5.45255 12 3.90141C10.5046 5.45255 8.4277 6.31283 6.27346 6.27343Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpOutlineDiscountIcon.displayName = 'IconlySharpOutlineDiscountIcon';
+
+export const IconlySharpOutlineDiscoveryIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path fillRule="evenodd" clipRule="evenodd" d="M15.9765 7.99316L14.5433 14.5428L9.18821 15.7146L8.02417 16.0071L9.45746 9.45696L14.8127 8.28514L15.9765 7.99316ZM9.99845 14.0018L13.2835 13.283L14.0023 9.99795L10.7173 10.7168L9.99845 14.0018Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M12 3.5C7.30558 3.5 3.5 7.30558 3.5 12C3.5 16.6944 7.30558 20.5 12 20.5C16.6944 20.5 20.5 16.6944 20.5 12C20.5 7.30558 16.6944 3.5 12 3.5ZM2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpOutlineDiscoveryIcon.displayName = 'IconlySharpOutlineDiscoveryIcon';
+
+export const IconlySharpOutlineDocumentIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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="M7.62207 9.979H15.1918V8.479H7.62207V9.979Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M7.62207 14.1432H11.4381V12.6432H7.62207V14.1432Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M2.87695 2H21.1235V22H2.87695V2ZM4.37695 3.5V20.5H19.6235V3.5H4.37695Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpOutlineDocumentIcon.displayName = 'IconlySharpOutlineDocumentIcon';
+
+export const IconlySharpOutlineDownload1Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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 8.3042H8.125V9.8042H3.5V19.733H20.5V9.8042H15.875V8.3042H22V21.233H2V8.3042Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M11.25 18.2065L11.25 2.76727L12.75 2.76727L12.75 18.2065L11.25 18.2065Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M12.75 17.4564C12.75 14.5114 10.1651 12.1108 7.40449 12.1108L6.65449 12.1108L6.65449 13.6108L7.40449 13.6108C9.36881 13.6108 11.25 15.3715 11.25 17.4564L11.25 18.2064L12.75 18.2064L12.75 17.4564Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M11.25 17.4564C11.25 14.5114 13.8349 12.1108 16.5955 12.1108L17.3455 12.1108L17.3455 13.6108L16.5955 13.6108C14.6312 13.6108 12.75 15.3715 12.75 17.4564L12.75 18.2064L11.25 18.2064L11.25 17.4564Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpOutlineDownload1Icon.displayName = 'IconlySharpOutlineDownload1Icon';
+
+export const IconlySharpOutlineDownloadIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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="M11.2498 2.40723V16.685H12.7498V2.40723H11.2498Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M7.66443 13.3926L12 17.7475L16.3368 13.3928L15.274 12.3344L12.0001 15.6216L8.72745 12.3344L7.66443 13.3926Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M2 8.66406H8.125V10.1641H3.5V20.0929H20.5V10.1641H15.875V8.66406H22V21.5929H2V8.66406Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpOutlineDownloadIcon.displayName = 'IconlySharpOutlineDownloadIcon';
+
+export const IconlySharpOutlineEditSquareIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path fillRule="evenodd" clipRule="evenodd" d="M12.9326 6.22534L17.7941 11.0868L6.88071 22.0002L2.02381 21.9956L2.01924 17.1387L12.9326 6.22534ZM3.51983 17.7595L3.5224 20.497L6.25997 20.4996L15.6728 11.0868L12.9326 8.34666L3.51983 17.7595Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M12.9326 6.22546L17.7941 11.0869L6.88071 22.0003L2.02381 21.9957L2.01924 17.1388L12.9326 6.22546ZM3.51983 17.7596L3.5224 20.4972L6.25997 20.4997L15.6728 11.0869L12.9326 8.34678L3.51983 17.7596Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M13.4933 14.5537L9.44649 10.5069L10.5072 9.4462L14.554 13.4931L13.4933 14.5537Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M21.9805 22H11.9437V20.5H20.4805V3.5H3.51927V12.1964H2.01927V2H21.9805V22Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpOutlineEditSquareIcon.displayName = 'IconlySharpOutlineEditSquareIcon';
+
+export const IconlySharpOutlineEditIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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="M16.1006 1.93933L22.0607 7.89938L8.20976 21.7503L2.25531 21.7447L2.24971 15.7902L16.1006 1.93933ZM3.75029 16.411L3.7539 20.2461L7.58902 20.2497L19.9393 7.89938L16.1006 4.06065L3.75029 16.411Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M2.2549 20.2441L21.0722 20.2447L21.0722 21.7447L2.25485 21.7441L2.2549 20.2441Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpOutlineEditIcon.displayName = 'IconlySharpOutlineEditIcon';
+
+export const IconlySharpOutlineEmojiIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path fillRule="evenodd" clipRule="evenodd" d="M12 3.5C7.30558 3.5 3.5 7.30558 3.5 12C3.5 16.6944 7.30558 20.5 12 20.5C16.6944 20.5 20.5 16.6944 20.5 12C20.5 7.30558 16.6944 3.5 12 3.5ZM2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M8.50195 12.5513C8.50195 14.4831 10.068 16.0491 11.9998 16.0491C13.9316 16.0491 15.4976 14.4831 15.4976 12.5513H16.9976C16.9976 15.3115 14.76 17.5491 11.9998 17.5491C9.23956 17.5491 7.00195 15.3115 7.00195 12.5513H8.50195Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpOutlineEmojiIcon.displayName = 'IconlySharpOutlineEmojiIcon';
+
+export const IconlySharpOutlineFilter3Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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.25 2.65674H21.75V7.41752L15 14.304V19.3461L9 21.691V14.304L2.25 7.41752V2.65674ZM3.75 4.15674V6.80497L10.5 13.6915V19.4943L13.5 18.3218V13.6915L20.25 6.80497V4.15674H3.75Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpOutlineFilter3Icon.displayName = 'IconlySharpOutlineFilter3Icon';
+
+export const IconlySharpOutlineFilterIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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="M8.49512 6.50391H19.6372V8.00391H8.49512V6.50391Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M3.25 7.19391C3.25 5.33256 4.76861 3.83252 6.63019 3.83252C8.49178 3.83252 10.0104 5.33256 10.0104 7.19391C10.0104 9.05526 8.49178 10.5553 6.63019 10.5553C4.76861 10.5553 3.25 9.05526 3.25 7.19391ZM6.63019 5.33252C5.58687 5.33252 4.75 6.17112 4.75 7.19391C4.75 8.21671 5.58687 9.05531 6.63019 9.05531C7.67351 9.05531 8.51039 8.21671 8.51039 7.19391C8.51039 6.17112 7.67351 5.33252 6.63019 5.33252Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M15.5049 16.1167H4.36285V17.6167H15.5049V16.1167Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M20.75 16.8062C20.75 14.9449 19.2314 13.4448 17.3698 13.4448C15.5082 13.4448 13.9896 14.9449 13.9896 16.8062C13.9896 18.6676 15.5082 20.1676 17.3698 20.1676C19.2314 20.1676 20.75 18.6676 20.75 16.8062ZM17.3698 14.9448C18.4131 14.9448 19.25 15.7834 19.25 16.8062C19.25 17.829 18.4131 18.6676 17.3698 18.6676C16.3265 18.6676 15.4896 17.829 15.4896 16.8062C15.4896 15.7834 16.3265 14.9448 17.3698 14.9448Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpOutlineFilterIcon.displayName = 'IconlySharpOutlineFilterIcon';
+
+export const IconlySharpOutlineFolderIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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.88281 14.3365H17.1178V15.8365H6.88281V14.3365Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M2 2.92346H10.0699L12.3315 5.70239H22V21.0765H2V2.92346ZM3.5 4.42346V19.5765H20.5V7.20239H11.6183L9.35666 4.42346H3.5Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpOutlineFolderIcon.displayName = 'IconlySharpOutlineFolderIcon';
+
+export const IconlySharpOutlineGameIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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.39204 11.4819V16.6297H7.89204V11.4819H9.39204Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M6.0303 13.306H11.2522V14.806H6.0303V13.306Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M14.1358 11.5929H15.7401V13.0929H14.1358V11.5929Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M15.9016 15.0747H17.5059V16.5747H15.9016V15.0747Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M8.32812 2.25V3C8.32812 3.29288 8.57461 3.55594 8.91061 3.55594H9.94233C11.4758 3.5614 12.7427 4.78242 12.7498 6.32055L12.7498 6.32402L12.7498 7.78126H11.2498V6.32596C11.2458 5.63968 10.6743 5.05919 9.93818 5.05594H8.91061C7.77479 5.05594 6.82812 4.14962 6.82812 3V2.25H8.32812Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M8.23718 21.75C4.00343 21.75 0.571289 18.3179 0.571289 14.0841C0.571289 9.85035 4.00343 6.41821 8.23719 6.4182L15.7618 6.4182C19.9956 6.4182 23.4277 9.85035 23.4277 14.0841C23.4277 18.3179 19.9956 21.75 15.7618 21.75L8.23718 21.75ZM2.07129 14.0841C2.07129 17.4894 4.83185 20.25 8.23718 20.25L15.7618 20.25C19.1672 20.25 21.9277 17.4894 21.9277 14.0841C21.9277 10.6788 19.1672 7.9182 15.7618 7.9182L8.23719 7.9182C4.83186 7.91821 2.07129 10.6788 2.07129 14.0841Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpOutlineGameIcon.displayName = 'IconlySharpOutlineGameIcon';
+
+export const IconlySharpOutlineGraphIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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="M8.81356 21.8365C10.4631 22.1646 12.173 21.9962 13.7268 21.3526C15.2807 20.7089 16.6088 19.619 17.5432 18.2205C18.4776 16.8221 18.9764 15.178 18.9764 13.4961V12.7461H11.2226V4.99225L10.4726 4.99224C8.79067 4.99224 7.14655 5.49099 5.7481 6.4254C4.34966 7.35981 3.2597 8.68792 2.61607 10.2418C1.97243 11.7957 1.80403 13.5055 2.13215 15.1551C2.46027 16.8047 3.27018 18.3199 4.45946 19.5092C5.64874 20.6984 7.16398 21.5084 8.81356 21.8365ZM13.1528 19.9667C11.873 20.4968 10.4648 20.6355 9.10619 20.3653C7.74758 20.0951 6.49962 19.428 5.52012 18.4485C4.54062 17.469 3.87357 16.221 3.60333 14.8624C3.33309 13.5038 3.47179 12.0956 4.00189 10.8158C4.53199 9.53604 5.42969 8.44219 6.58146 7.6726C7.52423 7.04266 8.60257 6.65314 9.72257 6.53251V14.2461H17.4361C17.3155 15.3661 16.926 16.4444 16.296 17.3872C15.5264 18.5389 14.4326 19.4366 13.1528 19.9667Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M12.7773 11.254L22.0311 11.254L22.0311 10.504C22.0311 8.24868 21.1351 6.0857 19.5404 4.49092C17.9456 2.89615 15.7826 2.00021 13.5273 2.00022H12.7773L12.7773 11.254ZM14.2773 9.75403L14.2773 3.54046C15.859 3.71078 17.3442 4.41611 18.4797 5.55158C19.6152 6.68706 20.3205 8.17227 20.4908 9.75403L14.2773 9.75403Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpOutlineGraphIcon.displayName = 'IconlySharpOutlineGraphIcon';
+
+export const IconlySharpOutlineHeartIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path d="M11.9999 21.1717L11.6999 21.0417C6.98994 18.9517 1.97994 14.8517 1.99994 9.59169C2.00994 6.49169 3.72994 4.00169 6.47994 3.12169C8.58994 2.44169 10.5199 2.95169 11.9999 4.56169C13.4799 2.95169 15.4099 2.44169 17.5199 3.12169C20.2699 4.01169 21.9899 6.49169 21.9999 9.60169C22.0299 14.8517 17.0099 18.9517 12.2999 21.0417L11.9999 21.1717ZM8.24994 4.32169C7.82994 4.32169 7.39994 4.39169 6.93994 4.54169C4.40994 5.35169 3.49994 7.69169 3.49994 9.60169C3.47994 14.0217 7.99994 17.6717 11.9999 19.5217C15.9999 17.6717 20.5199 14.0217 20.4999 9.60169C20.4999 7.69169 19.5799 5.36169 17.0599 4.54169C15.2699 3.96169 13.7799 4.52169 12.6199 6.18169L11.9999 7.06169L11.3799 6.18169C10.5199 4.94169 9.46994 4.31169 8.24994 4.31169V4.32169Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpOutlineHeartIcon.displayName = 'IconlySharpOutlineHeartIcon';
+
+export const IconlySharpOutlineHeart2Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="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.94 14.3714H12.09C13.77 14.3714 15.41 13.3214 16.4 11.6314L16.78 10.9814L15.48 10.2314L15.1 10.8814C14.53 11.8614 13.43 12.9514 12.01 12.8714C10.61 12.9214 9.52002 11.8614 8.95002 10.8814L8.57002 10.2314L7.27002 10.9814L7.65002 11.6314C8.64002 13.3314 10.29 14.3714 11.94 14.3714Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M11.7001 21.0417L12.0001 21.1717L12.3001 21.0417C17.0101 18.9517 22.0301 14.8517 22.0001 9.60169C21.9901 6.49169 20.2701 4.01169 17.5201 3.12169C15.4101 2.44169 13.4801 2.95169 12.0001 4.56169C10.5201 2.95169 8.59006 2.44169 6.48006 3.12169C3.73006 4.01169 2.01006 6.49169 2.00006 9.60169C1.98006 14.8617 7.00006 18.9617 11.7001 21.0417ZM6.94006 4.55169C7.40006 4.40169 7.83006 4.33169 8.25006 4.33169V4.32169C9.47006 4.32169 10.5201 4.95169 11.3801 6.19169L12.0001 7.07169L12.6201 6.19169C13.7801 4.53169 15.2801 3.97169 17.0601 4.55169C19.5801 5.37169 20.5001 7.70169 20.5001 9.61169C20.5201 14.0317 16.0001 17.6817 12.0001 19.5317C8.00006 17.6817 3.48006 14.0317 3.50006 9.61169C3.50006 7.70169 4.41006 5.36169 6.94006 4.55169Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpOutlineHeart2Icon.displayName = 'IconlySharpOutlineHeart2Icon';
+
+export const IconlySharpOutlineHideIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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.07255 7.72859C4.12757 12.0546 7.83902 14.7596 11.998 14.7614C11.9993 14.7614 12.0007 14.7614 12.002 14.7614V13.2614C12.0013 13.2614 12.0007 13.2614 12 13.2614C11.9993 13.2614 11.9987 13.2614 11.998 13.2614M12 13.2614C15.4547 13.2605 18.7066 11.013 20.5725 7.08496L20.8944 6.40752L22.2493 7.05114L21.9274 7.72859C19.8724 12.0546 16.161 14.7596 12.002 14.7614M12 13.2614C8.54533 13.2605 5.2934 11.013 3.42744 7.08496L3.10563 6.40752L1.75073 7.05114L2.07255 7.72859" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M18.5897 10.2148L21.7615 13.3866L20.7008 14.4473L17.5291 11.2755L18.5897 10.2148Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M5.33123 10.2148L2.15946 13.3866L3.22012 14.4473L6.39189 11.2755L5.33123 10.2148Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M14.8435 12.754L16.1061 17.1041L14.6656 17.5222L13.4029 13.1722L14.8435 12.754Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M9.07668 12.7543L7.81404 17.1044L9.25459 17.5225L10.5172 13.1724L9.07668 12.7543Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpOutlineHideIcon.displayName = 'IconlySharpOutlineHideIcon';
+
+export const IconlySharpOutlineHome2Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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="M11.8957 1.83008L21.1937 8.35757V22H13.8281V16.9211H10.2064V22H2.80664V8.36285L11.8957 1.83008ZM11.9059 3.66999L4.30664 9.13198V20.5H8.70642V15.4211H15.3281V20.5H19.6937V9.13726L11.9059 3.66999Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpOutlineHome2Icon.displayName = 'IconlySharpOutlineHome2Icon';
+
+export const IconlySharpOutlineHomeIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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="M11.9998 1.76233L23.1235 11.294L22.1475 12.433L11.9998 3.73769L1.85208 12.433L0.87607 11.294L11.9998 1.76233Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M4.84277 9.40918V20.5001H19.1603V9.40918H20.6603V22.0001H3.34277V9.40918H4.84277Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M12.7498 11.9548L12.7498 16.8632L11.2498 16.8632L11.2498 11.9548L12.7498 11.9548Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpOutlineHomeIcon.displayName = 'IconlySharpOutlineHomeIcon';
+
+export const IconlySharpOutlineImage3Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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="M8.64709 7.26953C7.92647 7.26973 7.3418 7.85395 7.3418 8.5752C7.3418 9.29657 7.92667 9.88086 8.64746 9.88086C9.36895 9.88086 9.95288 9.29707 9.95313 8.57564C9.95226 7.8548 9.36792 7.27044 8.64709 7.26953ZM5.8418 8.5752C5.8418 7.02487 7.09878 5.76953 8.64746 5.76953H8.6482C10.1966 5.77105 11.4516 7.02609 11.4531 8.57446L11.4531 8.5752C11.4531 10.1253 10.1975 11.3809 8.64746 11.3809C7.09878 11.3809 5.8418 10.1255 5.8418 8.5752Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M14.2114 10.9033H15.151L22.0647 20.6558L20.841 21.5233L14.693 12.851L10.6844 18.6842H9.79786L7.29864 16.4413L3.28415 21.7786L2.08539 20.8769L6.77073 14.6477H7.54595L10.0772 16.9194L14.2114 10.9033Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M2 22L2 2L22 2L22 22L2 22ZM3.5 20.5L20.5 20.5L20.5 3.5L3.5 3.5L3.5 20.5Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpOutlineImage3Icon.displayName = 'IconlySharpOutlineImage3Icon';
+
+export const IconlySharpOutlineImageIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path fillRule="evenodd" clipRule="evenodd" d="M14.1565 10.9033H15.0519L19.4201 18.2304L18.8617 18.9603H5.38586L4.92377 18.2003L7.61392 13.2198H8.35629L11.2938 14.7022L14.1565 10.9033ZM14.511 12.9253L11.7372 16.6061L8.39945 14.9218L7.02826 17.4603H17.2147L14.511 12.9253Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M8.50708 6.94141C7.86046 6.94161 7.33691 7.46528 7.33691 8.11195C7.33691 8.75875 7.86066 9.2825 8.50746 9.2825C9.15425 9.2825 9.678 8.75875 9.678 8.11195C9.678 7.46599 9.155 6.94229 8.50708 6.94141ZM5.83691 8.11195C5.83691 6.63673 7.03224 5.44141 8.50746 5.44141H8.50823C9.98214 5.44293 11.178 6.63602 11.178 8.11195C11.178 9.58717 9.98268 10.7825 8.50746 10.7825C7.03224 10.7825 5.83691 9.58717 5.83691 8.11195Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M2 22L2 2L22 2L22 22L2 22ZM3.5 20.5L20.5 20.5L20.5 3.5L3.5 3.5L3.5 20.5Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpOutlineImageIcon.displayName = 'IconlySharpOutlineImageIcon';
+
+export const IconlySharpOutlineInfoSquareIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path fillRule="evenodd" clipRule="evenodd" d="M12.7441 11.25V16.75H11.2441V11.25H12.7441Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M11.2401 7.4541H12.7501V8.9541H11.2401V7.4541Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M2 22L2 2L22 2L22 22L2 22ZM3.5 20.5L20.5 20.5L20.5 3.5L3.5 3.5L3.5 20.5Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpOutlineInfoSquareIcon.displayName = 'IconlySharpOutlineInfoSquareIcon';
+
+export const IconlySharpOutlineLocation2Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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="M8.85046 9.6006C8.85046 7.86041 10.2607 6.4502 12.0009 6.4502C13.7403 6.4502 15.1503 7.86061 15.1503 9.6006C15.1503 11.3398 13.7401 12.75 12.0009 12.75C10.2609 12.75 8.85046 11.34 8.85046 9.6006ZM12.0009 7.9502C11.0891 7.9502 10.3505 8.68884 10.3505 9.6006C10.3505 10.5112 11.0889 11.25 12.0009 11.25C12.9117 11.25 13.6503 10.5114 13.6503 9.6006C13.6503 8.68864 12.9115 7.9502 12.0009 7.9502Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M11.9995 2.75C8.46322 2.75 5.4382 5.949 5.54986 9.55056C5.62884 12.0982 7.23388 14.1184 9.01953 16.0698C9.19886 16.2658 9.38097 16.4622 9.56318 16.6586C10.2578 17.4075 10.9536 18.1578 11.5011 18.8932C11.6755 19.1274 11.8413 19.3682 11.9917 19.6157C12.1464 19.3588 12.3179 19.1095 12.4991 18.8674C13.0494 18.1321 13.7495 17.3878 14.4464 16.6469C14.6264 16.4555 14.8062 16.2644 14.9831 16.0737C16.7652 14.1531 18.3705 12.1561 18.4501 9.5509C18.5601 5.94884 15.5356 2.75 11.9995 2.75ZM12.7495 22C12.7495 21.3168 13.0739 20.6027 13.7 19.7663C14.1947 19.1052 14.8176 18.4426 15.5059 17.7103C15.6937 17.5105 15.8864 17.3055 16.0827 17.094C17.8562 15.1825 19.851 12.816 19.9494 9.59671C20.0842 5.18361 16.4166 1.25 11.9995 1.25C7.58264 1.25 3.91375 5.18356 4.05058 9.59705C4.14855 12.7569 6.14315 15.1483 7.91291 17.0824C8.11125 17.2992 8.30603 17.5093 8.4959 17.7142C9.18178 18.4541 9.80363 19.125 10.2979 19.7889C10.9278 20.635 11.2495 21.3434 11.2495 22H12.7495Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpOutlineLocation2Icon.displayName = 'IconlySharpOutlineLocation2Icon';
+
+export const IconlySharpOutlineLocationIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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="M8.76367 10.8064C8.76367 9.01834 10.2127 7.56934 12.0007 7.56934C13.788 7.56934 15.2368 9.01854 15.2368 10.8064C15.2368 12.5934 13.7878 14.0424 12.0007 14.0424C10.2129 14.0424 8.76367 12.5936 8.76367 10.8064ZM12.0007 9.06934C11.0411 9.06934 10.2637 9.84677 10.2637 10.8064C10.2637 11.7648 11.0409 12.5424 12.0007 12.5424C12.9593 12.5424 13.7368 11.765 13.7368 10.8064C13.7368 9.84657 12.9592 9.06934 12.0007 9.06934Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M11.9998 3.50012C8.31991 3.50012 5.17408 6.82786 5.29022 10.5741C5.37304 13.2456 7.07463 15.736 8.88068 17.6226C9.77081 18.5524 10.6577 19.3058 11.3226 19.8268C11.5924 20.0382 11.8247 20.2106 12.0046 20.3402C12.1836 20.2138 12.4143 20.0459 12.682 19.8399C13.346 19.3288 14.2319 18.5873 15.121 17.6659C16.9228 15.7987 18.6267 13.308 18.7102 10.5744C18.8247 6.8277 15.6794 3.50012 11.9998 3.50012ZM11.9998 21.25C11.5904 21.8785 11.5902 21.8784 11.59 21.8782L11.5894 21.8778L11.5877 21.8767L11.5824 21.8732L11.5639 21.861C11.5482 21.8506 11.5258 21.8356 11.4972 21.8162C11.4398 21.7773 11.3574 21.7206 11.2533 21.6469C11.0453 21.4996 10.7506 21.2842 10.3975 21.0075C9.69242 20.4551 8.74889 19.6541 7.79715 18.6599C5.91945 16.6985 3.89145 13.8625 3.79094 10.6206C3.64962 6.06242 7.43933 2.00012 11.9998 2.00012C16.5603 2.00012 20.3488 6.06246 20.2095 10.6202C20.1087 13.9214 18.0825 16.7571 16.2004 18.7075C15.2475 19.695 14.3029 20.4852 13.5969 21.0285C13.2434 21.3006 12.9482 21.512 12.7398 21.6564C12.6356 21.7286 12.5529 21.7841 12.4954 21.8221C12.4667 21.8412 12.4442 21.8559 12.4284 21.8661L12.4098 21.878L12.4044 21.8815L12.4027 21.8826L12.4021 21.883C12.4019 21.8831 12.4017 21.8833 11.9998 21.25ZM11.9998 21.25L12.4017 21.8833L11.9945 22.1417L11.5904 21.8785L11.9998 21.25Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpOutlineLocationIcon.displayName = 'IconlySharpOutlineLocationIcon';
+
+export const IconlySharpOutlineLockIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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.75831 7.14007C6.77112 4.21248 9.15341 1.85043 12.0799 1.86235C15.0064 1.86323 17.3793 4.23668 17.3793 7.16335V9.84474H15.8793V7.16335C15.8793 5.06456 14.1771 3.36235 12.0783 3.36235H12.075C9.97682 3.35317 8.26833 5.04593 8.2583 7.14507V9.84474H6.7583L6.75831 7.14007Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M12.6812 13.3149V17.0359H11.1812V13.3149H12.6812Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M3.70557 21.8623L3.70557 8.48877L20.4306 8.48877L20.4306 21.8623L3.70557 21.8623ZM5.20557 20.3623L18.9306 20.3623L18.9306 9.98877L5.20557 9.98877L5.20557 20.3623Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpOutlineLockIcon.displayName = 'IconlySharpOutlineLockIcon';
+
+export const IconlySharpOutlineLogin1Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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="M8.3042 22L8.3042 15.875L9.8042 15.875L9.8042 20.5L19.733 20.5L19.733 3.5L9.8042 3.5L9.8042 8.125L8.3042 8.125L8.3042 2L21.233 2L21.233 22L8.3042 22Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M18.2065 12.75L2.76727 12.75L2.76727 11.25L18.2065 11.25L18.2065 12.75Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M17.4564 11.25C14.5114 11.25 12.1108 13.8349 12.1108 16.5955L12.1108 17.3455L13.6108 17.3455L13.6108 16.5955C13.6108 14.6312 15.3715 12.75 17.4564 12.75L18.2064 12.75L18.2064 11.25L17.4564 11.25Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M17.4564 12.75C14.5114 12.75 12.1108 10.1651 12.1108 7.40449L12.1108 6.65449L13.6108 6.65449L13.6108 7.40449C13.6108 9.36881 15.3715 11.25 17.4564 11.25L18.2064 11.25L18.2064 12.75L17.4564 12.75Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpOutlineLogin1Icon.displayName = 'IconlySharpOutlineLogin1Icon';
+
+export const IconlySharpOutlineLoginIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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.40723 12.7502L16.685 12.7502L16.685 11.2502L2.40723 11.2502L2.40723 12.7502Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M13.3931 16.3356L17.748 12L13.3933 7.66321L12.3348 8.72604L15.6221 11.9999L12.3348 15.2726L13.3931 16.3356Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M8.66406 22L8.66406 15.875L10.1641 15.875L10.1641 20.5L20.0929 20.5L20.0929 3.5L10.1641 3.5L10.1641 8.125L8.66406 8.125L8.66406 2L21.5929 2L21.5929 22L8.66406 22Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpOutlineLoginIcon.displayName = 'IconlySharpOutlineLoginIcon';
+
+export const IconlySharpOutlineLogout1Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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="M13.5493 2L13.5493 8.125L12.0493 8.125L12.0493 3.5L3.02538 3.5L3.02538 20.5L12.0493 20.5L12.0493 15.875L13.5493 15.875L13.5493 22L1.52538 22L1.52538 2L13.5493 2Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M22.4746 11.251L7.03534 11.251L7.03534 12.751L22.4746 12.751L22.4746 11.251Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M21.7244 12.751C18.7794 12.751 16.3789 10.1661 16.3789 7.40547L16.3789 6.65547L17.8789 6.65547L17.8789 7.40547C17.8789 9.36978 19.6396 11.251 21.7244 11.251L22.4744 11.251L22.4744 12.751L21.7244 12.751Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M21.7244 11.251C18.7794 11.251 16.3789 13.8358 16.3789 16.5965L16.3789 17.3465L17.8789 17.3465L17.8789 16.5965C17.8789 14.6322 19.6396 12.751 21.7244 12.751L22.4744 12.751L22.4744 11.251L21.7244 11.251Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpOutlineLogout1Icon.displayName = 'IconlySharpOutlineLogout1Icon';
+
+export const IconlySharpOutlineLogoutIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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="M7.24121 11.2498L21.519 11.2498L21.519 12.7498L7.24121 12.7498L7.24121 11.2498Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M18.2266 7.66443L22.5815 12L18.2268 16.3368L17.1683 15.274L20.4556 12.0001L17.1683 8.72745L18.2266 7.66443Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M13.7554 2L13.7554 8.125L12.2554 8.125L12.2554 3.5L3.23144 3.5L3.23143 20.5L12.2554 20.5L12.2554 15.875L13.7554 15.875L13.7554 22L1.73143 22L1.73144 2L13.7554 2Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpOutlineLogoutIcon.displayName = 'IconlySharpOutlineLogoutIcon';
+
+export const IconlySharpOutlineMessageIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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.16631 7.79602L12.0395 12.5686L17.9128 7.79602L18.8587 8.96013L12.0395 14.5014L5.22035 8.96013L6.16631 7.79602Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M1.25 2.25H22.75V21.75H1.25V2.25ZM2.75 3.75V20.25H21.25V3.75H2.75Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpOutlineMessageIcon.displayName = 'IconlySharpOutlineMessageIcon';
+
+export const IconlySharpOutlineMoreCircleIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path fillRule="evenodd" clipRule="evenodd" d="M6.21875 15.0625C4.71746 15.0625 3.5 16.28 3.5 17.7812C3.5 19.2826 4.71714 20.5 6.21875 20.5C7.72004 20.5 8.9375 19.2825 8.9375 17.7812C8.9375 16.2796 7.72009 15.0625 6.21875 15.0625ZM2 17.7812C2 15.4515 3.88904 13.5625 6.21875 13.5625C8.54841 13.5625 10.4375 15.4511 10.4375 17.7812C10.4375 20.111 8.54846 22 6.21875 22C3.88861 22 2 20.1109 2 17.7812Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M17.7812 15.0625C16.28 15.0625 15.0625 16.28 15.0625 17.7812C15.0625 19.2826 16.2796 20.5 17.7812 20.5C19.2825 20.5 20.5 19.2825 20.5 17.7812C20.5 16.2796 19.2826 15.0625 17.7812 15.0625ZM13.5625 17.7812C13.5625 15.4515 15.4515 13.5625 17.7812 13.5625C20.1109 13.5625 22 15.4511 22 17.7812C22 20.111 20.111 22 17.7812 22C15.4511 22 13.5625 20.1109 13.5625 17.7812Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M12 3.5C10.4987 3.5 9.28125 4.71746 9.28125 6.21875C9.28125 7.72009 10.4984 8.9375 12 8.9375C13.5013 8.9375 14.7188 7.72004 14.7188 6.21875C14.7188 4.71714 13.5013 3.5 12 3.5ZM7.78125 6.21875C7.78125 3.88904 9.67029 2 12 2C14.3297 2 16.2188 3.88861 16.2188 6.21875C16.2188 8.54846 14.3297 10.4375 12 10.4375C9.66986 10.4375 7.78125 8.54841 7.78125 6.21875Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpOutlineMoreCircleIcon.displayName = 'IconlySharpOutlineMoreCircleIcon';
+
+export const IconlySharpOutlineMoreSquareIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path fillRule="evenodd" clipRule="evenodd" d="M15.1898 11.2627H16.6988V12.7627H15.1898V11.2627Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M11.1801 11.2627H12.6891V12.7627H11.1801V11.2627Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M7.1713 11.2627H8.6803V12.7627H7.1713V11.2627Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M2 22L2 2L22 2L22 22L2 22ZM3.5 20.5L20.5 20.5L20.5 3.5L3.5 3.5L3.5 20.5Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpOutlineMoreSquareIcon.displayName = 'IconlySharpOutlineMoreSquareIcon';
+
+export const IconlySharpOutlineNotification2Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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="M5.06186 8.93778C5.06186 5.10615 8.168 2 11.9996 2V3.5C8.99643 3.5 6.56186 5.93458 6.56186 8.93778V13.826L4.94922 15.4607V17.1072H19.05V15.4607L17.4374 13.826V8.93778H18.9374V13.2107L20.55 14.8453V18.6072H3.44922V14.8453L5.06186 13.2107V8.93778Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M8.08398 18.0834V17.8574H9.58398V18.0834C9.58398 19.4181 10.666 20.5001 12.0007 20.5001C13.3353 20.5001 14.4173 19.4181 14.4173 18.0834V17.8574H15.9173V18.0834C15.9173 20.2465 14.1638 22.0001 12.0007 22.0001C9.83754 22.0001 8.08398 20.2465 8.08398 18.0834Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M16.3379 3.22961C15.4571 3.22961 14.7432 3.9436 14.7432 4.82434C14.7432 5.70508 15.4571 6.41907 16.3379 6.41907C17.2186 6.41907 17.9326 5.70508 17.9326 4.82434C17.9326 3.9436 17.2186 3.22961 16.3379 3.22961ZM13.2432 4.82434C13.2432 3.11517 14.6287 1.72961 16.3379 1.72961C18.0471 1.72961 19.4326 3.11517 19.4326 4.82434C19.4326 6.53351 18.0471 7.91907 16.3379 7.91907C14.6287 7.91907 13.2432 6.53351 13.2432 4.82434Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpOutlineNotification2Icon.displayName = 'IconlySharpOutlineNotification2Icon';
+
+export const IconlySharpOutlineNotification3Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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="M11.2497 3.4477V1.99976H12.7497V3.4477C16.2954 3.82218 19.0583 6.82193 19.0583 10.467V13.2602C19.0583 14.9944 19.5855 16.6876 20.5699 18.1154L21.3806 19.2911H2.61874L3.42941 18.1154C4.41384 16.6876 4.94101 14.9944 4.94101 13.2602V10.467C4.94101 6.82193 7.70388 3.82219 11.2497 3.4477ZM11.9997 4.90832C8.9297 4.90832 6.44101 7.39702 6.44101 10.467V13.2602C6.44101 14.8404 6.0686 16.3917 5.36208 17.7911H18.6372C17.9307 16.3917 17.5583 14.8404 17.5583 13.2602V10.467C17.5583 7.39702 15.0696 4.90832 11.9997 4.90832Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M8.02167 18.7714V18.541H9.52167V18.7714C9.52167 20.1403 10.6313 21.25 12.0002 21.25C13.369 21.25 14.4787 20.1403 14.4787 18.7714V18.541H15.9787V18.7714C15.9787 20.9687 14.1975 22.75 12.0002 22.75C9.80292 22.75 8.02167 20.9687 8.02167 18.7714Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpOutlineNotification3Icon.displayName = 'IconlySharpOutlineNotification3Icon';
+
+export const IconlySharpOutlineNotificationIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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="M5.06186 8.93778C5.06186 5.10615 8.16801 2 11.9996 2C15.8313 2 18.9374 5.10615 18.9374 8.93777V13.3835L20.8789 18.6072H3.12034L5.06186 13.3835V8.93778ZM11.9996 3.5C8.99644 3.5 6.56186 5.93458 6.56186 8.93778V13.6532L5.27811 17.1072H18.7212L17.4374 13.6532V8.93777C17.4374 5.93457 15.0028 3.5 11.9996 3.5Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M8.08398 18.0834V17.8574H9.58398V18.0834C9.58398 19.4181 10.666 20.5001 12.0007 20.5001C13.3353 20.5001 14.4173 19.4181 14.4173 18.0834V17.8574H15.9173V18.0834C15.9173 20.2465 14.1638 22.0001 12.0007 22.0001C9.83754 22.0001 8.08398 20.2465 8.08398 18.0834Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpOutlineNotificationIcon.displayName = 'IconlySharpOutlineNotificationIcon';
+
+export const IconlySharpOutlinePaperDownload1Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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="M3.5752 2H14.8875L20.4245 7.76648V22H3.5752V2ZM5.0752 3.5V20.5H18.9245V8.37004L14.2483 3.5H5.0752Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M14.8418 2.55469V7.90011H19.9489V9.40011H13.3418V2.55469H14.8418Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M10.1133 18.2832L10.1133 8.93683L11.6133 8.93683L11.6133 18.2832L10.1133 18.2832Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M11.6133 17.5331C11.6133 15.6874 10.0045 14.1963 8.27648 14.1963L7.52648 14.1963L7.52648 15.6963L8.27648 15.6963C9.20815 15.6963 10.1133 16.5475 10.1133 17.5331L10.1133 18.2831L11.6133 18.2831L11.6133 17.5331Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M10.1133 17.5331C10.1133 15.6874 11.7221 14.1963 13.4501 14.1963L14.2001 14.1963L14.2001 15.6963L13.4501 15.6963C12.5184 15.6963 11.6133 16.5475 11.6133 17.5331L11.6133 18.2831L10.1133 18.2831L10.1133 17.5331Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpOutlinePaperDownload1Icon.displayName = 'IconlySharpOutlinePaperDownload1Icon';
+
+export const IconlySharpOutlinePaperDownloadIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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="M3.5752 2H14.8875L20.4245 7.76648V22H3.5752V2ZM5.0752 3.5V20.5H18.9245V8.37004L14.2483 3.5H5.0752Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M14.8418 2.55469V7.90011H19.9489V9.40011H13.3418V2.55469H14.8418Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M11.6143 17.0774V9.48801H10.1143V17.0774H11.6143Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M10.8638 17.9577L14.2882 14.5187L13.2253 13.4603L10.8638 15.8319L8.50225 13.4603L7.43933 14.5187L10.8638 17.9577Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpOutlinePaperDownloadIcon.displayName = 'IconlySharpOutlinePaperDownloadIcon';
+
+export const IconlySharpOutlinePaperFailIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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.6621 11.278L14.2165 15.8324L13.1559 16.893L8.60144 12.3386L9.6621 11.278Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M14.2184 12.3386L9.66399 16.893L8.60333 15.8324L13.1578 11.278L14.2184 12.3386Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M3.5752 2H14.8875L20.4245 7.76648V22H3.5752V2ZM5.0752 3.5V20.5H18.9245V8.37004L14.2483 3.5H5.0752Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M14.8418 2.55469V7.90011H19.9489V9.40011H13.3418V2.55469H14.8418Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpOutlinePaperFailIcon.displayName = 'IconlySharpOutlinePaperFailIcon';
+
+export const IconlySharpOutlinePaperNegativeIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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="M8.40332 13.661H14.8426V15.161H8.40332V13.661Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M3.5752 2H14.8875L20.4245 7.76648V22H3.5752V2ZM5.0752 3.5V20.5H18.9245V8.37004L14.2483 3.5H5.0752Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M14.8418 2.55469V7.90011H19.9489V9.40011H13.3418V2.55469H14.8418Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpOutlinePaperNegativeIcon.displayName = 'IconlySharpOutlinePaperNegativeIcon';
+
+export const IconlySharpOutlinePaperPlusIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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="M8.40311 13.661H14.8424V15.161H8.40311V13.661Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M12.3729 11.1915L12.3729 17.6307L10.8729 17.6307L10.8729 11.1915L12.3729 11.1915Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M3.5752 2H14.8875L20.4245 7.76648V22H3.5752V2ZM5.0752 3.5V20.5H18.9245V8.37004L14.2483 3.5H5.0752Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M14.8418 2.55469V7.90011H19.9489V9.40011H13.3418V2.55469H14.8418Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpOutlinePaperPlusIcon.displayName = 'IconlySharpOutlinePaperPlusIcon';
+
+export const IconlySharpOutlinePaperUpload1Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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="M3.5752 2H14.8875L20.4245 7.76648V22H3.5752V2ZM5.0752 3.5V20.5H18.9245V8.37004L14.2483 3.5H5.0752Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M14.8428 2.55469V7.90011H19.9498V9.40011H13.3428V2.55469H14.8428Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M10.1143 9.73096L10.1143 19.0773L11.6143 19.0773L11.6143 9.73096L10.1143 9.73096Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M11.6143 10.4811C11.6143 12.3268 10.0055 13.8179 8.27746 13.8179L7.52746 13.8179L7.52746 12.3179L8.27746 12.3179C9.20913 12.3179 10.1143 11.4666 10.1143 10.4811L10.1143 9.73107L11.6143 9.73107L11.6143 10.4811Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M10.1143 10.4811C10.1143 12.3268 11.7231 13.8179 13.4511 13.8179L14.2011 13.8179L14.2011 12.3179L13.4511 12.3179C12.5194 12.3179 11.6143 11.4666 11.6143 10.4811L11.6143 9.73107L10.1143 9.73107L10.1143 10.4811Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpOutlinePaperUpload1Icon.displayName = 'IconlySharpOutlinePaperUpload1Icon';
+
+export const IconlySharpOutlinePaperUploadIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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="M3.5752 2H14.8875L20.4245 7.76648V22H3.5752V2ZM5.0752 3.5V20.5H18.9245V8.37004L14.2483 3.5H5.0752Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M14.8425 2.55469V7.90011H19.9496V9.40011H13.3425V2.55469H14.8425Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M11.6142 10.0555V17.6449H10.1142V10.0555H11.6142Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M10.8645 9.17505L14.2889 12.6141L13.226 13.6725L10.8645 11.3009L8.50298 13.6725L7.44006 12.6141L10.8645 9.17505Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpOutlinePaperUploadIcon.displayName = 'IconlySharpOutlinePaperUploadIcon';
+
+export const IconlySharpOutlinePaperIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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="M7.89941 15.5365H14.8427V17.0365H7.89941V15.5365Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M7.89844 11.754H12.7813V13.254H7.89844V11.754Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M3.5752 2H14.8875L20.4245 7.76648V22H3.5752V2ZM5.0752 3.5V20.5H18.9245V8.37004L14.2483 3.5H5.0752Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M14.8418 2.55469V7.90011H19.9489V9.40011H13.3418V2.55469H14.8418Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpOutlinePaperIcon.displayName = 'IconlySharpOutlinePaperIcon';
+
+export const IconlySharpOutlinePasswordIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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="M8.83735 10.8984C8.22857 10.8984 7.73535 11.3917 7.73535 12.0004C7.73535 12.6092 8.22857 13.1024 8.83735 13.1024C9.44614 13.1024 9.93935 12.6092 9.93935 12.0004C9.93935 11.3921 9.4465 10.8992 8.83994 10.8984H8.83735ZM6.23535 12.0004C6.23535 10.5632 7.40014 9.39844 8.83735 9.39844H8.84035C10.2756 9.39984 11.4394 10.5649 11.4394 12.0004C11.4394 13.4377 10.2746 14.6024 8.83735 14.6024C7.40014 14.6024 6.23535 13.4377 6.23535 12.0004Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M9.94189 11.25H17.7599V14.602H16.2599V12.75H9.94189V11.25Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M14.9316 11.25V14.602H13.4316V11.25H14.9316Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M2 22L2 2L22 2L22 22L2 22ZM3.5 20.5L20.5 20.5L20.5 3.5L3.5 3.5L3.5 20.5Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpOutlinePasswordIcon.displayName = 'IconlySharpOutlinePasswordIcon';
+
+export const IconlySharpOutlinePlayIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path fillRule="evenodd" clipRule="evenodd" d="M12 3.5C7.30544 3.5 3.5 7.30544 3.5 12C3.5 16.6946 7.30544 20.5 12 20.5C16.6937 20.5 20.5 16.6945 20.5 12C20.5 7.30549 16.6937 3.5 12 3.5ZM2 12C2 6.47701 6.47701 2 12 2C17.522 2 22 6.47696 22 12C22 17.523 17.522 22 12 22C6.47701 22 2 17.523 2 12Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M9.66396 7.76843L16.3203 11.9952L9.66396 16.222V7.76843ZM11.164 10.4978V13.4926L13.5221 11.9952L11.164 10.4978Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpOutlinePlayIcon.displayName = 'IconlySharpOutlinePlayIcon';
+
+export const IconlySharpOutlinePlusIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path fillRule="evenodd" clipRule="evenodd" d="M12.7496 7.57764V16.404H11.2496V7.57764H12.7496Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M7.58398 11.2404H16.4173V12.7404H7.58398V11.2404Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M2 22L2 2L22 2L22 22L2 22ZM3.5 20.5L20.5 20.5L20.5 3.5L3.5 3.5L3.5 20.5Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpOutlinePlusIcon.displayName = 'IconlySharpOutlinePlusIcon';
+
+export const IconlySharpOutlineProfileIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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="M11.966 3.5C9.9384 3.5 8.29492 5.14275 8.29492 7.16973C8.29492 9.19672 9.9384 10.8395 11.966 10.8395C13.9921 10.8395 15.6357 9.19686 15.6357 7.16973C15.6357 5.1426 13.9921 3.5 11.966 3.5ZM6.79492 7.16973C6.79492 4.31374 9.11055 2 11.966 2C14.8202 2 17.1357 4.31389 17.1357 7.16973C17.1357 10.0256 14.8202 12.3395 11.966 12.3395C9.11055 12.3395 6.79492 10.0257 6.79492 7.16973Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M5.8789 19.185C7.66288 20.1222 9.73938 20.5057 11.9981 20.5001H12.0017C14.2604 20.5057 16.3369 20.1222 18.1208 19.185C17.0964 16.7392 14.8095 15.5617 12.0018 15.5689H11.998C9.18682 15.5617 6.90363 16.7364 5.8789 19.185ZM11.9999 14.0689C8.50047 14.0605 5.38351 15.6881 4.24192 19.2981L4.06467 19.8586L4.56663 20.1646C6.771 21.5084 9.33364 22.0064 11.9999 22.0001C14.6662 22.0064 17.2288 21.5084 19.4332 20.1646L19.9351 19.8586L19.7579 19.2981C18.6175 15.6917 15.4959 14.0605 11.9999 14.0689Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpOutlineProfileIcon.displayName = 'IconlySharpOutlineProfileIcon';
+
+export const IconlySharpOutlineQRIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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.5 2.5H10.8056V10.8056H2.5V2.5ZM4 4V9.30556H9.30556V4H4Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M2.5 13.1945H10.8056V21.5H2.5V13.1945ZM4 14.6945V20H9.30556V14.6945H4Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M13.1945 13.1945H21.5V21.5H13.1945V13.1945ZM14.6945 14.6945V20H20V14.6945H14.6945Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M13.1945 2.5H17.125V4H14.6945V8.11973H13.1945V2.5ZM18.2986 2.5H21.5V5.70139H20V4H18.2986V2.5ZM21.5 6.875V10.8056H18.2986V9.30556H20V6.875H21.5ZM13.1945 9.30556H16.9146V10.8056H13.1945V9.30556Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M18.8467 8.58398H15.5176V4.8656H17.0176V7.08398H18.8467V8.58398Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M17.9435 6.36548L17.9435 4.85548L19.4435 4.85548L19.4435 6.36548L17.9435 6.36548Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M5.90234 7.45117L5.90234 5.85395L7.40234 5.85395L7.40234 7.45117L5.90234 7.45117Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M5.90234 18.1455L5.90234 16.5483L7.40234 16.5483L7.40234 18.1455L5.90234 18.1455Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M16.5977 18.1455L16.5977 16.5483L18.0977 16.5483L18.0977 18.1455L16.5977 18.1455Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpOutlineQRIcon.displayName = 'IconlySharpOutlineQRIcon';
+
+export const IconlySharpOutlineScanIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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="M1.25 12.0354H22.75V13.5354H1.25V12.0354Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M14.7656 3.03015H20.9685V9.52539H19.4685V4.53015H14.7656V3.03015Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M3.03107 3.03015H9.26345V4.53015H4.53107V9.52539H3.03107V3.03015Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M20.9685 12.0345V20.9698H14.7656V19.4698H19.4685V12.0345H20.9685Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M4.53107 12.0345V19.4698H9.26345V20.9698H3.03107V12.0345H4.53107Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpOutlineScanIcon.displayName = 'IconlySharpOutlineScanIcon';
+
+export const IconlySharpOutlineSearchIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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.9985 3.50024C6.97315 3.50024 3.70996 6.76343 3.70996 10.7888C3.70996 14.8141 6.97315 18.0773 10.9985 18.0773C15.0238 18.0773 18.287 14.8141 18.287 10.7888C18.287 6.76343 15.0238 3.50024 10.9985 3.50024ZM2.20996 10.7888C2.20996 5.93501 6.14472 2.00024 10.9985 2.00024C15.8523 2.00024 19.787 5.93501 19.787 10.7888C19.787 15.6426 15.8523 19.5773 10.9985 19.5773C6.14472 19.5773 2.20996 15.6426 2.20996 10.7888Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M16.4858 15.6477L22.1013 21.2486L21.0421 22.3107L15.4265 16.7097L16.4858 15.6477Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpOutlineSearchIcon.displayName = 'IconlySharpOutlineSearchIcon';
+
+export const IconlySharpOutlineSendIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path fillRule="evenodd" clipRule="evenodd" d="M21.4886 1.81921L22.1414 2.49518L16.3692 22.048H15.3828L10.0028 13.9974L1.95215 8.61738V7.62804L21.4886 1.81921ZM4.41659 8.46018L11.0842 12.916L15.5349 19.576L20.2021 3.76664L4.41659 8.46018Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M16.2926 8.82616L10.7895 14.3292L9.72888 13.2685L15.2319 7.7655L16.2926 8.82616Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpOutlineSendIcon.displayName = 'IconlySharpOutlineSendIcon';
+
+export const IconlySharpOutlineSetting2Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path fillRule="evenodd" clipRule="evenodd" d="M14.1005 12C14.1005 10.8403 13.1604 9.90015 12.0006 9.90015C10.8409 9.90015 9.90071 10.8403 9.90071 12C9.90071 13.1598 10.8409 14.0999 12.0006 14.0999C13.1604 14.0999 14.1005 13.1598 14.1005 12ZM12.0006 8.40015C13.9888 8.40015 15.6005 10.0119 15.6005 12C15.6005 13.9882 13.9888 15.5999 12.0006 15.5999C10.0124 15.5999 8.40071 13.9882 8.40071 12C8.40071 10.0119 10.0124 8.40015 12.0006 8.40015Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M6.56699 2.58984L17.433 2.58984L22.866 12.0001L17.433 21.4104H6.56698L1.13397 12.0001L6.56699 2.58984ZM7.43301 4.08984L2.86602 12.0001L7.43301 19.9104H16.567L21.134 12.0001L16.567 4.08984L7.43301 4.08984Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpOutlineSetting2Icon.displayName = 'IconlySharpOutlineSetting2Icon';
+
+export const IconlySharpOutlineSettingIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path fillRule="evenodd" clipRule="evenodd" d="M12.0002 9.06238C10.3778 9.06238 9.06264 10.3776 9.06264 11.9999C9.06264 13.6223 10.3778 14.9375 12.0002 14.9375C13.6225 14.9375 14.9377 13.6223 14.9377 11.9999C14.9377 10.3776 13.6225 9.06238 12.0002 9.06238ZM7.56264 11.9999C7.56264 9.54913 9.54939 7.56238 12.0002 7.56238C14.451 7.56238 16.4377 9.54913 16.4377 11.9999C16.4377 14.4507 14.451 16.4375 12.0002 16.4375C9.54939 16.4375 7.56264 14.4507 7.56264 11.9999Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M9.65082 1.84656L12.0006 3.69542L14.3504 1.84656L19.6196 4.88873L19.1934 7.84801L21.9677 8.95787V15.0422L19.1924 16.1525L19.6186 19.1112L14.3494 22.1533L12.0006 20.3053L9.65191 22.1533L4.38272 19.1112L4.8088 16.153L2.03223 15.0422V8.95787L4.8078 7.8475L4.38163 4.88873L9.65082 1.84656ZM6.01109 5.68001L6.46073 8.80182L3.53223 9.97337V14.0267L6.46173 15.1986L6.01217 18.3199L9.52245 20.3466L12.0006 18.3967L14.4788 20.3466L17.9891 18.3199L17.5395 15.1981L20.4677 14.0267V9.97337L17.5405 8.80233L17.9902 5.68001L14.4799 3.65335L12.0006 5.60407L9.52137 3.65335L6.01109 5.68001Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpOutlineSettingIcon.displayName = 'IconlySharpOutlineSettingIcon';
+
+export const IconlySharpOutlineShieldDoneIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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="M16.2374 8.69064L11.2784 13.6521L8.32606 10.6951L9.38756 9.63525L11.279 11.5297L15.1764 7.63025L16.2374 8.69064Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M3.38281 2.25H20.6185V12.0503C20.6185 15.6748 18.4375 18.1096 16.3728 19.5965C15.3359 20.3433 14.3038 20.8706 13.5331 21.2112C13.1468 21.3819 12.8234 21.5069 12.5942 21.5899C12.4796 21.6315 12.3884 21.6626 12.3244 21.6837C12.2924 21.6943 12.2673 21.7024 12.2494 21.7081L12.228 21.7147L12.2216 21.7167L12.2194 21.7174C12.2191 21.7175 12.218 21.7178 12.0006 21C11.7833 21.7178 11.783 21.7177 11.7827 21.7176L11.7797 21.7167L11.7732 21.7147L11.7519 21.7081C11.734 21.7024 11.7088 21.6943 11.6768 21.6837C11.6129 21.6626 11.5216 21.6315 11.407 21.5899C11.1779 21.5069 10.8545 21.3819 10.4681 21.2112C9.69751 20.8706 8.66538 20.3433 7.62843 19.5965C5.56372 18.1096 3.38281 15.6748 3.38281 12.0503V2.25ZM12.0006 21L11.7827 21.7176L12.0006 21.7836L12.218 21.7178L12.0006 21ZM12.0006 20.2092C12.0261 20.2002 12.0537 20.1904 12.0832 20.1797C12.2843 20.1068 12.5756 19.9944 12.9268 19.8391C13.6314 19.5278 14.5662 19.0491 15.4963 18.3793C17.3655 17.0332 19.1185 14.9932 19.1185 12.0503V3.75H4.88281V12.0503C4.88281 14.9932 6.63581 17.0332 8.50501 18.3793C9.43502 19.0491 10.3699 19.5278 11.0744 19.8391C11.4257 19.9944 11.717 20.1068 11.9181 20.1797C11.9476 20.1904 11.9751 20.2002 12.0006 20.2092Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpOutlineShieldDoneIcon.displayName = 'IconlySharpOutlineShieldDoneIcon';
+
+export const IconlySharpOutlineShieldFailIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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.0586 8.10535L14.9732 13.0199L13.9125 14.0806L8.99793 9.16601L10.0586 8.10535Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M14.9732 9.16601L10.0586 14.0806L8.99793 13.0199L13.9125 8.10535L14.9732 9.16601Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M3.38281 2.25H20.6185V12.0503C20.6185 15.6748 18.4375 18.1096 16.3728 19.5965C15.3359 20.3433 14.3038 20.8706 13.5331 21.2112C13.1468 21.3819 12.8234 21.5069 12.5942 21.5899C12.4796 21.6315 12.3884 21.6626 12.3244 21.6837C12.2924 21.6943 12.2673 21.7024 12.2494 21.7081L12.228 21.7147L12.2216 21.7167L12.2194 21.7174C12.2191 21.7175 12.218 21.7178 12.0006 21C11.7833 21.7178 11.783 21.7177 11.7827 21.7176L11.7797 21.7167L11.7732 21.7147L11.7519 21.7081C11.734 21.7024 11.7088 21.6943 11.6768 21.6837C11.6129 21.6626 11.5216 21.6315 11.407 21.5899C11.1779 21.5069 10.8545 21.3819 10.4681 21.2112C9.69751 20.8706 8.66538 20.3433 7.62843 19.5965C5.56372 18.1096 3.38281 15.6748 3.38281 12.0503V2.25ZM12.0006 21L11.7827 21.7176L12.0006 21.7836L12.218 21.7178L12.0006 21ZM12.0006 20.2092C12.0261 20.2002 12.0537 20.1904 12.0832 20.1797C12.2843 20.1068 12.5756 19.9944 12.9268 19.8391C13.6314 19.5278 14.5662 19.0491 15.4963 18.3793C17.3655 17.0332 19.1185 14.9932 19.1185 12.0503V3.75H4.88281V12.0503C4.88281 14.9932 6.63581 17.0332 8.50501 18.3793C9.43502 19.0491 10.3699 19.5278 11.0744 19.8391C11.4257 19.9944 11.717 20.1068 11.9181 20.1797C11.9476 20.1904 11.9751 20.2002 12.0006 20.2092Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpOutlineShieldFailIcon.displayName = 'IconlySharpOutlineShieldFailIcon';
+
+export const IconlySharpOutlineShowIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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="M11.8456 11.3101C10.5139 11.3101 9.43457 12.3891 9.43457 13.7221C9.43457 15.0538 10.5138 16.1331 11.8456 16.1331C13.1777 16.1331 14.2576 15.0535 14.2576 13.7221C14.2576 12.3894 13.1775 11.3101 11.8456 11.3101ZM7.93457 13.7221C7.93457 11.561 9.6852 9.81006 11.8456 9.81006C14.0056 9.81006 15.7576 11.5607 15.7576 13.7221C15.7576 15.8826 14.0055 17.6331 11.8456 17.6331C9.68536 17.6331 7.93457 15.8823 7.93457 13.7221Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M1.91923 13.3995C3.97425 9.07345 7.68571 6.36843 11.8447 6.3667C11.846 6.3667 11.8473 6.3667 11.8487 6.3667V7.8667C11.848 7.8667 11.8473 7.8667 11.8467 7.8667C11.846 7.8667 11.8453 7.8667 11.8447 7.8667M11.8467 7.8667C15.3013 7.86757 18.5533 10.1151 20.4192 14.0431L20.741 14.7205L22.0959 14.0769L21.7741 13.3995C19.7191 9.07345 16.0077 6.36843 11.8487 6.3667M11.8467 7.8667C8.39202 7.86757 5.14009 10.1151 3.27413 14.0431L2.95232 14.7205L1.59742 14.0769L1.91923 13.3995" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpOutlineShowIcon.displayName = 'IconlySharpOutlineShowIcon';
+
+export const IconlySharpOutlineStar2Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path fillRule="evenodd" clipRule="evenodd" d="M12.75 2V22H11.25V2H12.75Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M22 12.75L2 12.75L2 11.25L22 11.25L22 12.75Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M19.6017 5.45946L5.45954 19.6016L4.39888 18.5409L18.541 4.3988L19.6017 5.45946Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M18.541 19.6012L4.39889 5.45905L5.45955 4.39839L19.6017 18.5405L18.541 19.6012Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpOutlineStar2Icon.displayName = 'IconlySharpOutlineStar2Icon';
+
+export const IconlySharpOutlineStar3Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path fillRule="evenodd" clipRule="evenodd" d="M12 0.588867L15.0821 8.91798L23.4112 12L15.0821 15.0821L12 23.4112L8.91798 15.0821L0.588867 12L8.91798 8.91798L12 0.588867ZM12 4.91118L10.0854 10.0854L4.91118 12L10.0854 13.9147L12 19.0889L13.9147 13.9147L19.0889 12L13.9147 10.0854L12 4.91118Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpOutlineStar3Icon.displayName = 'IconlySharpOutlineStar3Icon';
+
+export const IconlySharpOutlineStar4Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path fillRule="evenodd" clipRule="evenodd" d="M12 0.588867L12.7034 2.48975C14.2132 6.5699 17.4302 9.78684 21.5103 11.2966L23.4112 12L21.5103 12.7034C17.4302 14.2132 14.2132 17.4302 12.7034 21.5103L12 23.4112L11.2966 21.5103C9.78684 17.4302 6.5699 14.2132 2.48975 12.7034L0.588867 12L2.48975 11.2966C6.5699 9.78684 9.78684 6.5699 11.2966 2.48975L12 0.588867ZM4.63592 12C7.8245 13.5892 10.4108 16.1756 12 19.3641C13.5892 16.1756 16.1756 13.5892 19.3641 12C16.1756 10.4108 13.5892 7.8245 12 4.63592C10.4108 7.8245 7.8245 10.4108 4.63592 12Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpOutlineStar4Icon.displayName = 'IconlySharpOutlineStar4Icon';
+
+export const IconlySharpOutlineStar5Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path fillRule="evenodd" clipRule="evenodd" d="M12 0.322998L14.6217 8.39164H23.1055L16.2419 13.3783L18.8636 21.447L12 16.4603L5.13641 21.447L7.75807 13.3783L0.89447 8.39164H9.37834L12 0.322998ZM12 5.1771L10.4682 9.89164H5.511L9.52143 12.8054L7.98958 17.5199L12 14.6062L16.0104 17.5199L14.4786 12.8054L18.489 9.89164H13.5319L12 5.1771Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpOutlineStar5Icon.displayName = 'IconlySharpOutlineStar5Icon';
+
+export const IconlySharpOutlineStar6Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path fillRule="evenodd" clipRule="evenodd" d="M12 0.0170898L14.2885 8.03616L22.3775 6.00856L16.577 12L22.3775 17.9915L14.2885 15.9639L12 23.983L9.71143 15.9639L1.62244 17.9915L7.42289 12L1.62244 6.00856L9.71143 8.03616L12 0.0170898ZM12 5.48297L10.7553 9.84423L6.35602 8.7415L9.51067 12L6.35602 15.2586L10.7553 14.1558L12 18.5171L13.2446 14.1558L17.6439 15.2586L14.4893 12L17.6439 8.7415L13.2446 9.84423L12 5.48297Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpOutlineStar6Icon.displayName = 'IconlySharpOutlineStar6Icon';
+
+export const IconlySharpOutlineStar7Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path fillRule="evenodd" clipRule="evenodd" d="M12 0.843628L14.3482 6.33109L19.8888 4.11127L17.669 9.65189L23.1565 12L17.669 14.3482L19.8888 19.8888L14.3482 17.669L12 23.1565L9.65189 17.669L4.11127 19.8888L6.33109 14.3482L0.843628 12L6.33109 9.65189L4.11127 4.11127L9.65189 6.33109L12 0.843628ZM12 4.65647L10.4544 8.26853L6.80735 6.80735L8.26853 10.4544L4.65647 12L8.26853 13.5457L6.80735 17.1927L10.4544 15.7316L12 19.3436L13.5457 15.7316L17.1927 17.1927L15.7316 13.5457L19.3436 12L15.7316 10.4544L17.1927 6.80735L13.5457 8.26853L12 4.65647Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpOutlineStar7Icon.displayName = 'IconlySharpOutlineStar7Icon';
+
+export const IconlySharpOutlineStarIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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="M11.2285 2.67802C11.1427 3.0078 10.8225 3.92158 10.6621 4.2944C9.63928 6.6715 7.86813 8.6731 5.62488 9.98697C4.85405 10.4385 3.77155 10.9055 2.92724 11.1507L2.55225 11.2597V11.9884V12.7171L2.69463 12.7539C3.0574 12.8476 3.97759 13.1773 4.41269 13.3694C5.32708 13.7733 6.32965 14.3825 7.12537 15.0179C7.59917 15.3962 8.58619 16.3832 8.96457 16.8569C9.87826 18.001 10.5902 19.3187 11.0347 20.6885C11.1461 21.0317 11.2504 21.3467 11.2664 21.3885L11.2956 21.4645L12.0044 21.4555L12.7131 21.4465L12.8734 20.9272C13.3288 19.4521 14.0451 18.0942 15.0029 16.8904C15.3875 16.4071 16.2021 15.578 16.7116 15.1514C17.6091 14.4002 18.6351 13.7711 19.7224 13.3056C20.0695 13.157 20.9917 12.8358 21.3054 12.7541L21.4478 12.7171V11.9864V11.2556L21.2217 11.1955C20.8137 11.0869 20.0324 10.8063 19.5716 10.6028C17.1763 9.54517 15.165 7.71034 13.8809 5.41153C13.6147 4.93506 13.4373 4.56431 13.2204 4.03126C13.0751 3.67415 12.8016 2.85872 12.7553 2.64452L12.7318 2.53564H11.9986H11.2655L11.2285 2.67802ZM18.7217 3.05932C18.6933 3.26943 18.5185 3.66845 18.3393 3.93216C17.8944 4.58672 17.2578 5.03489 16.5396 5.1992C16.4485 5.22004 16.4615 5.22791 16.6779 5.28336C17.1395 5.40161 17.5853 5.67769 17.9824 6.09138C18.3621 6.48681 18.5882 6.86935 18.6999 7.30516C18.755 7.52026 18.7632 7.53396 18.7832 7.44341C18.8462 7.15853 18.9584 6.86607 19.0945 6.63214C19.2933 6.2903 19.8313 5.74827 20.1613 5.55722C20.4188 5.40821 20.8494 5.24976 21.0014 5.24815C21.126 5.24681 21.0452 5.19971 20.8615 5.16661C20.3759 5.07917 19.6861 4.59784 19.2816 4.06429C19.1024 3.82778 18.8506 3.31811 18.8161 3.1219C18.7776 2.90314 18.7457 2.88197 18.7217 3.05932ZM12.1843 5.40798C12.2764 5.60509 12.463 5.96281 12.5989 6.2029C13.9435 8.57863 16.0096 10.5378 18.4056 11.7089C18.6948 11.8502 18.9323 11.9735 18.9333 11.9828C18.9343 11.9921 18.7206 12.1051 18.4585 12.234C15.7257 13.5781 13.4336 15.8987 12.1612 18.61L11.9988 18.9561L11.7651 18.4832C11.4528 17.8513 11.2836 17.558 10.875 16.9407C9.84158 15.3793 8.60311 14.141 7.04162 13.1076C6.4182 12.6951 6.10448 12.5145 5.49014 12.2144L5.02589 11.9877L5.40772 11.8062C8.12221 10.516 10.4014 8.25733 11.7481 5.52298C11.8767 5.26182 11.9898 5.04849 11.9994 5.04889C12.0089 5.04929 12.0922 5.2109 12.1843 5.40798Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpOutlineStarIcon.displayName = 'IconlySharpOutlineStarIcon';
+
+export const IconlySharpOutlineSwapIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path fillRule="evenodd" clipRule="evenodd" d="M15.9046 20.8995L15.9046 5.46026L17.4046 5.46026L17.4046 20.8995L15.9046 20.8995Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M17.4046 20.1503C17.4046 17.2053 14.8197 14.8048 12.0591 14.8048H11.3091V16.3048H12.0591C14.0234 16.3048 15.9046 18.0655 15.9046 20.1503V20.9003H17.4046V20.1503Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M15.9046 20.1503C15.9046 17.2053 18.4895 14.8048 21.2501 14.8048H22.0001V16.3048H21.2501C19.2858 16.3048 17.4046 18.0655 17.4046 20.1503V20.9003H15.9046V20.1503Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M6.59552 3.09973L6.59552 18.539L8.09552 18.539L8.09552 3.09973L6.59552 3.09973Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M8.09552 3.84992C8.09552 6.79491 5.51065 9.19543 2.75001 9.19543L2.00001 9.19543L2.00001 7.69543L2.75001 7.69543C4.71433 7.69543 6.59552 5.93474 6.59552 3.84992L6.59552 3.09992L8.09552 3.09992L8.09552 3.84992Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M6.59552 3.84992C6.59552 6.79491 9.18039 9.19543 11.941 9.19544L12.691 9.19544L12.691 7.69544L11.941 7.69544C9.97671 7.69543 8.09552 5.93474 8.09552 3.84992L8.09552 3.09992L6.59552 3.09992L6.59552 3.84992Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpOutlineSwapIcon.displayName = 'IconlySharpOutlineSwapIcon';
+
+export const IconlySharpOutlineTickSquareIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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="M22.5548 5.73044L21.9077 6.10953C18.9256 7.85644 16.6202 10.1583 15.0562 12.0343C14.2757 12.9703 13.6841 13.7953 13.2891 14.3838C13.0917 14.6779 12.9436 14.9125 12.8459 15.0719C12.797 15.1515 12.7608 15.2124 12.7372 15.2524L12.7115 15.2966L12.7058 15.3065L12.7049 15.308L12.4896 15.689H11.6175L11.3954 15.3532L11.3929 15.3495L11.3819 15.3332C11.3717 15.318 11.3557 15.2946 11.3342 15.2638C11.2911 15.202 11.2261 15.1105 11.1412 14.9957C10.9712 14.7659 10.7225 14.4446 10.4112 14.0838C9.7824 13.3548 8.92568 12.4964 7.97 11.8922L7.33606 11.4914L8.13762 10.2236L8.77155 10.6243C9.9049 11.3408 10.8731 12.3228 11.547 13.104C11.7095 13.2924 11.8565 13.471 11.9862 13.6338C12.0049 13.6057 12.0241 13.577 12.0437 13.5477C12.4629 12.9232 13.0854 12.0557 13.904 11.0737C15.5382 9.11361 17.9711 6.67713 21.1495 4.81525L21.7967 4.43616L22.5548 5.73044Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M1.72119 12C1.72119 6.47715 6.19834 2 11.7212 2C17.244 2 21.7212 6.47715 21.7212 12C21.7212 17.5228 17.244 22 11.7212 22C6.19834 22 1.72119 17.5228 1.72119 12ZM11.7212 3.5C7.02677 3.5 3.22119 7.30558 3.22119 12C3.22119 16.6944 7.02677 20.5 11.7212 20.5C16.4156 20.5 20.2212 16.6944 20.2212 12C20.2212 7.30558 16.4156 3.5 11.7212 3.5Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpOutlineTickSquareIcon.displayName = 'IconlySharpOutlineTickSquareIcon';
+
+export const IconlySharpOutlineTicketStarIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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 3.84998H22V10.7616H21.25C20.5406 10.7616 19.9866 11.3221 19.9866 12.0009C19.9866 12.6793 20.5401 13.2393 21.25 13.2393H22V20.15H2V13.2393H2.75C3.45991 13.2393 4.01343 12.6793 4.01343 12.0009C4.01343 11.3608 3.49966 10.8397 2.75 10.8397H2V3.84998ZM3.5 5.34998V9.43635C4.63872 9.73649 5.51343 10.7105 5.51343 12.0009C5.51343 13.265 4.65887 14.3156 3.5 14.6376V18.65H20.5V14.6376C19.3411 14.3156 18.4866 13.265 18.4866 12.0009C18.4866 10.7372 19.3409 9.68565 20.5 9.36338V5.34998H3.5Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M11.9991 7.06616L13.4738 9.86136L16.5879 10.4002L14.3853 12.6665L14.8352 15.7947L11.9991 14.4002L9.16297 15.7947L9.61284 12.6665L7.41017 10.4002L10.5243 9.86136L11.9991 7.06616ZM11.9991 10.2806L11.5068 11.2137L10.4673 11.3935L11.2026 12.15L11.0524 13.1942L11.9991 12.7287L12.9457 13.1942L12.7956 12.15L13.5308 11.3935L12.4913 11.2137L11.9991 10.2806Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpOutlineTicketStarIcon.displayName = 'IconlySharpOutlineTicketStarIcon';
+
+export const IconlySharpOutlineTicketIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path fillRule="evenodd" clipRule="evenodd" d="M14.4605 4.08203V7.82053H12.9605V4.08203H14.4605Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M14.4605 16.5781V19.9503H12.9605V16.5781H14.4605Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M14.4605 9.2196V15.179H12.9605V9.2196H14.4605Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M2 3.8501H22V10.7617H21.25C20.5406 10.7617 19.9866 11.3222 19.9866 12.0011C19.9866 12.6794 20.5401 13.2394 21.25 13.2394H22V20.1501H2V13.2394H2.75C3.45991 13.2394 4.01343 12.6794 4.01343 12.0011C4.01343 11.3609 3.49966 10.8398 2.75 10.8398H2V3.8501ZM3.5 5.3501V9.43647C4.63872 9.73661 5.51343 10.7106 5.51343 12.0011C5.51343 13.2651 4.65887 14.3157 3.5 14.6377V18.6501H20.5V14.6377C19.3411 14.3157 18.4866 13.2651 18.4866 12.0011C18.4866 10.7373 19.3409 9.68577 20.5 9.36351V5.3501H3.5Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpOutlineTicketIcon.displayName = 'IconlySharpOutlineTicketIcon';
+
+export const IconlySharpOutlineTimeCircleIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path fillRule="evenodd" clipRule="evenodd" d="M12 3.5C7.30521 3.5 3.5 7.30521 3.5 12C3.5 16.6948 7.30521 20.5 12 20.5C16.6948 20.5 20.5 16.6948 20.5 12C20.5 7.30521 16.6948 3.5 12 3.5ZM2 12C2 6.47679 6.47679 2 12 2C17.5232 2 22 6.47679 22 12C22 17.5232 17.5232 22 12 22C6.47679 22 2 17.5232 2 12Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M12.4121 7.09619V12.2673L16.4604 14.6823L15.692 15.9705L10.9121 13.1191V7.09619H12.4121Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpOutlineTimeCircleIcon.displayName = 'IconlySharpOutlineTimeCircleIcon';
+
+export const IconlySharpOutlineTimeSquareIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path fillRule="evenodd" clipRule="evenodd" d="M12.75 6.88379V11.5689L16.4193 13.7579L15.6508 15.0461L11.6157 12.6389C11.3889 12.5036 11.25 12.2589 11.25 11.9948V6.88379H12.75Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M2 22L2 2L22 2L22 22L2 22ZM3.5 20.5L20.5 20.5L20.5 3.5L3.5 3.5L3.5 20.5Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpOutlineTimeSquareIcon.displayName = 'IconlySharpOutlineTimeSquareIcon';
+
+export const IconlySharpOutlineUnlockIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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.75831 7.14007C6.77112 4.21248 9.15341 1.85043 12.0799 1.86235C13.6039 1.86281 14.9786 2.50764 15.9444 3.53685L16.4576 4.08376L15.3638 5.11018L14.8506 4.56326C14.156 3.82312 13.1714 3.36235 12.0783 3.36235H12.075C9.97682 3.35317 8.26833 5.04593 8.2583 7.14507V9.84474H6.7583L6.75831 7.14007Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M12.6812 13.3149V17.0359H11.1812V13.3149H12.6812Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M3.70557 21.8623L3.70557 8.48877L20.4306 8.48877L20.4306 21.8623L3.70557 21.8623ZM5.20557 20.3623L18.9306 20.3623L18.9306 9.98877L5.20557 9.98877L5.20557 20.3623Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpOutlineUnlockIcon.displayName = 'IconlySharpOutlineUnlockIcon';
+
+export const IconlySharpOutlineUpload1Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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 10.4507L8.125 10.4507L8.125 11.9507L3.5 11.9507L3.5 20.9746L20.5 20.9746L20.5 11.9507L15.875 11.9507L15.875 10.4507L22 10.4507L22 22.4746L2 22.4746L2 10.4507Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M11.251 1.52539L11.251 16.9647L12.751 16.9647L12.751 1.52539L11.251 1.52539Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M12.751 2.27558C12.751 5.22057 10.1661 7.62109 7.40547 7.62109L6.65547 7.62109L6.65547 6.12109L7.40547 6.12109C9.36978 6.12109 11.251 4.3604 11.251 2.27558L11.251 1.52558L12.751 1.52558L12.751 2.27558Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M11.251 2.27558C11.251 5.22057 13.8358 7.62109 16.5965 7.62109L17.3465 7.62109L17.3465 6.12109L16.5965 6.12109C14.6322 6.12109 12.751 4.3604 12.751 2.27558L12.751 1.52558L11.251 1.52558L11.251 2.27558Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpOutlineUpload1Icon.displayName = 'IconlySharpOutlineUpload1Icon';
+
+export const IconlySharpOutlineUploadIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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="M11.2498 16.7588L11.2498 2.48101L12.7498 2.48101L12.7498 16.7588L11.2498 16.7588Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M7.66443 5.77337L12 1.4185L16.3368 5.77319L15.274 6.83167L12.0001 3.54438L8.72745 6.83166L7.66443 5.77337Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M2 10.2446L8.125 10.2446L8.125 11.7446L3.5 11.7446L3.5 20.7686L20.5 20.7686L20.5 11.7446L15.875 11.7446L15.875 10.2446L22 10.2446L22 22.2686L2 22.2686L2 10.2446Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpOutlineUploadIcon.displayName = 'IconlySharpOutlineUploadIcon';
+
+export const IconlySharpOutlineVideoIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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="M1.25 4.37476H17.2345V19.625H1.25V4.37476ZM2.75 5.87476V18.125H15.7345V5.87476H2.75Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M22.75 4.58044L15.9644 9.18138L16.8062 10.4229L21.25 7.4098V16.5354L16.8388 13.3388L15.9586 14.5534L22.75 19.4747V4.58044Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M8.4082 8.33618H13.1129V9.83618H8.4082V8.33618Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpOutlineVideoIcon.displayName = 'IconlySharpOutlineVideoIcon';
+
+export const IconlySharpOutlineVoice3Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path fillRule="evenodd" clipRule="evenodd" d="M12.7881 6.08398H16.4405V7.58398H12.7881V6.08398Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M11.708 9.69482H16.4428V11.1948H11.708V9.69482Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M12.748 17.9786V22.25H11.248V17.9786H12.748Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M11.9982 3.25C10.3749 3.25 9.05273 4.57334 9.05273 6.21264V11.3866C9.05273 13.0257 10.3747 14.3483 11.9982 14.3483C13.6226 14.3483 14.9437 13.0258 14.9437 11.3866V6.21264C14.9437 4.57321 13.6223 3.25 11.9982 3.25ZM7.55273 6.21264C7.55273 3.75147 9.53997 1.75 11.9982 1.75C14.4575 1.75 16.4437 3.7516 16.4437 6.21264V11.3866C16.4437 13.8479 14.4573 15.8483 11.9982 15.8483C9.54022 15.8483 7.55273 13.848 7.55273 11.3866V6.21264Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M5.47168 10.6661V11.4161C5.47168 15.0436 8.39726 17.9784 11.9992 17.9784C15.6022 17.9784 18.5277 15.0435 18.5277 11.4161V10.6661H20.0277V11.4161C20.0277 15.8652 16.4373 19.4784 11.9992 19.4784C7.56203 19.4784 3.97168 15.8652 3.97168 11.4161V10.6661H5.47168Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpOutlineVoice3Icon.displayName = 'IconlySharpOutlineVoice3Icon';
+
+export const IconlySharpOutlineVoiceIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path fillRule="evenodd" clipRule="evenodd" d="M12.7502 16.3601V22.25H11.2502V16.3601H12.7502Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M15.4697 22.25H8.52949V20.75H15.4697V22.25Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M21.2549 6.85986V12.7497H19.7549V6.85986H21.2549Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M4.24512 6.86011V12.75H2.74512V6.86011H4.24512Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M12.0004 3.25C10.0513 3.25 8.46484 4.83878 8.46484 6.80545V12.8056C8.46484 14.772 10.051 16.3599 12.0004 16.3599C13.9507 16.3599 15.5359 14.7721 15.5359 12.8056V6.80545C15.5359 4.83865 13.9505 3.25 12.0004 3.25ZM6.96484 6.80545C6.96484 4.01691 9.21629 1.75 12.0004 1.75C14.7857 1.75 17.0359 4.01704 17.0359 6.80545V12.8056C17.0359 15.5942 14.7855 17.8599 12.0004 17.8599C9.21654 17.8599 6.96484 15.5943 6.96484 12.8056V6.80545Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpOutlineVoiceIcon.displayName = 'IconlySharpOutlineVoiceIcon';
+
+export const IconlySharpOutlineVolumeDownIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path fillRule="evenodd" clipRule="evenodd" d="M18.5927 6.97156L18.9653 7.62245C20.5224 10.3425 20.523 13.6668 18.9648 16.3802L18.5914 17.0306L17.2906 16.2836L17.6641 15.6332C18.9562 13.3831 18.9568 10.6268 17.6636 8.36767L17.2909 7.71677L18.5927 6.97156Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M12.8456 3.7373H14.6509V20.2627H12.8456L8.71968 16.6863H3.8692L3.86858 15.937C3.86644 13.3124 3.86644 10.6878 3.86858 8.06316L3.8692 7.31378H8.71967L12.8456 3.7373ZM13.1509 5.45769L9.2793 8.81378H5.36803C5.36662 10.938 5.36662 13.0622 5.36803 15.1863H9.27929L13.1509 18.5423V5.45769Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpOutlineVolumeDownIcon.displayName = 'IconlySharpOutlineVolumeDownIcon';
+
+export const IconlySharpOutlineVolumeOffIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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="M11.6405 4.06299H13.4459V20.5883H11.6405L7.5146 17.012H2.66412L2.66351 16.2626C2.66136 13.638 2.66136 11.0134 2.66351 8.38885L2.66412 7.63946H7.51459L11.6405 4.06299ZM11.9459 5.78337L8.07422 9.13946H4.16295C4.16154 11.2637 4.16154 13.3878 4.16295 15.512H8.07421L11.9459 18.868V5.78337Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M17.1211 9.5321L21.6478 14.0588L20.5871 15.1194L16.0604 10.5928L17.1211 9.5321Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M21.6487 10.5928L17.1221 15.1194L16.0614 14.0588L20.5881 9.5321L21.6487 10.5928Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpOutlineVolumeOffIcon.displayName = 'IconlySharpOutlineVolumeOffIcon';
+
+export const IconlySharpOutlineVolumeUpIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path fillRule="evenodd" clipRule="evenodd" d="M19.3561 4.3313L19.784 4.94727C22.7337 9.1936 22.7438 14.7978 19.7837 19.0535L19.3554 19.6692L18.124 18.8126L18.5523 18.1969C21.1533 14.4575 21.1452 9.53616 18.552 5.80303L18.1241 5.18706L19.3561 4.3313Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M16.7255 6.97156L17.0981 7.62245C18.6552 10.3425 18.6558 13.6668 17.0976 16.3802L16.7241 17.0306L15.4233 16.2836L15.7968 15.6332C17.089 13.3831 17.0896 10.6268 15.7963 8.36767L15.4237 7.71677L16.7255 6.97156Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M10.9784 3.7373H12.7838V20.2627H10.9784L6.85249 16.6863H2.00201L2.0014 15.937C1.99925 13.3124 1.99925 10.6878 2.0014 8.06316L2.00201 7.31378H6.85248L10.9784 3.7373ZM11.2838 5.45769L7.41212 8.81378H3.50085C3.49944 10.938 3.49944 13.0622 3.50085 15.1863H7.41211L11.2838 18.5423V5.45769Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpOutlineVolumeUpIcon.displayName = 'IconlySharpOutlineVolumeUpIcon';
+
+export const IconlySharpOutlineWalletIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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="M17.5561 11.0281L22.3803 11.0281V12.5281H17.5563M17.5563 12.5281C16.406 12.5289 15.5968 13.3615 15.5967 14.2436C15.5974 15.1265 16.4065 15.9589 17.5565 15.9595H22.3803V17.4595H17.5561C15.7143 17.4585 14.0979 16.0849 14.0967 14.2443C14.0967 12.4028 15.7148 11.0291 17.5561 11.0281" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M1.61914 4.97595H22.3805V22H1.61914V4.97595ZM3.11914 6.47595V20.5H20.8805V6.47595H3.11914Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M1.61914 1.99994L19.7483 2.00074V6.37797H18.2483V3.50068L3.11914 3.50001V21.9995H1.61914V1.99994Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M6.18359 9.54382H13.1171V11.0438H6.18359V9.54382Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpOutlineWalletIcon.displayName = 'IconlySharpOutlineWalletIcon';
+
+export const IconlySharpOutlineWorkIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path fillRule="evenodd" clipRule="evenodd" d="M12.75 13.9395V17.9765H11.25V13.9395H12.75Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M2.00488 5.12988H21.9949V12.8099L21.6238 13.0271C19.0352 14.5424 15.6513 15.4399 11.9949 15.4399C8.338 15.4399 4.96422 14.5422 2.376 13.0271L2.00488 12.8099V5.12988ZM3.50488 6.62988V11.9419C5.79043 13.1831 8.75031 13.9399 11.9949 13.9399C15.2399 13.9399 18.2087 13.183 20.4949 11.9418V6.62988H3.50488Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M9.00744 2.5498H14.9928L16.4861 6.00172L15.1095 6.59728L14.0074 4.0498H9.99279L8.89051 6.59731L7.51385 6.00164L9.00744 2.5498Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M3.50315 14.4179L3.69301 19.9502H20.3066L20.4965 14.4179L21.9956 14.4694L21.756 21.4502H2.24361L2.00403 14.4694L3.50315 14.4179Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpOutlineWorkIcon.displayName = 'IconlySharpOutlineWorkIcon';
+