@winplaybox/icons 0.0.0-stage → 0.1.0

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

@@ -0,0 +1,944 @@
+import React from 'react';
+import { IconProps } from '../../../types';
+
+export const IconlySharpBold2UserIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.735 16.8199C20.975 14.4099 18.935 13.0299 16.135 13.0299H16.095C14.865 13.0299 13.795 13.2999 12.895 13.7899C15.155 14.6099 16.835 16.2999 17.615 18.6499C19.105 18.4899 20.415 18.0699 21.515 17.3999L21.855 17.1899L21.735 16.8199Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M13.955 10.9899C14.565 11.4199 15.315 11.6799 16.115 11.6799C18.175 11.6799 19.855 9.99994 19.855 7.92994C19.855 5.86994 18.175 4.18994 16.115 4.18994C15.535 4.18994 14.995 4.31994 14.505 4.55994C14.975 5.38994 15.245 6.34994 15.245 7.36994C15.245 8.73994 14.765 9.99994 13.955 10.9899Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M16.585 18.7199C15.795 16.5699 14.155 15.1099 11.915 14.5199C11.185 14.3199 10.375 14.2199 9.51502 14.2199H9.46502C5.86502 14.2199 3.24502 15.9899 2.26502 19.0799L2.14502 19.4499L2.48502 19.6499C4.38502 20.8199 6.66502 21.3799 9.43502 21.3799H9.48502C12.325 21.3899 14.585 20.8199 16.495 19.6499L16.835 19.4499L16.715 19.0799C16.675 18.9599 16.635 18.8399 16.585 18.7199Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M9.48499 12.1299C11.005 12.1299 12.355 11.4099 13.225 10.2999C13.865 9.49993 14.245 8.47993 14.245 7.36993C14.245 6.54993 14.035 5.77993 13.675 5.10993C12.865 3.62993 11.295 2.61993 9.48499 2.61993C6.86499 2.61993 4.73499 4.74993 4.73499 7.36993C4.73499 9.98993 6.86499 12.1299 9.48499 12.1299Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBold2UserIcon.displayName = 'IconlySharpBold2UserIcon';
+
+export const IconlySharpBold3UserIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path fillRule="evenodd" clipRule="evenodd" d="M23.0966 16.5689C22.3666 14.2829 20.4316 12.9749 17.7766 12.9749H17.7576C16.6756 12.9649 15.7086 13.1829 14.8926 13.5999C17.1696 14.3309 18.8576 15.9529 19.6346 18.2479C20.8676 18.0769 21.9396 17.6979 22.8876 17.1189L23.2006 16.9199L23.0966 16.5689Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M16.0405 11.2484C16.5525 11.5334 17.1315 11.6944 17.7575 11.6944C19.7205 11.6944 21.3135 10.1004 21.3135 8.13738C21.3135 6.18438 19.7205 4.59038 17.7575 4.59038C17.3685 4.59038 16.9985 4.65738 16.6475 4.77038C17.1595 5.59638 17.4535 6.57238 17.4535 7.60638C17.4535 9.01038 16.9315 10.2814 16.0405 11.2484Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M9.06032 13.5815C8.26332 13.1835 7.32432 12.9745 6.26232 12.9745H6.22432C3.56932 12.9745 1.63432 14.2835 0.913316 16.5685L0.799316 16.9195L1.11232 17.1185C2.01332 17.6695 3.07632 18.0385 4.26132 18.2285C5.04832 15.9245 6.76532 14.2925 9.06032 13.5815Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M6.24346 11.6941C6.86946 11.6941 7.44746 11.5331 7.96046 11.2481C7.06846 10.2811 6.54646 9.01007 6.54646 7.60607C6.54646 6.57307 6.84046 5.59607 7.35346 4.77107C7.00246 4.65707 6.63246 4.59007 6.24346 4.59007C4.28046 4.59007 2.68646 6.18407 2.68646 8.13707C2.68646 10.1011 4.28046 11.6941 6.24346 11.6941Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M11.966 14.1034C11.95 14.1034 11.935 14.1034 11.92 14.1034C8.506 14.1034 6.017 15.7814 5.091 18.7104L4.979 19.0644L5.296 19.2584C7.104 20.3604 9.264 20.8964 11.899 20.8964H11.984C14.621 20.8964 16.782 20.3604 18.59 19.2584L18.908 19.0644L18.796 18.7104C17.869 15.7814 15.381 14.1034 11.966 14.1034Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M12.0002 12.1186C14.4862 12.1186 16.5082 10.0966 16.5082 7.61058C16.5082 5.12558 14.4862 3.10358 12.0002 3.10358C9.51419 3.10358 7.49219 5.12558 7.49219 7.61058C7.49219 10.0966 9.51419 12.1186 12.0002 12.1186Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBold3UserIcon.displayName = 'IconlySharpBold3UserIcon';
+
+export const IconlySharpBoldActivityIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.0351 15.17L9.83509 12.66L7.03509 16.3L5.85509 15.38L9.57509 10.54L12.7751 13.06L15.5151 9.51997L16.7051 10.44L13.0351 15.17ZM14.9551 4.39997C14.9551 4.19997 14.9651 3.99997 14.9951 3.80997H2.21509V22.02H20.4251V8.67997C20.0951 8.76997 19.7351 8.80997 19.3751 8.80997C16.9351 8.80997 14.9551 6.82997 14.9551 4.39997Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M19.3751 1.97998C18.2451 1.97998 17.2951 2.75998 17.0351 3.80998C16.9851 3.99998 16.9551 4.19998 16.9551 4.39998C16.9551 5.72998 18.0451 6.80998 19.3751 6.80998C19.7451 6.80998 20.1051 6.71998 20.4251 6.56998C21.2251 6.17998 21.7851 5.34998 21.7851 4.39998C21.7851 3.05998 20.7051 1.97998 19.3751 1.97998Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBoldActivityIcon.displayName = 'IconlySharpBoldActivityIcon';
+
+export const IconlySharpBoldAddUserIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.7603 9.94162H19.7153V7.93661H18.2153V9.94162H16.1703V11.4416H18.2153V13.4466H19.7153V11.4416H21.7603V9.94162Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M9.90375 14.3366H9.85075C6.10375 14.3366 3.37375 16.1776 2.35775 19.3906L2.23975 19.7646L2.57375 19.9686C4.53175 21.1626 6.97275 21.7676 9.83075 21.7676C9.86175 21.7686 9.89275 21.7686 9.92475 21.7676C12.8217 21.7676 15.1957 21.1786 17.1807 19.9686L17.5147 19.7646L17.3967 19.3906C16.3817 16.1776 13.6507 14.3366 9.90375 14.3366Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M9.87745 12.1086C12.6005 12.1086 14.8155 9.89363 14.8155 7.17063C14.8155 4.44663 12.6005 2.23163 9.87745 2.23163C7.15445 2.23163 4.93945 4.44663 4.93945 7.17063C4.93945 9.89363 7.15445 12.1086 9.87745 12.1086Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBoldAddUserIcon.displayName = 'IconlySharpBoldAddUserIcon';
+
+export const IconlySharpBoldArrowDown2Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.9999 16.9139L3.58594 8.49994L4.99994 7.08594L11.9999 14.0859L18.9999 7.08594L20.4139 8.49994L11.9999 16.9139Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBoldArrowDown2Icon.displayName = 'IconlySharpBoldArrowDown2Icon';
+
+export const IconlySharpBoldArrowDown3Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.6601 13.34C15.8861 13.34 14.2211 14.118 13.0001 15.339V3H11.0001V15.339C9.77809 14.118 8.11309 13.34 6.34009 13.34H5.34009V15.34H6.34009C8.77809 15.34 11.0001 17.561 11.0001 20V21H13.0001V20C13.0001 17.561 15.2221 15.34 17.6601 15.34H18.6601V13.34H17.6601Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBoldArrowDown3Icon.displayName = 'IconlySharpBoldArrowDown3Icon';
+
+export const IconlySharpBoldArrowDownCircleIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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 15.106L7.47 10.555L8.533 9.497L12 12.98L15.467 9.497L16.53 10.555L12 15.106ZM12 2.25C6.624 2.25 2.25 6.624 2.25 12C2.25 17.376 6.624 21.75 12 21.75C17.376 21.75 21.75 17.376 21.75 12C21.75 6.624 17.376 2.25 12 2.25Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBoldArrowDownCircleIcon.displayName = 'IconlySharpBoldArrowDownCircleIcon';
+
+export const IconlySharpBoldArrowDownSquareIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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 17.149L7.189 12.32L8.252 11.262L11.25 14.271V7.164H12.75V14.271L15.748 11.262L16.811 12.32L12 17.149ZM2.25 21.75H21.75V2.25H2.25V21.75Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBoldArrowDownSquareIcon.displayName = 'IconlySharpBoldArrowDownSquareIcon';
+
+export const IconlySharpBoldArrowDownIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.0154 11.827L12.9994 16.868V3.29102H10.9994V16.868L5.98441 11.827L4.56641 13.238L11.9994 20.709L19.4334 13.238L18.0154 11.827Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBoldArrowDownIcon.displayName = 'IconlySharpBoldArrowDownIcon';
+
+export const IconlySharpBoldArrowLeft2Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.4999 20.414L7.08594 12L15.4999 3.586L16.9139 5L9.91394 12L16.9139 19L15.4999 20.414Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBoldArrowLeft2Icon.displayName = 'IconlySharpBoldArrowLeft2Icon';
+
+export const IconlySharpBoldArrowLeft3Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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 11H8.661C9.882 9.77803 10.66 8.11403 10.66 6.34003V5.34003H8.66V6.34003C8.66 8.77903 6.438 11 4 11H3V13H4C6.438 13 8.66 15.221 8.66 17.66V18.66H10.66V17.66C10.66 15.886 9.882 14.222 8.661 13H21V11Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBoldArrowLeft3Icon.displayName = 'IconlySharpBoldArrowLeft3Icon';
+
+export const IconlySharpBoldArrowLeftCircleIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.5 15.47L13.44 16.532L8.898 12L13.44 7.469L14.5 8.531L11.021 12L14.5 15.47ZM12 2.25C6.624 2.25 2.25 6.624 2.25 12C2.25 17.376 6.624 21.75 12 21.75C17.376 21.75 21.75 17.376 21.75 12C21.75 6.624 17.376 2.25 12 2.25Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBoldArrowLeftCircleIcon.displayName = 'IconlySharpBoldArrowLeftCircleIcon';
+
+export const IconlySharpBoldArrowLeftSquareIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.84 12.75H9.728L12.74 15.745L11.683 16.809L6.847 12L11.683 7.191L12.74 8.255L9.728 11.25H16.84V12.75ZM2.25 21.75H21.75V2.25H2.25V21.75Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBoldArrowLeftSquareIcon.displayName = 'IconlySharpBoldArrowLeftSquareIcon';
+
+export const IconlySharpBoldArrowLeftIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.7085 10.9995H7.1305L12.1725 5.97852L10.7615 4.56152L3.2915 12.0005L10.7615 19.4385L12.1725 18.0215L7.1285 12.9995H20.7085V10.9995Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBoldArrowLeftIcon.displayName = 'IconlySharpBoldArrowLeftIcon';
+
+export const IconlySharpBoldArrowRight2Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.49994 20.4139L7.08594 18.9999L14.0859 11.9999L7.08594 4.99994L8.49994 3.58594L16.9139 11.9999L8.49994 20.4139Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBoldArrowRight2Icon.displayName = 'IconlySharpBoldArrowRight2Icon';
+
+export const IconlySharpBoldArrowRight3Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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 11.0001C17.562 11.0001 15.34 8.77909 15.34 6.34009V5.34009H13.34V6.34009C13.34 8.11409 14.118 9.77809 15.339 11.0001H3V13.0001H15.339C14.118 14.2221 13.34 15.8861 13.34 17.6601V18.6601H15.34V17.6601C15.34 15.2211 17.562 13.0001 20 13.0001H21V11.0001H20Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBoldArrowRight3Icon.displayName = 'IconlySharpBoldArrowRight3Icon';
+
+export const IconlySharpBoldArrowRightCircleIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.56 16.532L9.5 15.47L12.979 12L9.5 8.531L10.56 7.469L15.102 12L10.56 16.532ZM12 2.25C6.624 2.25 2.25 6.624 2.25 12C2.25 17.376 6.624 21.75 12 21.75C17.376 21.75 21.75 17.376 21.75 12C21.75 6.624 17.376 2.25 12 2.25Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBoldArrowRightCircleIcon.displayName = 'IconlySharpBoldArrowRightCircleIcon';
+
+export const IconlySharpBoldArrowRightSquareIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.317 16.809L11.259 15.746L14.272 12.75H7.16V11.25H14.272L11.259 8.255L12.317 7.192L17.153 12L12.317 16.809ZM2.25 21.75H21.75V2.25H2.25V21.75Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBoldArrowRightSquareIcon.displayName = 'IconlySharpBoldArrowRightSquareIcon';
+
+export const IconlySharpBoldArrowRightIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.2385 4.56152L11.8275 5.97852L16.8705 10.9995H3.2915V12.9995H16.8695L11.8275 18.0215L13.2385 19.4385L20.7085 11.9995L13.2385 4.56152Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBoldArrowRightIcon.displayName = 'IconlySharpBoldArrowRightIcon';
+
+export const IconlySharpBoldArrowUp2Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.9999 16.914L11.9999 9.914L4.99994 16.914L3.58594 15.5L11.9999 7.086L20.4139 15.5L18.9999 16.914Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBoldArrowUp2Icon.displayName = 'IconlySharpBoldArrowUp2Icon';
+
+export const IconlySharpBoldArrowUp3Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.6601 8.66C15.2221 8.66 13.0001 6.439 13.0001 4V3H11.0001V4C11.0001 6.439 8.77809 8.66 6.34009 8.66H5.34009V10.66H6.34009C8.11309 10.66 9.77809 9.882 11.0001 8.661V21H13.0001V8.661C14.2211 9.882 15.8861 10.66 17.6601 10.66H18.6601V8.66H17.6601Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBoldArrowUp3Icon.displayName = 'IconlySharpBoldArrowUp3Icon';
+
+export const IconlySharpBoldArrowUpCircleIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.467 14.502L12 11.019L8.533 14.502L7.47 13.444L12 8.893L16.53 13.444L15.467 14.502ZM12 2.25C6.624 2.25 2.25 6.624 2.25 12C2.25 17.376 6.624 21.75 12 21.75C17.376 21.75 21.75 17.376 21.75 12C21.75 6.624 17.376 2.25 12 2.25Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBoldArrowUpCircleIcon.displayName = 'IconlySharpBoldArrowUpCircleIcon';
+
+export const IconlySharpBoldArrowUpSquareIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.748 12.739L12.75 9.73V16.836H11.25V9.73L8.252 12.739L7.189 11.68L12 6.852L16.81 11.68L15.748 12.739ZM2.25 21.75H21.75V2.25H2.25V21.75Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBoldArrowUpSquareIcon.displayName = 'IconlySharpBoldArrowUpSquareIcon';
+
+export const IconlySharpBoldArrowUpIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.4334 10.762L11.9994 3.29102L4.56641 10.762L5.98441 12.173L10.9994 7.13202V20.709H12.9994V7.13202L18.0154 12.173L19.4334 10.762Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBoldArrowUpIcon.displayName = 'IconlySharpBoldArrowUpIcon';
+
+export const IconlySharpBoldAvatarIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.146 11.924H15.646L15.636 10.424H17.146V11.924ZM14.044 15.822H9.278L8.708 14.874L10.929 7.345L12.368 7.77L10.435 14.322H14.044V15.822ZM7.693 11.924H6.193L6.183 10.424H7.693V11.924ZM12 2.25C6.624 2.25 2.25 6.624 2.25 12C2.25 17.376 6.624 21.75 12 21.75C17.376 21.75 21.75 17.376 21.75 12C21.75 6.624 17.376 2.25 12 2.25Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBoldAvatarIcon.displayName = 'IconlySharpBoldAvatarIcon';
+
+export const IconlySharpBoldBag2Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.38 11.865H15.92V10.365H14.38V11.865ZM8.76996 11.865H10.31V10.365H8.76996V11.865ZM9.89996 4.375C10.53 3.745 11.41 3.375 12.3 3.375H12.32C14.1 3.375 15.54 4.755 15.69 6.495H8.92996C8.99996 5.705 9.32996 4.935 9.89996 4.375ZM20.34 6.495H17.19C17.04 3.925 14.92 1.875 12.32 1.875H12.3C11.01 1.875 9.74996 2.395 8.83996 3.305C7.98996 4.155 7.49996 5.305 7.42996 6.495H3.65996L2.70996 22.125H21.29L20.34 6.495Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBoldBag2Icon.displayName = 'IconlySharpBoldBag2Icon';
+
+export const IconlySharpBoldBag3Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.73001 6.64503C8.74001 4.85503 10.2 3.40503 11.99 3.40503C13.84 3.39503 15.27 4.85503 15.27 6.66503V6.90503H16.77V6.66503C16.77 4.03503 14.63 1.90503 12.01 1.90503H11.99C9.38001 1.90503 7.24001 4.02503 7.23001 6.66503V6.90503H8.73001V6.64503Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M16.77 6.90503L16.77 10.635H15.27L15.27 6.90503H8.73001L8.73 10.635H7.23L7.23001 6.90503H2.25V12.345C2.25 17.725 6.62 22.095 12 22.095C17.38 22.095 21.75 17.725 21.75 12.345V6.90503H16.77Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBoldBag3Icon.displayName = 'IconlySharpBoldBag3Icon';
+
+export const IconlySharpBoldBagIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.37 6.97991H15.82C15.32 5.34991 13.8 4.15991 12 4.15991C10.2 4.15991 8.67997 5.34991 8.17997 6.97991H6.62997C7.16997 4.50991 9.37997 2.65991 12 2.65991C14.62 2.65991 16.83 4.50991 17.37 6.97991Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M21.79 6.97991L20.65 21.3399H3.34996L2.20996 6.97991L6.62997 6.97991C6.53997 7.35991 6.49996 7.74991 6.49996 8.15991V10.0199H7.99996V8.15991C7.99996 7.74991 8.05997 7.35991 8.17997 6.97991H15.82C15.94 7.35991 16 7.74991 16 8.15991V10.0199H17.5V8.15991C17.5 7.74991 17.46 7.35991 17.37 6.97991L21.79 6.97991Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBoldBagIcon.displayName = 'IconlySharpBoldBagIcon';
+
+export const IconlySharpBoldBookmarkIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.72897 9.83401H16.272V8.33401H7.72897V9.83401ZM4.02197 2.10901V21.889L12.024 18.214L19.978 21.891V2.10901H4.02197Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBoldBookmarkIcon.displayName = 'IconlySharpBoldBookmarkIcon';
+
+export const IconlySharpBoldBuyIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.60426 18.7441C6.90126 18.7441 6.33026 19.3151 6.33026 20.0181C6.33026 20.7211 6.90126 21.2931 7.60426 21.2931C8.30626 21.2931 8.87726 20.7211 8.87726 20.0181C8.87726 19.3151 8.30626 18.7441 7.60426 18.7441Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M18.4714 18.7441C17.7684 18.7441 17.1974 19.3151 17.1974 20.0181C17.1974 20.7211 17.7684 21.2931 18.4714 21.2931C19.1744 21.2931 19.7454 20.7211 19.7454 20.0181C19.7454 19.3151 19.1744 18.7441 18.4714 18.7441Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M13.5751 11.1768H17.7451V9.67679H13.5751V11.1768ZM6.14507 5.76679L5.84507 2.70679H1.94507V4.20679H4.48507L5.76507 16.9068H20.5851L22.0551 5.76679H6.14507Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBoldBuyIcon.displayName = 'IconlySharpBoldBuyIcon';
+
+export const IconlySharpBoldCalendarIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.735 3.845V2.125H15.235V6.675H14.235V3.845H9.26505V2.125H7.76505V6.675H6.76505V3.845H3.17505V8.975H20.825V3.845H16.735Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M8.64505 16.185V17.685H7.14505L7.13505 16.185H8.64505ZM8.64505 12.595V14.095H7.14505L7.13505 12.595H8.64505ZM12.755 16.185V17.685H11.255L11.245 16.185H12.755ZM12.755 12.595V14.095H11.255L11.245 12.595H12.755ZM16.865 16.185V17.685H15.365L15.355 16.185H16.865ZM16.865 12.595V14.095H15.365L15.355 12.595H16.865ZM3.17505 21.875H20.825V10.475H3.17505V21.875Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBoldCalendarIcon.displayName = 'IconlySharpBoldCalendarIcon';
+
+export const IconlySharpBoldCallMissedIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.7857 10.5673L18.2117 8.14128L20.6387 10.5673L21.6987 9.50628L19.2727 7.08128L21.6987 4.65528L20.6387 3.59428L18.2117 6.02028L15.7857 3.59428L14.7247 4.65528L17.1517 7.08128L14.7247 9.50628L15.7857 10.5673Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M16.6354 13.851L13.6904 15.546C13.1704 15.366 11.6754 14.763 10.3084 13.396C9.02536 12.113 8.48936 10.696 8.33236 10.201L10.0314 7.24998L6.33336 2.16998L5.94336 2.39998C4.36136 3.32798 3.20036 4.48898 2.29136 6.05198L2.23336 6.21098C1.71936 8.95498 3.28936 12.999 6.13936 16.276C9.22936 19.828 13.2404 21.83 17.2234 21.83C17.4034 21.83 17.5834 21.827 17.7634 21.818L17.8824 21.813L17.9854 21.755C19.5874 20.857 20.7514 19.693 21.6484 18.091L21.8634 17.706L16.6354 13.851Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBoldCallMissedIcon.displayName = 'IconlySharpBoldCallMissedIcon';
+
+export const IconlySharpBoldCallSilentIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.95774 15.6553L9.34174 11.8223L9.14474 11.5063C8.67174 10.7463 8.42974 10.0853 8.33274 9.77825L10.0317 6.82725L6.33374 1.74725L5.94274 1.97725C4.36074 2.90525 3.20074 4.06625 2.29174 5.62925L2.23274 5.78825C1.75674 8.33125 3.07274 12.0213 5.58674 15.1883L5.95774 15.6553Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M16.6355 13.4278L13.6905 15.1228C13.3385 15.0008 12.5395 14.6798 11.6435 14.0708L19.6145 5.56876L18.5195 4.54276L2.87848 21.2268L3.97348 22.2528L8.13148 17.8168C10.1915 19.5708 13.2725 21.4088 17.1885 21.4088C17.3775 21.4088 17.5705 21.4048 17.7635 21.3958L17.8825 21.3898L17.9855 21.3318C19.5885 20.4338 20.7515 19.2698 21.6485 17.6688L21.8635 17.2838L16.6355 13.4278Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBoldCallSilentIcon.displayName = 'IconlySharpBoldCallSilentIcon';
+
+export const IconlySharpBoldCallIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.6354 13.851L13.6904 15.546C13.1704 15.366 11.6754 14.763 10.3084 13.396C9.02541 12.113 8.48941 10.696 8.33241 10.201L10.0314 7.24998L6.33441 2.16998L5.94441 2.39998C4.36241 3.32798 3.20041 4.48798 2.29141 6.05198L2.23341 6.21098C1.71941 8.95398 3.28841 12.998 6.13741 16.274C9.22841 19.828 13.2394 21.83 17.2234 21.83C17.4034 21.83 17.5834 21.827 17.7634 21.818L17.8824 21.813L17.9854 21.755C19.5874 20.857 20.7514 19.693 21.6484 18.091L21.8634 17.706L16.6354 13.851Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBoldCallIcon.displayName = 'IconlySharpBoldCallIcon';
+
+export const IconlySharpBoldCallingIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.3781 10.0302L20.4611 10.7762L21.9521 10.6082L21.8681 9.86318C21.4111 5.78618 18.2441 2.62218 14.1661 2.16918L13.4201 2.08618L13.2551 3.57718L14.0001 3.66018C17.3771 4.03518 19.9991 6.65518 20.3781 10.0302Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M16.8468 10.1005L16.9908 10.8365L18.4628 10.5505L18.3198 9.81449C17.9138 7.73249 16.3078 6.12549 14.2268 5.72149L13.4908 5.57849L13.2038 7.05049L13.9398 7.19349C15.4178 7.48049 16.5588 8.62149 16.8468 10.1005Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M13.6017 15.6298C13.0817 15.4498 11.5867 14.8458 10.2197 13.4798C8.9367 12.1968 8.4017 10.7788 8.2447 10.2848L9.9437 7.33378L6.2457 2.25378L5.8547 2.48378C4.2727 3.41178 3.1127 4.57178 2.2037 6.13478L2.1447 6.29478C1.6307 9.03878 3.2017 13.0828 6.0507 16.3588C9.1407 19.9118 13.1527 21.9138 17.1347 21.9138C17.3147 21.9138 17.4957 21.9098 17.6747 21.9018L17.7937 21.8968L17.8967 21.8378C19.4987 20.9408 20.6637 19.7768 21.5597 18.1748L21.7747 17.7898L16.5467 13.9348L13.6017 15.6298Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBoldCallingIcon.displayName = 'IconlySharpBoldCallingIcon';
+
+export const IconlySharpBoldCameraIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.108 10.239H17.608L17.599 8.739H19.108V10.239ZM11.999 16.643C10.108 16.643 8.569 15.105 8.569 13.214C8.569 11.323 10.108 9.785 11.999 9.785C13.889 9.785 15.427 11.323 15.427 13.214C15.427 15.105 13.889 16.643 11.999 16.643ZM17.045 6.198L15.313 3.492H8.685L6.954 6.198H2.25V20.508H21.75V6.198H17.045Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBoldCameraIcon.displayName = 'IconlySharpBoldCameraIcon';
+
+export const IconlySharpBoldCardIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.102 16.092H19.077V14.592H14.102V16.092ZM9.876 16.092H12.124V14.592H9.876V16.092ZM2.25 19.53H21.75V10.533H2.25V19.53Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M2.25 9.03297H21.75V4.46997H2.25V9.03297Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBoldCardIcon.displayName = 'IconlySharpBoldCardIcon';
+
+export const IconlySharpBoldCategoryIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.05054 10.9506H10.0505V2.95064H2.05054V10.9506Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M21.9494 4.12154L14.2214 2.05054L12.1514 9.77854L19.8784 11.8485L21.9494 4.12154Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M2.05054 21.9496H10.0505V13.9496H2.05054V21.9496Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M13.0505 21.9496H21.0505V13.9496H13.0505V21.9496Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBoldCategoryIcon.displayName = 'IconlySharpBoldCategoryIcon';
+
+export const IconlySharpBoldChartIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.087 17.207H17.587V12.864H16.087V17.207ZM11.251 17.207H12.751V6.792H11.251V17.207ZM6.414 17.207H7.914V9.677H6.414V17.207ZM2.25 21.75H21.75V2.25H2.25V21.75Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBoldChartIcon.displayName = 'IconlySharpBoldChartIcon';
+
+export const IconlySharpBoldChat2Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.9395 13.1315H16.5375V11.6315H14.9395V13.1315ZM11.2045 13.1315H12.8035V11.6315H11.2045V13.1315ZM7.47049 13.1315H9.06949V11.6315H7.47049V13.1315ZM18.9055 5.11948C17.0705 3.28448 14.6295 2.27448 12.0295 2.27448C9.43049 2.27448 6.98749 3.28548 5.15249 5.12048C3.31249 6.96048 2.30049 9.40447 2.30249 12.0055C2.30549 15.3565 2.25449 21.1995 2.25449 21.1995L2.25049 21.7085L2.75849 21.7045C2.81649 21.7035 8.56749 21.6525 11.8185 21.7235C11.8925 21.7245 11.9655 21.7255 12.0395 21.7255C14.6325 21.7255 17.0635 20.7185 18.9055 18.8765C22.6975 15.0835 22.6975 8.91248 18.9055 5.11948Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBoldChat2Icon.displayName = 'IconlySharpBoldChat2Icon';
+
+export const IconlySharpBoldChatIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.1421 13.1309H16.7401V11.6309H15.1421V13.1309ZM11.4071 13.1309H13.0061V11.6309H11.4071V13.1309ZM7.6731 13.1309H9.2721V11.6309H7.6731V13.1309ZM19.1081 5.11993C17.2731 3.28493 14.8321 2.27393 12.2321 2.27393C9.6331 2.27393 7.1901 3.28493 5.3551 5.12093C3.5151 6.95993 2.5031 9.40493 2.5051 12.0039C2.5051 14.6399 3.8891 17.1519 4.3911 17.9759L2.0481 21.7119L2.9611 21.7039C3.0191 21.7039 8.7711 21.6539 12.0211 21.7239C12.0941 21.7249 12.1661 21.7259 12.2381 21.7259C14.8341 21.7259 17.2661 20.7189 19.1081 18.8759C22.9001 15.0829 22.9001 8.91293 19.1081 5.11993Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBoldChatIcon.displayName = 'IconlySharpBoldChatIcon';
+
+export const IconlySharpBoldCloseSquareIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.461 14.389L14.4 15.45L11.999 13.051L9.599 15.447L8.539 14.386L10.938 11.991L8.539 9.593L9.6 8.532L12 10.931L14.401 8.534L15.461 9.596L13.061 11.991L15.461 14.389ZM12 2.25C6.624 2.25 2.25 6.624 2.25 12C2.25 17.376 6.624 21.75 12 21.75C17.376 21.75 21.75 17.376 21.75 12C21.75 6.624 17.376 2.25 12 2.25Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBoldCloseSquareIcon.displayName = 'IconlySharpBoldCloseSquareIcon';
+
+export const IconlySharpBoldDangerCircleIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.755 16.546H11.255L11.245 15.046H12.755V16.546ZM11.245 13.373H12.745V7.454H11.245V13.373ZM12 2.25C6.624 2.25 2.25 6.624 2.25 12C2.25 17.376 6.624 21.75 12 21.75C17.376 21.75 21.75 17.376 21.75 12C21.75 6.624 17.376 2.25 12 2.25Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBoldDangerCircleIcon.displayName = 'IconlySharpBoldDangerCircleIcon';
+
+export const IconlySharpBoldDangerTriangleIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.7655 17.5535H11.2655L11.2565 16.0535H12.7655V17.5535ZM11.2635 14.7665H12.7635V10.4655H11.2635V14.7665ZM12.3635 3.20947H11.6345L2.15649 19.8385L2.81249 20.7905H21.1305L21.8435 19.8525L12.3635 3.20947Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBoldDangerTriangleIcon.displayName = 'IconlySharpBoldDangerTriangleIcon';
+
+export const IconlySharpBoldDelete2Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.32958 6.076L9.13558 3.625H14.8666L15.6726 6.076H8.32958ZM11.2516 17.211H12.7516V10.738H11.2516V17.211ZM17.2516 6.076L15.9516 2.125H8.05058L6.75058 6.076H3.56958L5.08358 21.875H18.9186L20.4306 6.076H17.2516Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBoldDelete2Icon.displayName = 'IconlySharpBoldDelete2Icon';
+
+export const IconlySharpBoldDeleteIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.2501 17.533H12.7501V11.373H11.2501V17.533ZM4.08008 7.03297L5.50008 21.873H18.5001L19.9201 7.03297H4.08008Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M17.9381 3.56208H16.3571V2.12708H7.64307V3.56208H6.06207V5.06208H17.9381V3.56208Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBoldDeleteIcon.displayName = 'IconlySharpBoldDeleteIcon';
+
+export const IconlySharpBoldDiscountIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.6581 15.195L8.5971 14.134L14.1331 8.59897L15.1931 9.65997L9.6581 15.195ZM14.8241 14.822H13.3241L13.3161 13.322H14.8241V14.822ZM10.4711 8.96897V10.469H8.9711L8.9651 8.96897H10.4711ZM21.5521 11.602C19.6801 10.182 18.7171 7.85497 19.0361 5.52797L19.1261 4.87497L18.4721 4.96497C16.1521 5.28497 13.8181 4.31997 12.3981 2.44797L12.0001 1.92297L11.6011 2.44797C10.1811 4.31997 7.8481 5.28597 5.5271 4.96497L4.8741 4.87497L4.9641 5.52797C5.2831 7.85497 4.3191 10.182 2.4481 11.602L1.9231 12L2.4481 12.399C4.3191 13.818 5.2831 16.145 4.9641 18.473L4.8741 19.126L5.5271 19.036C7.8471 18.718 10.1811 19.68 11.6011 21.552L12.0001 22.077L12.3981 21.552C13.8181 19.68 16.1531 18.719 18.4721 19.036L19.1261 19.126L19.0361 18.473C18.7171 16.145 19.6801 13.818 21.5521 12.399L22.0771 12L21.5521 11.602Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBoldDiscountIcon.displayName = 'IconlySharpBoldDiscountIcon';
+
+export const IconlySharpBoldDiscoveryIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.124 14.123L8.688 15.312L9.878 9.877L15.312 8.687L14.124 14.123ZM12 2.25C6.624 2.25 2.25 6.624 2.25 12C2.25 17.376 6.624 21.75 12 21.75C17.376 21.75 21.75 17.376 21.75 12C21.75 6.624 17.376 2.25 12 2.25Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBoldDiscoveryIcon.displayName = 'IconlySharpBoldDiscoveryIcon';
+
+export const IconlySharpBoldDocumentIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.62146 9.979H15.1915V8.479H7.62146V9.979ZM7.62146 14.143H11.4375V12.643H7.62146V14.143ZM3.12646 21.75H20.8735V2.25H3.12646V21.75Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBoldDocumentIcon.displayName = 'IconlySharpBoldDocumentIcon';
+
+export const IconlySharpBoldDownload1Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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 8.67502V13.965C13.73 12.915 15.12 12.235 16.6 12.235H17.35V13.735H16.6C14.58 13.735 12.75 15.565 12.75 17.585V18.335H11.25V17.585C11.25 15.565 9.42 13.735 7.4 13.735H6.65V12.235H7.4C8.88 12.235 10.27 12.915 11.25 13.965V8.67502H2.25V21.105H21.75V8.67502H12.75Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M11.25 8.67502H12.75V2.89502H11.25V8.67502Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBoldDownload1Icon.displayName = 'IconlySharpBoldDownload1Icon';
+
+export const IconlySharpBoldDownloadIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.25 8.92871H12.75V2.42871H11.25V8.92871Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M12.75 8.92871V14.8887L15.28 12.3487L16.34 13.4087L12 17.7687L7.67 13.4087L8.73 12.3487L11.25 14.8887V8.92871H2.25V21.3587H21.75V8.92871H12.75Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBoldDownloadIcon.displayName = 'IconlySharpBoldDownloadIcon';
+
+export const IconlySharpBoldEditSquareIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.0025 11.398L12.5325 7.928L14.6985 5.762L18.1685 9.232L16.0025 11.398ZM5.42353 18.507L5.42053 15.041L11.4725 8.989L14.9415 12.459L8.88953 18.511L5.42353 18.507ZM2.26953 21.75H21.7305V2.25H2.26953V21.75Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBoldEditSquareIcon.displayName = 'IconlySharpBoldEditSquareIcon';
+
+export const IconlySharpBoldEditIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.6035 7.87999L15.9975 2.27399L2.39648 15.875L2.40148 21.476H2.40748V21.725L20.9685 21.726V20.226H9.25748L21.6035 7.87999Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBoldEditIcon.displayName = 'IconlySharpBoldEditIcon';
+
+export const IconlySharpBoldEmojiIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.998 12.551C16.998 15.307 14.756 17.549 12 17.549C9.244 17.549 7.002 15.307 7.002 12.551V11.801H8.502V12.551C8.502 14.48 10.071 16.049 12 16.049C13.929 16.049 15.498 14.48 15.498 12.551V11.801H16.998V12.551ZM12 2.25C6.624 2.25 2.25 6.624 2.25 12C2.25 17.376 6.624 21.75 12 21.75C17.376 21.75 21.75 17.376 21.75 12C21.75 6.624 17.376 2.25 12 2.25Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBoldEmojiIcon.displayName = 'IconlySharpBoldEmojiIcon';
+
+export const IconlySharpBoldFilter3Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.79102V7.19902L9.25 14.086V21.209L14.75 19.059V14.086L21.5 7.19902V2.79102H2.5Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBoldFilter3Icon.displayName = 'IconlySharpBoldFilter3Icon';
+
+export const IconlySharpBoldFilterIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.4951 8.00351H19.6371V6.50351H11.4951V8.00351Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M6.63 10.3047C8.356 10.3047 9.76 8.9087 9.76 7.1937C9.76 5.4777 8.356 4.0827 6.63 4.0827C4.904 4.0827 3.5 5.4777 3.5 7.1937C3.5 8.9087 4.904 10.3047 6.63 10.3047Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M4.3631 17.6165H12.5051V16.1165H4.3631V17.6165Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M17.3702 13.6943C15.6442 13.6943 14.2402 15.0903 14.2402 16.8053C14.2402 18.5213 15.6442 19.9173 17.3702 19.9173C19.0962 19.9173 20.5002 18.5213 20.5002 16.8053C20.5002 15.0903 19.0962 13.6943 17.3702 13.6943Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBoldFilterIcon.displayName = 'IconlySharpBoldFilterIcon';
+
+export const IconlySharpBoldFolderIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.88 15.8399H17.12V14.3399H6.88V15.8399ZM12.21 5.94992L9.95 3.16992H2.25V20.8299H21.75V5.94992H12.21Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBoldFolderIcon.displayName = 'IconlySharpBoldFolderIcon';
+
+export const IconlySharpBoldGameIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.9025 16.699H17.5065V15.199H15.9025V16.699ZM14.1365 13.217H15.7405V11.717H14.1365V13.217ZM11.2525 14.931H9.39253V16.754H7.89253V14.931H6.03053V13.431H7.89253V11.607H9.39253V13.431H11.2525V14.931ZM15.7625 6.793H12.7505V6.445C12.7435 4.926 11.4845 3.686 9.94053 3.681H8.91153C8.59053 3.681 8.32853 3.431 8.32853 3.125V2.375H6.82853V3.125C6.82853 4.258 7.76353 5.181 8.91153 5.181H9.93753C10.6585 5.183 11.2475 5.754 11.2505 6.449V6.793H8.23753C4.14753 6.793 0.821533 10.12 0.821533 14.209C0.821533 18.298 4.14753 21.625 8.23753 21.625H15.7625C19.8525 21.625 23.1785 18.298 23.1785 14.209C23.1785 10.12 19.8525 6.793 15.7625 6.793Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBoldGameIcon.displayName = 'IconlySharpBoldGameIcon';
+
+export const IconlySharpBoldGraphIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.9735 5.24133H10.4735C8.83547 5.24133 7.24947 5.72233 5.88747 6.63233C4.52547 7.54233 3.47447 8.82333 2.84747 10.3363C2.22047 11.8493 2.05847 13.4993 2.37847 15.1053C2.69747 16.7133 3.47847 18.1743 4.63747 19.3313C5.79447 20.4893 7.25547 21.2703 8.86247 21.5903C9.39847 21.6973 9.93847 21.7503 10.4775 21.7503C11.5535 21.7503 12.6225 21.5383 13.6315 21.1203C15.1445 20.4933 16.4265 19.4433 17.3355 18.0813C18.2455 16.7193 18.7265 15.1343 18.7265 13.4953V12.9953H10.9735V5.24133Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M19.3637 4.66663C17.8057 3.10763 15.7327 2.24963 13.5277 2.24963H13.0277V11.0026H21.7817V10.5026C21.7817 8.29863 20.9227 6.22663 19.3637 4.66663Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBoldGraphIcon.displayName = 'IconlySharpBoldGraphIcon';
+
+export const IconlySharpBoldHeartIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.4411 3.37104C15.3451 2.69404 13.4341 3.25804 12.0001 4.95404C10.5651 3.25604 8.65409 2.69504 6.56009 3.37104C3.91309 4.22304 2.26209 6.61404 2.25009 9.61004C2.22609 14.744 7.16709 18.766 11.7981 20.818L12.0011 20.908L12.2041 20.818C16.8361 18.766 21.7751 14.744 21.7501 9.61004C21.7381 6.61404 20.0871 4.22304 17.4411 3.37104Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBoldHeartIcon.displayName = 'IconlySharpBoldHeartIcon';
+
+export const IconlySharpBoldHeart2Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.3911 11.6454C15.4051 13.3394 13.7571 14.3834 12.0781 14.3834C12.0311 14.3834 11.9841 14.3834 11.9361 14.3834C10.2821 14.3834 8.63409 13.3394 7.64809 11.6454L7.27009 10.9974L8.56709 10.2424L8.94409 10.8904C9.51409 11.8694 10.6001 12.9344 12.0071 12.8824C13.4241 12.9264 14.5251 11.8704 15.0951 10.8904L15.4721 10.2424L16.7681 10.9974L16.3911 11.6454ZM17.4401 3.37038C15.3431 2.69438 13.4341 3.25738 12.0001 4.95538C10.5651 3.25738 8.65609 2.69438 6.55909 3.37038C3.91309 4.22338 2.26209 6.61538 2.25009 9.61138C2.22509 14.7454 7.16609 18.7674 11.7981 20.8184L12.0011 20.9084L12.2041 20.8184C16.8351 18.7664 21.7751 14.7444 21.7501 9.61038C21.7381 6.61438 20.0871 4.22338 17.4401 3.37038Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBoldHeart2Icon.displayName = 'IconlySharpBoldHeart2Icon';
+
+export const IconlySharpBoldHideIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.5825 6.97952L20.7755 6.12152L20.3465 7.02452C19.0095 9.83852 16.9355 11.8045 14.5455 12.6265L14.3445 12.6845C13.5875 12.9225 12.8035 13.0575 11.9995 13.0575C8.56748 13.0565 5.44748 10.8015 3.65348 7.02452L3.22448 6.12152L1.41748 6.97952L1.84648 7.88252C2.44748 9.14652 3.18348 10.2615 4.01948 11.2195L1.80648 13.4345L3.22048 14.8475L5.44648 12.6205C6.34548 13.3645 7.32648 13.9475 8.36448 14.3575L7.50348 17.3205L9.42448 17.8785L10.2885 14.9035C10.8485 15.0025 11.4185 15.0575 11.9985 15.0575H12.0015C12.5555 15.0575 13.1005 15.0085 13.6355 14.9185L14.4955 17.8785L16.4155 17.3205L15.5635 14.3845C16.6115 13.9795 17.6035 13.4015 18.5115 12.6575L20.7005 14.8475L22.1155 13.4345L19.9435 11.2615C20.7955 10.2945 21.5435 9.16552 22.1535 7.88252L22.5825 6.97952Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBoldHideIcon.displayName = 'IconlySharpBoldHideIcon';
+
+export const IconlySharpBoldHome2Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.8969 2.19348L3.05688 8.54748V21.8065H9.95588V16.7275H14.0779V21.8065H20.9429V8.54448L11.8969 2.19348Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBoldHome2Icon.displayName = 'IconlySharpBoldHome2Icon';
+
+export const IconlySharpBoldHomeIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.25 17.107H12.75V12.198H11.25V17.107ZM12 2.00598L0.875977 11.538L1.85298 12.677L3.59298 11.186V21.994H20.41V11.188L22.147 12.677L23.124 11.538L12 2.00598Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBoldHomeIcon.displayName = 'IconlySharpBoldHomeIcon';
+
+export const IconlySharpBoldImage3Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.037 20.199H4.118L3.921 19.796L7.591 15.052L7.948 15.012L10.439 17.096L14.264 11.726L14.674 11.729L20.243 19.807L20.037 20.199ZM8.646 6.27C9.917 6.271 10.952 7.305 10.953 8.575C10.953 9.847 9.918 10.881 8.646 10.881C7.376 10.881 6.342 9.847 6.342 8.575C6.342 7.304 7.376 6.27 8.646 6.27ZM2.25 21.75H21.75V2.25H2.25V21.75Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBoldImage3Icon.displayName = 'IconlySharpBoldImage3Icon';
+
+export const IconlySharpBoldImageIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.638 18.428L18.492 18.46H5.671L5.499 18.188L7.912 13.72L8.291 13.747L11.443 15.336L14.406 11.403H14.768L18.819 18.198L18.638 18.428ZM8.507 5.941C9.704 5.943 10.678 6.917 10.678 8.112C10.678 9.308 9.704 10.282 8.507 10.282C7.311 10.282 6.337 9.308 6.337 8.112C6.337 6.914 7.311 5.941 8.507 5.941ZM2.25 21.75H21.75V2.25H2.25V21.75Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBoldImageIcon.displayName = 'IconlySharpBoldImageIcon';
+
+export const IconlySharpBoldInfoSquareIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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 8.954H11.25L11.24 7.454H12.75V8.954ZM11.244 16.75H12.744V11.25H11.244V16.75ZM2.25 21.75H21.75V2.25H2.25V21.75Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBoldInfoSquareIcon.displayName = 'IconlySharpBoldInfoSquareIcon';
+
+export const IconlySharpBoldLocation2Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.0004 12.5C10.5394 12.5 9.35044 11.311 9.35044 9.85C9.35044 8.389 10.5394 7.2 12.0004 7.2C13.4614 7.2 14.6504 8.389 14.6504 9.85C14.6504 11.311 13.4614 12.5 12.0004 12.5ZM17.4314 4.119C15.9504 2.591 14.0214 1.75 11.9994 1.75C9.97744 1.75 8.04744 2.592 6.56544 4.121C5.06144 5.672 4.23544 7.756 4.30044 9.838C4.40444 13.182 6.66644 15.623 8.66244 17.776C10.1854 19.418 11.4994 20.836 11.4994 22.25H12.4994C12.4994 20.792 13.8164 19.392 15.3404 17.77C17.3344 15.649 19.5954 13.245 19.6994 9.838C19.7634 7.755 18.9364 5.67 17.4314 4.119Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBoldLocation2Icon.displayName = 'IconlySharpBoldLocation2Icon';
+
+export const IconlySharpBoldLocationIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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 13.495C10.491 13.495 9.26302 12.268 9.26302 10.759C9.26302 9.25 10.491 8.022 12 8.022C13.509 8.022 14.736 9.25 14.736 10.759C14.736 12.268 13.509 13.495 12 13.495ZM17.614 4.652C16.083 3.073 14.089 2.203 12 2.203C9.90902 2.203 7.91502 3.073 6.38302 4.653C4.82802 6.257 3.97402 8.412 4.04102 10.566C4.23002 16.67 11.42 21.423 11.727 21.622L11.996 21.797L12.268 21.625C12.574 21.431 19.769 16.793 19.959 10.565C20.025 8.412 19.17 6.256 17.614 4.652Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBoldLocationIcon.displayName = 'IconlySharpBoldLocationIcon';
+
+export const IconlySharpBoldLockIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.8099 9.00251H8.18989V7.40951C8.19389 6.39551 8.59289 5.44251 9.31489 4.72751C10.0329 4.01651 10.9819 3.62551 11.9939 3.62551H12.0099C14.1059 3.62551 15.8099 5.33051 15.8099 7.42651V9.00251ZM11.1099 17.2995H12.6099V13.5785H11.1099V17.2995ZM17.3099 9.00251V7.42651C17.3099 4.50351 14.9319 2.12551 12.0129 2.12551C10.6099 2.09651 9.26489 2.66551 8.25989 3.66151C7.25289 4.65851 6.69589 5.98751 6.68989 7.42651V9.00251H3.88989V21.8755H20.1099V9.00251H17.3099Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBoldLockIcon.displayName = 'IconlySharpBoldLockIcon';
+
+export const IconlySharpBoldLogin1Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.67499 2.27002V11.27H13.965C12.915 10.29 12.235 8.90002 12.235 7.42002V6.67002H13.735V7.42002C13.735 9.44002 15.565 11.27 17.585 11.27H18.335V12.77H17.585C15.565 12.77 13.735 14.6 13.735 16.61V17.36H12.235V16.61C12.235 15.13 12.915 13.75 13.965 12.77H8.67499V21.77H21.105V2.27002H8.67499Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M2.89502 12.77H8.67499V11.27H2.89502V12.77Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBoldLogin1Icon.displayName = 'IconlySharpBoldLogin1Icon';
+
+export const IconlySharpBoldLoginIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.53491 12.75H9.03491V11.25H2.53491V12.75Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M9.03491 2.25V11.25H14.9949L12.4649 8.73L13.5149 7.66L17.8749 12L13.5149 16.34L12.4649 15.27L14.9949 12.75H9.03491V21.75H21.4649V2.25H9.03491Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBoldLoginIcon.displayName = 'IconlySharpBoldLoginIcon';
+
+export const IconlySharpBoldLogout1Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.91308 11.27H13.1731V2.27002H1.65308V21.77H13.1731V12.77H6.91308V11.27Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M21.596 11.2701C19.584 11.2691 17.752 9.43712 17.752 7.42412V6.67412H16.252V7.42412C16.252 8.90112 16.927 10.2811 17.971 11.2701L13.1731 11.27V12.77L17.971 12.7701C16.927 13.7591 16.252 15.1381 16.252 16.6151V17.3651H17.752V16.6151C17.752 14.6031 19.585 12.7701 21.597 12.7701H22.347V11.2701H21.596Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBoldLogout1Icon.displayName = 'IconlySharpBoldLogout1Icon';
+
+export const IconlySharpBoldLogoutIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.2309 7.6646L17.1729 8.7276L19.7069 11.2496H13.5049V12.7496H19.7069L17.1729 15.2736L18.2319 16.3366L22.5869 11.9996L18.2309 7.6646Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M7.24535 11.25L13.5049 11.2496L13.5054 2.25H1.98535V21.75H13.5054L13.5049 12.7496L7.24535 12.75V11.25Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBoldLogoutIcon.displayName = 'IconlySharpBoldLogoutIcon';
+
+export const IconlySharpBoldMessageIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.04 14.501L5.22 8.96L6.165 7.795L12.04 12.568L17.913 7.795L18.859 8.959L12.04 14.501ZM1.5 21.5H22.5V2.5H1.5V21.5Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBoldMessageIcon.displayName = 'IconlySharpBoldMessageIcon';
+
+export const IconlySharpBoldMoreCircleIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path fillRule="evenodd" clipRule="evenodd" d="M6.21876 13.8129C4.03076 13.8129 2.24976 15.5929 2.24976 17.7819C2.24976 19.9699 4.03076 21.7499 6.21876 21.7499C8.40676 21.7499 10.1878 19.9699 10.1878 17.7819C10.1878 15.5929 8.40676 13.8129 6.21876 13.8129Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M17.7813 13.8129C15.5933 13.8129 13.8123 15.5929 13.8123 17.7819C13.8123 19.9699 15.5933 21.7499 17.7813 21.7499C19.9693 21.7499 21.7503 19.9699 21.7503 17.7819C21.7503 15.5929 19.9693 13.8129 17.7813 13.8129Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M15.9687 6.21912C15.9687 4.03112 14.1887 2.25012 11.9997 2.25012C9.81174 2.25012 8.03174 4.03112 8.03174 6.21912C8.03174 8.40712 9.81174 10.1881 11.9997 10.1881C14.1887 10.1881 15.9687 8.40712 15.9687 6.21912Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBoldMoreCircleIcon.displayName = 'IconlySharpBoldMoreCircleIcon';
+
+export const IconlySharpBoldMoreSquareIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.699 12.763H15.199L15.19 11.263H16.699V12.763ZM12.689 12.763H11.189L11.18 11.263H12.689V12.763ZM8.68 12.763H7.18L7.171 11.263H8.68V12.763ZM2.25 21.75H21.75V2.25H2.25V21.75Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBoldMoreSquareIcon.displayName = 'IconlySharpBoldMoreSquareIcon';
+
+export const IconlySharpBoldNotification2Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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 20.46C10.76 20.46 9.74995 19.52 9.60995 18.32H14.39C14.25 19.52 13.24 20.46 12 20.46ZM18.69 13.27V8.89998C18.69 8.72998 18.68 8.55998 18.67 8.39998C18.28 8.51998 17.86 8.58998 17.43 8.58998C15.21 8.58998 13.4 6.78998 13.4 4.55998C13.4 3.80998 13.6 3.10998 13.97 2.50998C13.35 2.30998 12.69 2.20998 12 2.20998C8.30995 2.20998 5.30995 5.20998 5.30995 8.89998V13.27L3.69995 14.91V18.32H8.10995C8.25995 20.35 9.92995 21.96 12 21.96C14.07 21.96 15.75 20.35 15.89 18.32H20.3V14.91L18.69 13.27Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M17.43 7.08998C17.77 7.08998 18.09 7.01998 18.39 6.89998C19.31 6.51998 19.96 5.61998 19.96 4.55998C19.96 3.16998 18.83 2.03998 17.43 2.03998C16.57 2.03998 15.81 2.46998 15.35 3.11998C15.07 3.52998 14.9 4.01998 14.9 4.55998C14.9 5.95998 16.04 7.08998 17.43 7.08998Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBoldNotification2Icon.displayName = 'IconlySharpBoldNotification2Icon';
+
+export const IconlySharpBoldNotification3Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.0005 20.8755C10.7265 20.8755 9.68646 19.9055 9.54946 18.6665H14.4525C14.3155 19.9055 13.2745 20.8755 12.0005 20.8755ZM20.9045 18.6665L20.3645 17.8825C19.3465 16.4055 18.8085 14.6775 18.8085 12.8855V10.0925C18.8085 6.59151 16.1525 3.70151 12.7505 3.32651V1.62451H11.2505V3.32651C7.84846 3.70151 5.19146 6.59151 5.19146 10.0925V12.8855C5.19146 14.6795 4.65346 16.4075 3.63546 17.8825L3.09546 18.6665H8.04946C8.19146 20.7325 9.89946 22.3755 12.0005 22.3755C14.1015 22.3755 15.8105 20.7325 15.9525 18.6665H20.9045Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBoldNotification3Icon.displayName = 'IconlySharpBoldNotification3Icon';
+
+export const IconlySharpBoldNotificationIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.0015 20.375C10.7625 20.375 9.75047 19.435 9.61247 18.232H14.3895C14.2515 19.435 13.2395 20.375 12.0015 20.375ZM20.5195 18.232L18.6875 13.304V8.813C18.6875 5.125 15.6875 2.125 12.0005 2.125C8.31247 2.125 5.31247 5.125 5.31247 8.813V13.304L3.48047 18.232H8.11247C8.25547 20.262 9.93547 21.875 12.0015 21.875C14.0665 21.875 15.7465 20.262 15.8895 18.232H20.5195Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBoldNotificationIcon.displayName = 'IconlySharpBoldNotificationIcon';
+
+export const IconlySharpBoldPaperDownload1Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.2901 8.341V3.681L18.7601 8.341H14.2901ZM13.7651 16.052H13.0151C12.0541 16.052 11.1781 16.928 11.1781 17.889V18.639H9.67808V17.889C9.67808 16.928 8.80208 16.052 7.84108 16.052H7.09108V14.552H7.84108C8.50808 14.552 9.14408 14.772 9.67808 15.139V9.293H11.1781V15.139C11.7131 14.772 12.3481 14.552 13.0151 14.552H13.7651V16.052ZM14.7801 2.25H3.83008V21.75H20.1701V7.87L14.7801 2.25Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBoldPaperDownload1Icon.displayName = 'IconlySharpBoldPaperDownload1Icon';
+
+export const IconlySharpBoldPaperDownloadIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.2901 8.341V3.681L18.7601 8.341H14.2901ZM10.8881 17.973L7.46408 14.534L8.52608 13.475L10.1371 15.093V9.503H11.6371V15.094L13.2481 13.475L14.3111 14.533L10.8881 17.973ZM14.7801 2.25H3.83008V21.75H20.1701V7.87L14.7801 2.25Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBoldPaperDownloadIcon.displayName = 'IconlySharpBoldPaperDownloadIcon';
+
+export const IconlySharpBoldPaperFailIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.2901 8.341V3.681L18.7601 8.341H14.2901ZM14.1221 15.847L13.0611 16.908L11.3151 15.162L9.56908 16.908L8.50808 15.847L10.2541 14.101L8.50608 12.353L9.56708 11.293L11.3151 13.041L13.0631 11.293L14.1231 12.353L12.3751 14.101L14.1221 15.847ZM14.7801 2.25H3.83008V21.75H20.1701V7.87L14.7801 2.25Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBoldPaperFailIcon.displayName = 'IconlySharpBoldPaperFailIcon';
+
+export const IconlySharpBoldPaperNegativeIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.2901 8.341V3.681L18.7601 8.341H14.2901ZM8.24808 15.176H14.6881V13.676H8.24808V15.176ZM14.7801 2.25H3.83008V21.75H20.1701V7.87L14.7801 2.25Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBoldPaperNegativeIcon.displayName = 'IconlySharpBoldPaperNegativeIcon';
+
+export const IconlySharpBoldPaperPlusIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.2901 8.341V3.681L18.7601 8.341H14.2901ZM14.5081 15.176H12.0401V17.646H10.5401V15.176H8.06908V13.676H10.5401V11.206H12.0401V13.676H14.5081V15.176ZM14.7801 2.25H3.83008V21.75H20.1701V7.87L14.7801 2.25Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBoldPaperPlusIcon.displayName = 'IconlySharpBoldPaperPlusIcon';
+
+export const IconlySharpBoldPaperUpload1Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.2901 8.341V3.681L18.7601 8.341H14.2901ZM13.7651 13.38H13.0151C12.3491 13.38 11.7131 13.161 11.1781 12.793V18.639H9.67808V12.793C9.14408 13.161 8.50808 13.38 7.84108 13.38H7.09108V11.88H7.84108C8.80208 11.88 9.67808 11.004 9.67808 10.043V9.293H11.1781V10.043C11.1781 11.004 12.0541 11.88 13.0151 11.88H13.7651V13.38ZM14.7801 2.25H3.83008V21.75H20.1701V7.87L14.7801 2.25Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBoldPaperUpload1Icon.displayName = 'IconlySharpBoldPaperUpload1Icon';
+
+export const IconlySharpBoldPaperUploadIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.2901 8.341V3.681L18.7601 8.341H14.2901ZM13.2501 13.687L11.6371 12.068V17.66H10.1371V12.07L8.52608 13.687L7.46408 12.629L10.8881 9.19L14.3121 12.629L13.2501 13.687ZM14.7801 2.25H3.83008V21.75H20.1701V7.87L14.7801 2.25Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBoldPaperUploadIcon.displayName = 'IconlySharpBoldPaperUploadIcon';
+
+export const IconlySharpBoldPaperIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.2901 8.341V3.681L18.7601 8.341H14.2901ZM8.05308 17.052H14.9971V15.552H8.05308V17.052ZM8.05208 13.269H12.9351V11.769H8.05208V13.269ZM14.7801 2.25H3.83008V21.75H20.1701V7.87L14.7801 2.25Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBoldPaperIcon.displayName = 'IconlySharpBoldPaperIcon';
+
+export const IconlySharpBoldPasswordIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.76 14.602H16.26V12.75H14.932V14.602H13.432V12.75H11.316C10.992 13.818 10.009 14.602 8.837 14.602C7.403 14.602 6.236 13.435 6.236 12C6.236 10.566 7.403 9.398 8.837 9.398C10.01 9.4 10.992 10.183 11.316 11.25H17.76V14.602ZM2.25 21.75H21.75V2.25H2.25V21.75Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M8.83911 10.8983C8.23011 10.8983 7.73511 11.3923 7.73511 12.0003C7.73511 12.6083 8.23011 13.1023 8.83711 13.1023C9.44511 13.1023 9.94011 12.6083 9.94011 12.0003C9.94011 11.3933 9.44611 10.8983 8.83911 10.8983Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBoldPasswordIcon.displayName = 'IconlySharpBoldPasswordIcon';
+
+export const IconlySharpBoldPlayIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.003 15.379V8.611L15.332 11.995L10.003 15.379ZM12 2.25C6.624 2.25 2.25 6.624 2.25 12C2.25 17.376 6.624 21.75 12 21.75C17.376 21.75 21.75 17.376 21.75 12C21.75 6.624 17.376 2.25 12 2.25Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBoldPlayIcon.displayName = 'IconlySharpBoldPlayIcon';
+
+export const IconlySharpBoldPlusIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.417 12.74H12.75V16.404H11.25V12.74H7.584V11.24H11.25V7.577H12.75V11.24H16.417V12.74ZM2.25 21.75H21.75V2.25H2.25V21.75Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBoldPlusIcon.displayName = 'IconlySharpBoldPlusIcon';
+
+export const IconlySharpBoldProfileIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.5195 19.3911C18.5035 16.1781 15.7735 14.3371 12.0265 14.3371H11.9995C8.24255 14.3161 5.49855 16.1701 4.48055 19.3911L4.36255 19.7651L4.69655 19.9691C6.65455 21.1631 9.09655 21.7681 11.9525 21.7681C11.9845 21.7681 12.0165 21.7681 12.0475 21.7681C14.9435 21.7681 17.3175 21.1791 19.3035 19.9691L19.6375 19.7651L19.5195 19.3911Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M12.0001 12.1089C14.7231 12.1089 16.9391 9.89393 16.9391 7.17093C16.9391 4.44693 14.7231 2.23193 12.0001 2.23193C9.27707 2.23193 7.06207 4.44693 7.06207 7.17093C7.06207 9.89393 9.27707 12.1089 12.0001 12.1089Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBoldProfileIcon.displayName = 'IconlySharpBoldProfileIcon';
+
+export const IconlySharpBoldQRIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.89976 18.1404H7.39976V16.5504H5.89976V18.1404ZM2.49976 21.5004H10.8098V13.1904H2.49976V21.5004Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M16.5998 18.1404H18.0998V16.5504H16.5998V18.1404ZM13.1898 21.5004H21.4998V13.1904H13.1898V21.5004Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M14.6941 3.99957H17.1251V2.49957H13.1941V8.11857H14.6941V3.99957Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M13.1948 10.8044H16.9148V9.30437H13.1948V10.8044Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M18.2981 2.49957V3.99957H20.0001V5.70057H21.5001V2.49957H18.2981Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M19.9998 9.30416H18.2978V10.8042H21.4998V6.87416H19.9998V9.30416Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M15.5174 4.86427V8.58327H18.8464V7.08327H17.0174V4.86427H15.5174Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M19.4432 4.85446L17.9432 4.86446V6.36446H19.4432V4.85446Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M5.89976 7.45037H7.39976V5.85037H5.89976V7.45037ZM2.49976 10.8004H10.8098V2.50037H2.49976V10.8004Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBoldQRIcon.displayName = 'IconlySharpBoldQRIcon';
+
+export const IconlySharpBoldScanIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.1276V13.5376H3.03V20.9676H9.26V19.4676H4.53V13.5376H6.55V17.5476H17.7V13.5376H19.47V19.4676H14.77V20.9676H20.97V13.5376H22.75V12.1276H1.25Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M19.4683 9.52768H20.9683V3.03268H14.7653V4.53268H19.4683V9.52768Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M4.5312 4.53247H9.2632V3.03247H3.0312V9.52747H4.5312V4.53247Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M6.55 10.6276H17.7V6.38757H6.55V10.6276Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBoldScanIcon.displayName = 'IconlySharpBoldScanIcon';
+
+export const IconlySharpBoldSearchIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.75244 10.5815C3.75244 6.70046 6.91044 3.54346 10.7914 3.54346C14.6714 3.54346 17.8294 6.70046 17.8294 10.5815C17.8294 14.4625 14.6714 17.6205 10.7914 17.6205C6.91044 17.6205 3.75244 14.4625 3.75244 10.5815ZM22.2474 21.0405L17.6484 16.4535C19.0044 14.8725 19.8294 12.8235 19.8294 10.5815C19.8294 5.59846 15.7744 1.54346 10.7914 1.54346C5.80744 1.54346 1.75244 5.59846 1.75244 10.5815C1.75244 15.5655 5.80744 19.6205 10.7914 19.6205C12.8134 19.6205 14.6764 18.9445 16.1834 17.8175L20.8354 22.4565L22.2474 21.0405Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBoldSearchIcon.displayName = 'IconlySharpBoldSearchIcon';
+
+export const IconlySharpBoldSendIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.4015 2.15198L2.5455 7.75798L2.1875 7.89398V8.53398L9.5675 13.466L15.2175 7.81598L16.2785 8.87698L10.6165 14.538L15.3535 21.626L15.5265 21.848H16.1685L21.7625 2.89398L21.8125 2.58198L21.4015 2.15198Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBoldSendIcon.displayName = 'IconlySharpBoldSendIcon';
+
+export const IconlySharpBoldSetting2Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.0011 15.1C10.2921 15.1 8.9011 13.709 8.9011 12C8.9011 10.291 10.2921 8.90003 12.0011 8.90003C13.7101 8.90003 15.1011 10.291 15.1011 12C15.1011 13.709 13.7101 15.1 12.0011 15.1ZM17.2891 2.84003H6.7111L1.4231 12L6.7111 21.16H17.2891L22.5771 12L17.2891 2.84003Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBoldSetting2Icon.displayName = 'IconlySharpBoldSetting2Icon';
+
+export const IconlySharpBoldSettingIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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 15.937C9.82898 15.937 8.06298 14.171 8.06298 12C8.06298 9.82901 9.82898 8.06201 12 8.06201C14.171 8.06201 15.938 9.82901 15.938 12C15.938 14.171 14.171 15.937 12 15.937ZM21.718 9.12701L18.918 8.00701L19.348 5.02001L14.372 2.14801L12.001 4.01401L9.62898 2.14801L4.65298 5.02001L5.08298 8.00701L2.28198 9.12701V14.873L5.08398 15.994L4.65398 18.979L9.62998 21.852L12.001 19.987L14.371 21.852L19.347 18.979L18.917 15.993L21.718 14.873V9.12701Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBoldSettingIcon.displayName = 'IconlySharpBoldSettingIcon';
+
+export const IconlySharpBoldShieldDoneIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.2781 13.6405L8.32608 10.6835L9.38808 9.62353L11.2791 11.5185L15.1761 7.61953L16.2371 8.67953L11.2781 13.6405ZM3.63208 2.48853V12.0385C3.63208 18.8985 11.7741 21.4425 11.8561 21.4675L12.0011 21.5115L12.1461 21.4675C12.2281 21.4425 20.3681 18.8985 20.3681 12.0385V2.48853H3.63208Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBoldShieldDoneIcon.displayName = 'IconlySharpBoldShieldDoneIcon';
+
+export const IconlySharpBoldShieldFailIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.9731 13.009L13.9121 14.07L11.9851 12.143L10.0581 14.07L8.99808 13.009L10.9251 11.082L8.99808 9.15501L10.0581 8.09401L11.9851 10.021L13.9121 8.09401L14.9731 9.15501L13.0461 11.082L14.9731 13.009ZM3.63208 2.48901V12.039C3.63208 18.899 11.7731 21.443 11.8551 21.467L12.0001 21.511L12.1451 21.467C12.2271 21.443 20.3681 18.899 20.3681 12.039V2.48901H3.63208Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBoldShieldFailIcon.displayName = 'IconlySharpBoldShieldFailIcon';
+
+export const IconlySharpBoldShowIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.9992 10.31C9.9802 10.31 8.3382 11.953 8.3382 13.972C8.3382 15.991 9.9802 17.633 11.9992 17.633C14.0182 17.633 15.6612 15.991 15.6612 13.972C15.6612 11.953 14.0182 10.31 11.9992 10.31Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M22.1535 13.5419C20.0195 9.05094 16.2245 6.36894 12.0025 6.36694H11.9985C7.77548 6.36894 3.98048 9.05094 1.84648 13.5419L1.41748 14.4449L3.22448 15.3039L3.65348 14.3999C5.44748 10.6229 8.56748 8.36794 12.0005 8.36694C15.4325 8.36794 18.5525 10.6229 20.3465 14.3999L20.7765 15.3039L22.5825 14.4449L22.1535 13.5419Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBoldShowIcon.displayName = 'IconlySharpBoldShowIcon';
+
+export const IconlySharpBoldStar2Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.25 11H14.414L19.955 5.459L18.541 4.045L13 9.586V1.75H11V9.585L5.46 4.045L4.046 5.459L9.587 11H1.75V13H9.587L4.046 18.541L5.46 19.955L11 14.415V22.25H13V14.413L18.541 19.954L19.955 18.54L14.415 13H22.25V11Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBoldStar2Icon.displayName = 'IconlySharpBoldStar2Icon';
+
+export const IconlySharpBoldStar3Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.8886 9.113L11.9996 1.31L9.11157 9.113L1.30957 12L9.11157 14.887L11.9996 22.69L14.8886 14.887L22.6906 12L14.8886 9.113Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBoldStar3Icon.displayName = 'IconlySharpBoldStar3Icon';
+
+export const IconlySharpBoldStar4Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.4236 11.5315C17.2756 9.9975 14.0116 6.7335 12.4686 2.5765L11.9996 1.3125L11.5306 2.5765C9.98762 6.7335 6.72462 9.9975 2.57562 11.5315L1.30762 12.0005L2.57562 12.4685C6.72462 14.0025 9.98762 17.2665 11.5306 21.4245L11.9996 22.6875L12.4686 21.4245C14.0116 17.2665 17.2756 14.0025 21.4236 12.4685L22.6926 12.0005L21.4236 11.5315Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBoldStar4Icon.displayName = 'IconlySharpBoldStar4Icon';
+
+export const IconlySharpBoldStar5Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.3399 9.67902H14.4439L11.9999 2.17102L9.55691 9.67902H1.65991L8.05191 14.32L5.60991 21.829L11.9999 17.188L18.3909 21.829L15.9479 14.32L22.3399 9.67902Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBoldStar5Icon.displayName = 'IconlySharpBoldStar5Icon';
+
+export const IconlySharpBoldStar6Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.5889 6.46348L14.1169 8.33748L11.9999 0.930481L9.88289 8.33748L2.41089 6.46348L7.77389 12.0005L2.41089 17.5365L9.88289 15.6625L11.9999 23.0695L14.1169 15.6625L21.5889 17.5365L16.2269 12.0005L21.5889 6.46348Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBoldStar6Icon.displayName = 'IconlySharpBoldStar6Icon';
+
+export const IconlySharpBoldStar7Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.5215 12L17.3455 9.78602L19.4385 4.56002L14.2175 6.65402L12.0005 1.48102L9.78252 6.65402L4.56152 4.56002L6.65452 9.78602L1.47852 12L6.65452 14.214L4.56152 19.44L9.78252 17.346L12.0005 22.519L14.2175 17.346L19.4385 19.44L17.3455 14.214L22.5215 12Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBoldStar7Icon.displayName = 'IconlySharpBoldStar7Icon';
+
+export const IconlySharpBoldStarIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.375 11.5156C17.015 10.3916 13.608 6.98456 12.484 2.62456L12 0.747559L11.516 2.62456C10.392 6.98456 6.98505 10.3916 2.62505 11.5156L0.748047 11.9996L2.62505 12.4846C6.98505 13.6086 10.392 17.0156 11.516 21.3746L12 23.2526L12.484 21.3746C13.608 17.0156 17.015 13.6086 21.375 12.4846L23.252 11.9996L21.375 11.5156Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M18.7511 7.74697C18.7511 6.58497 20.0251 5.24797 21.2501 5.24797C20.0711 5.24797 18.7511 3.89697 18.7511 2.74997C18.7511 3.89697 17.4431 5.24797 16.2531 5.24797C17.3981 5.24797 18.7511 6.57797 18.7511 7.74697Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBoldStarIcon.displayName = 'IconlySharpBoldStarIcon';
+
+export const IconlySharpBoldSwapIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.2498 14.5548C19.9058 14.5548 18.6398 15.0888 17.6498 15.9438V5.20976H15.6498V15.9408C14.6628 15.0868 13.3998 14.5548 12.0598 14.5548H11.0598V16.5548H12.0598C13.9378 16.5548 15.6498 18.2688 15.6498 20.1508V21.1508H17.6498V20.1508C17.6498 18.2688 19.3658 16.5548 21.2498 16.5548H22.2498V14.5548H21.2498Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M11.9402 9.44537H12.9402V7.44537H11.9402C10.0612 7.44537 8.34924 5.73137 8.34924 3.84937V2.84937H6.34924V3.84937C6.34924 5.73137 4.63324 7.44537 2.75024 7.44537H1.75024V9.44537H2.75024C4.09324 9.44537 5.36024 8.91137 6.34924 8.05637V18.7894H8.34924V8.05937C9.33624 8.91337 10.6002 9.44537 11.9402 9.44537Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBoldSwapIcon.displayName = 'IconlySharpBoldSwapIcon';
+
+export const IconlySharpBoldTickSquareIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.4693 15.308L12.2543 15.689H11.4143L11.1613 15.353C11.1463 15.33 9.6593 13.108 7.7373 11.892L7.1023 11.492L7.9043 10.224L8.5373 10.624C9.9223 11.499 11.0723 12.777 11.7503 13.63C12.8153 12.025 15.3093 8.682 19.1343 5.971C17.3473 3.709 14.5863 2.25 11.4873 2.25C6.1113 2.25 1.7373 6.624 1.7373 12C1.7373 17.376 6.1113 21.75 11.4873 21.75C16.8633 21.75 21.2373 17.376 21.2373 12C21.2373 10.263 20.7753 8.635 19.9763 7.221C15.1433 10.667 12.4983 15.257 12.4693 15.308Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBoldTickSquareIcon.displayName = 'IconlySharpBoldTickSquareIcon';
+
+export const IconlySharpBoldTicketStarIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.474 15.393L11.999 14.176L9.524 15.393L9.917 12.662L7.994 10.684L10.712 10.214L11.999 7.77398L13.287 10.214L16.004 10.684L14.081 12.662L14.474 15.393ZM21.25 10.511H21.75V4.09998H2.25V10.589H2.75C3.613 10.589 4.263 11.196 4.263 12.001C4.263 12.821 3.584 13.489 2.75 13.489H2.25V19.9H21.75V13.489H21.25C20.415 13.489 19.737 12.821 19.737 12.001C19.737 11.179 20.415 10.511 21.25 10.511Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBoldTicketStarIcon.displayName = 'IconlySharpBoldTicketStarIcon';
+
+export const IconlySharpBoldTicketIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.961 15.087H14.461V9.12798H12.961V15.087ZM21.25 10.512H21.75V4.09998H14.461V6.82098H12.961V4.09998H2.25V10.59H2.75C3.613 10.59 4.263 11.196 4.263 12.001C4.263 12.821 3.584 13.489 2.75 13.489H2.25V19.9H12.961V17.578H14.461V19.9H21.75V13.489H21.25C20.416 13.489 19.737 12.821 19.737 12.001C19.737 11.18 20.416 10.512 21.25 10.512Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBoldTicketIcon.displayName = 'IconlySharpBoldTicketIcon';
+
+export const IconlySharpBoldTimeCircleIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.692 15.97L10.912 13.118V7.096H12.412V12.267L16.461 14.682L15.692 15.97ZM12 2.25C6.624 2.25 2.25 6.624 2.25 12C2.25 17.376 6.624 21.75 12 21.75C17.376 21.75 21.75 17.376 21.75 12C21.75 6.624 17.376 2.25 12 2.25Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBoldTimeCircleIcon.displayName = 'IconlySharpBoldTimeCircleIcon';
+
+export const IconlySharpBoldTimeSquareIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.651 15.046L11.25 12.421V6.883H12.75V11.569L16.42 13.758L15.651 15.046ZM2.25 21.75H21.75V2.25H2.25V21.75Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBoldTimeSquareIcon.displayName = 'IconlySharpBoldTimeSquareIcon';
+
+export const IconlySharpBoldUnlockIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.1099 17.2995H12.6099V13.5785H11.1099V17.2995ZM8.18989 9.00251V7.40951C8.19389 6.39451 8.59289 5.44251 9.31489 4.72651C10.0329 4.01551 10.9819 3.62551 11.9929 3.62551C13.0679 3.59151 14.0519 4.04751 14.7839 4.82651L15.2959 5.37351L16.3909 4.34751L15.8769 3.80051C14.8789 2.73551 13.4689 2.12551 12.0129 2.12551C10.6039 2.09651 9.26489 2.66451 8.25889 3.66151C7.25289 4.65851 6.69589 5.98751 6.68989 7.42651V9.00251H3.88989V21.8755H20.1099V9.00251H8.18989Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBoldUnlockIcon.displayName = 'IconlySharpBoldUnlockIcon';
+
+export const IconlySharpBoldUpload1Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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 10.8302V17.0902H11.25V10.8302H2.25V22.3502H21.75V10.8302H12.75Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M12.75 6.02878C13.74 7.07378 15.121 7.74978 16.6 7.74978H17.35V6.24978H16.6C14.585 6.24978 12.75 4.41678 12.75 2.40378V1.64978H11.25V2.40378C11.25 4.41678 9.42003 6.24978 7.41003 6.24978H6.66003V7.74978H7.41003C8.88503 7.74978 10.262 7.07578 11.25 6.03178L11.25 10.8302H12.75L12.75 6.02878Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBoldUpload1Icon.displayName = 'IconlySharpBoldUpload1Icon';
+
+export const IconlySharpBoldUploadIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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 4.31401L15.278 6.85001L16.341 5.79101L11.999 1.43701L7.67004 5.79301L8.73304 6.85001L11.25 4.31801V10.519H12.75V4.31401Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M12.75 10.519L12.75 16.7787H11.25L11.25 10.519L2.25 10.5187V22.0387H21.75V10.5187L12.75 10.519Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBoldUploadIcon.displayName = 'IconlySharpBoldUploadIcon';
+
+export const IconlySharpBoldVideoIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.53842 9.835H12.2384V8.335H7.53842V9.835ZM0.628418 19.375H16.1084V4.625H0.628418V19.375Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M17.3774 9.1159V14.6409L23.3714 18.9849V5.0519L17.3774 9.1159Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBoldVideoIcon.displayName = 'IconlySharpBoldVideoIcon';
+
+export const IconlySharpBoldVoice3Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.7101 9.57299V11.073H16.1901V11.263C16.1901 13.583 14.3101 15.473 12.0001 15.473C9.68012 15.473 7.80012 13.583 7.80012 11.263V6.09299C7.80012 3.76299 9.68012 1.87299 12.0001 1.87299C14.2701 1.87299 16.1201 3.69299 16.1801 5.96299H12.7901V7.46299H16.1901V9.57299H11.7101Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M18.5279 10.543V11.293C18.5279 14.912 15.5989 17.856 11.9989 17.856C8.39992 17.856 5.47192 14.912 5.47192 11.293V10.543H3.97192V11.293C3.97192 15.484 7.17292 18.936 11.2479 19.318V22.127H12.7479V19.318C16.8249 18.937 20.0279 15.485 20.0279 11.293V10.543H18.5279Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBoldVoice3Icon.displayName = 'IconlySharpBoldVoice3Icon';
+
+export const IconlySharpBoldVoiceIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.7551 12.625H21.2551V6.735H19.7551V12.625Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M2.74512 12.625H4.24512V6.735H2.74512V12.625Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M12.0006 1.875C9.36161 1.875 7.21461 4.031 7.21461 6.68V12.681C7.21461 15.072 8.96961 17.044 11.2506 17.409V20.625H8.52961V22.125H15.4696V20.625H12.7506V17.409C15.0316 17.044 16.7866 15.072 16.7866 12.681V6.68C16.7866 4.031 14.6396 1.875 12.0006 1.875Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBoldVoiceIcon.displayName = 'IconlySharpBoldVoiceIcon';
+
+export const IconlySharpBoldVolumeDownIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.8429 7.6226L18.4699 6.9716L17.1689 7.7176L17.5409 8.3686C18.8269 10.6126 18.8269 13.3966 17.5419 15.6336L17.1679 16.2836L18.4679 17.0306L18.8429 16.3806C20.3919 13.6836 20.3919 10.3276 18.8429 7.6226Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M8.69061 7.564H3.99761V8.064C3.99461 10.688 3.99461 13.312 3.99761 15.937V16.436H8.69061L12.8166 20.013H14.2786V3.987H12.8166L8.69061 7.564Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBoldVolumeDownIcon.displayName = 'IconlySharpBoldVolumeDownIcon';
+
+export const IconlySharpBoldVolumeOffIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.32709 7.56349H2.63409V8.06349C2.63109 10.6885 2.63109 13.3125 2.63409 15.9375V16.4365H7.32709L11.4531 20.0125H12.9151V3.98749H11.4531L7.32709 7.56349Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M21.3681 10.2671L20.3071 9.20609L18.5741 10.9401L16.8411 9.20609L15.7801 10.2671L17.5141 12.0011L15.7811 13.7331L16.8421 14.7941L18.5741 13.0611L20.3061 14.7941L21.3671 13.7331L19.6351 12.0011L21.3681 10.2671Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBoldVolumeOffIcon.displayName = 'IconlySharpBoldVolumeOffIcon';
+
+export const IconlySharpBoldVolumeUpIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.6677 4.9473L19.2397 4.3313L18.0077 5.1873L18.4357 5.8023C21.0527 9.5713 21.0527 14.4363 18.4357 18.1973L18.0077 18.8123L19.2387 19.6693L19.6677 19.0533C22.5997 14.8393 22.5997 9.1703 19.6677 4.9473Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M16.9812 7.6226L16.6082 6.9716L15.3072 7.7166L15.6792 8.3676C16.9642 10.6126 16.9642 13.3966 15.6802 15.6336L15.3062 16.2836L16.6072 17.0306L16.9812 16.3806C18.5292 13.6836 18.5292 10.3276 16.9812 7.6226Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M6.8288 7.564H2.1348V8.064C2.1328 10.688 2.1328 13.312 2.1348 15.937V16.436H6.8288L10.9548 20.013H12.4178V3.987H10.9548L6.8288 7.564Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBoldVolumeUpIcon.displayName = 'IconlySharpBoldVolumeUpIcon';
+
+export const IconlySharpBoldWalletIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.30938 11.169H13.2424V9.669H6.30938V11.169ZM3.24438 3.625L18.3734 3.626V5.351H3.24438V3.625ZM17.6814 17.584C15.7754 17.583 14.2244 16.141 14.2224 14.369C14.2224 12.596 15.7744 11.154 17.6814 11.153H22.2554V5.351H19.8734V2.126L1.74438 2.125V21.87H1.99438V21.875H22.2554V17.584H17.6814Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M15.7226 14.3687C15.7226 15.3137 16.6026 16.0837 17.6816 16.0847H22.2556V12.6537H17.6816C16.6016 12.6537 15.7226 13.4237 15.7226 14.3687Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBoldWalletIcon.displayName = 'IconlySharpBoldWalletIcon';
+
+export const IconlySharpBoldWorkIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.1476 15.815C17.6876 16.795 14.8776 17.315 11.9976 17.315C9.11758 17.315 6.30758 16.795 3.85758 15.815C3.48758 15.665 3.12758 15.515 2.77758 15.345C2.60758 15.265 2.43758 15.185 2.26758 15.085L2.48758 21.325H21.5176L21.7276 15.085C21.5576 15.185 21.3876 15.265 21.2176 15.345C20.8676 15.515 20.5076 15.665 20.1476 15.815Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M9.41739 5.50493L9.99339 4.17493H14.0064L14.5824 5.50493H9.41739ZM16.2174 5.50493L14.9934 2.67493H9.00639L7.78239 5.50493H2.25439V12.7919L2.50139 12.9369C4.90339 14.3419 7.93639 15.1599 11.1204 15.2889V16.5859H12.8794V15.2889C16.0654 15.1589 19.0984 14.3409 21.4974 12.9369L21.7454 12.7919V5.50493H16.2174Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBoldWorkIcon.displayName = 'IconlySharpBoldWorkIcon';
+