@winplaybox/icons 0.1.0 → 0.2.0

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

@@ -1,1091 +1,1091 @@
-import React from 'react';
-import { IconProps } from '../../../types';
-
-export const IconlySharpBulk2UserIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" 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.9549 10.9899C14.5649 11.4199 15.3149 11.6799 16.1149 11.6799C18.1749 11.6799 19.8549 9.99988 19.8549 7.92988C19.8549 5.86988 18.1749 4.18988 16.1149 4.18988C15.5349 4.18988 14.9949 4.31988 14.5049 4.55988C14.9749 5.38988 15.2449 6.34988 15.2449 7.36988C15.2449 8.73988 14.7649 9.99988 13.9549 10.9899Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M9.48486 12.1299C11.0049 12.1299 12.3549 11.4099 13.2249 10.2999C13.8649 9.49987 14.2449 8.47987 14.2449 7.36987C14.2449 6.54987 14.0349 5.77987 13.6749 5.10987C12.8649 3.62987 11.2949 2.61987 9.48486 2.61987C6.86486 2.61987 4.73486 4.74987 4.73486 7.36987C4.73486 9.98987 6.86486 12.1299 9.48486 12.1299Z" fill={color || 'currentColor'}/>
-<g opacity={fillOpacity ?? 0.4}>
-<path fillRule="evenodd" clipRule="evenodd" d="M21.735 16.82C20.975 14.41 18.935 13.03 16.135 13.03H16.095C14.865 13.03 13.795 13.3 12.895 13.79C15.155 14.61 16.835 16.3 17.615 18.65C19.105 18.49 20.415 18.07 21.515 17.4L21.855 17.19L21.735 16.82Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M16.585 18.72C15.795 16.57 14.155 15.11 11.915 14.52C11.185 14.32 10.375 14.22 9.51502 14.22H9.46502C5.86502 14.22 3.24502 15.99 2.26502 19.08L2.14502 19.45L2.48502 19.65C4.38502 20.82 6.66502 21.38 9.43502 21.38H9.48502C12.325 21.39 14.585 20.82 16.495 19.65L16.835 19.45L16.715 19.08C16.675 18.96 16.635 18.84 16.585 18.72Z" fill={color || 'currentColor'}/>
-</g>
-  </svg>
-);
-IconlySharpBulk2UserIcon.displayName = 'IconlySharpBulk2UserIcon';
-
-export const IconlySharpBulk3UserIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" 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.041 11.2483C16.553 11.5333 17.132 11.6943 17.758 11.6943C19.721 11.6943 21.314 10.1003 21.314 8.13732C21.314 6.18432 19.721 4.59032 17.758 4.59032C17.369 4.59032 16.999 4.65732 16.648 4.77032C17.16 5.59632 17.454 6.57232 17.454 7.60632C17.454 9.01032 16.932 10.2813 16.041 11.2483Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M6.24401 11.694C6.87001 11.694 7.44801 11.533 7.96101 11.248C7.06901 10.281 6.54701 9.01001 6.54701 7.60601C6.54701 6.57301 6.84101 5.59601 7.35401 4.77101C7.00301 4.65701 6.63301 4.59001 6.24401 4.59001C4.28101 4.59001 2.68701 6.18401 2.68701 8.13701C2.68701 10.101 4.28101 11.694 6.24401 11.694Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M12.0007 12.1185C14.4867 12.1185 16.5087 10.0965 16.5087 7.61052C16.5087 5.12552 14.4867 3.10352 12.0007 3.10352C9.51474 3.10352 7.49274 5.12552 7.49274 7.61052C7.49274 10.0965 9.51474 12.1185 12.0007 12.1185Z" fill={color || 'currentColor'}/>
-<g opacity={fillOpacity ?? 0.4}>
-<path fillRule="evenodd" clipRule="evenodd" d="M23.0966 16.569C22.3666 14.283 20.4316 12.975 17.7766 12.975H17.7576C16.6756 12.965 15.7086 13.183 14.8926 13.6C17.1696 14.331 18.8576 15.953 19.6346 18.248C20.8676 18.077 21.9396 17.698 22.8876 17.119L23.2006 16.92L23.0966 16.569Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M9.06032 13.5816C8.26332 13.1836 7.32432 12.9746 6.26232 12.9746H6.22432C3.56932 12.9746 1.63432 14.2836 0.913316 16.5686L0.799316 16.9196L1.11232 17.1186C2.01332 17.6696 3.07632 18.0386 4.26132 18.2286C5.04832 15.9246 6.76532 14.2926 9.06032 13.5816Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M11.966 14.1035C11.95 14.1035 11.935 14.1035 11.92 14.1035C8.506 14.1035 6.017 15.7815 5.091 18.7105L4.979 19.0645L5.296 19.2585C7.104 20.3605 9.264 20.8965 11.899 20.8965H11.984C14.621 20.8965 16.782 20.3605 18.59 19.2585L18.908 19.0645L18.796 18.7105C17.869 15.7815 15.381 14.1035 11.966 14.1035Z" fill={color || 'currentColor'}/>
-</g>
-  </svg>
-);
-IconlySharpBulk3UserIcon.displayName = 'IconlySharpBulk3UserIcon';
-
-export const IconlySharpBulkActivityIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M14.9551 4.40006C14.9551 4.20006 14.9651 4.00006 14.9951 3.81006H2.21509V22.0201H20.4251V8.68006C20.0951 8.77006 19.7351 8.81006 19.3751 8.81006C16.9351 8.81006 14.9551 6.83006 14.9551 4.40006Z" fill={color || 'currentColor'}/>
-<path d="M9.83522 12.66L13.0352 15.17L16.7052 10.44L15.5152 9.52002L12.7752 13.06L9.57522 10.54L5.85522 15.38L7.03522 16.3L9.83522 12.66Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M19.3748 1.97998C18.2448 1.97998 17.2948 2.75998 17.0348 3.80998C16.9848 3.99998 16.9548 4.19998 16.9548 4.39998C16.9548 5.72998 18.0448 6.80998 19.3748 6.80998C19.7448 6.80998 20.1048 6.71998 20.4248 6.56998C21.2248 6.17998 21.7848 5.34998 21.7848 4.39998C21.7848 3.05998 20.7048 1.97998 19.3748 1.97998Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpBulkActivityIcon.displayName = 'IconlySharpBulkActivityIcon';
-
-export const IconlySharpBulkAddUserIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" 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.87721 12.1087C12.6002 12.1087 14.8152 9.89369 14.8152 7.17069C14.8152 4.44669 12.6002 2.23169 9.87721 2.23169C7.15421 2.23169 4.93921 4.44669 4.93921 7.17069C4.93921 9.89369 7.15421 12.1087 9.87721 12.1087Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M21.7602 9.94177H19.7152V7.93677H18.2152V9.94177H16.1702V11.4418H18.2152V13.4468H19.7152V11.4418H21.7602V9.94177Z" fill={color || 'currentColor'}/>
-<path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M9.90399 14.3367H9.85099C6.10399 14.3367 3.37399 16.1777 2.35799 19.3907L2.23999 19.7647L2.57399 19.9687C4.53199 21.1627 6.97299 21.7677 9.83099 21.7677C9.86199 21.7687 9.89299 21.7687 9.92499 21.7677C12.822 21.7677 15.196 21.1787 17.181 19.9687L17.515 19.7647L17.397 19.3907C16.382 16.1777 13.651 14.3367 9.90399 14.3367Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpBulkAddUserIcon.displayName = 'IconlySharpBulkAddUserIcon';
-
-export const IconlySharpBulkArrowDown2Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path fillRule="evenodd" clipRule="evenodd" d="M4.99991 7.08582L13.4141 15.5L11.9999 16.9142L3.58569 8.50003L4.99991 7.08582Z" fill={color || 'currentColor'}/>
-<path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M20.4141 8.50003L11.9999 16.9142L10.5857 15.5L18.9999 7.08582L20.4141 8.50003Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpBulkArrowDown2Icon.displayName = 'IconlySharpBulkArrowDown2Icon';
-
-export const IconlySharpBulkArrowDown3Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M10.9999 20.9996L10.9999 2.99987L12.9999 2.99987L12.9999 20.9996L10.9999 20.9996Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M12.9999 20C12.9999 16.3291 9.78046 13.34 6.33983 13.34H5.33983V15.34H6.33983C8.71869 15.34 10.9999 17.476 10.9999 20V21H12.9999V20Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M10.9999 20C10.9999 16.3291 14.2193 13.34 17.6599 13.34H18.6599V15.34H17.6599C15.2811 15.34 12.9999 17.476 12.9999 20V21H10.9999V20Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpBulkArrowDown3Icon.displayName = 'IconlySharpBulkArrowDown3Icon';
-
-export const IconlySharpBulkArrowDownCircleIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M12 2.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'}/>
-<path d="M7.47021 10.5551L12.0002 15.1061L16.5302 10.5551L15.4672 9.49707L12.0002 12.9801L8.53322 9.49707L7.47021 10.5551Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpBulkArrowDownCircleIcon.displayName = 'IconlySharpBulkArrowDownCircleIcon';
-
-export const IconlySharpBulkArrowDownSquareIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M2.25 21.75H21.75V2.25H2.25V21.75Z" fill={color || 'currentColor'}/>
-<path d="M7.18896 12.3201L12 17.1491L16.811 12.3201L15.748 11.2621L12.75 14.2711V7.16406H11.25V14.2711L8.25196 11.2621L7.18896 12.3201Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpBulkArrowDownSquareIcon.displayName = 'IconlySharpBulkArrowDownSquareIcon';
-
-export const IconlySharpBulkArrowDownIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M12.9998 3.29126V19.6915H10.9998V3.29126H12.9998Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M5.97842 11.8274L12.0004 17.8744L18.0214 11.8274L19.4387 13.2386L12.0005 20.7088L4.56128 13.2387L5.97842 11.8274Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpBulkArrowDownIcon.displayName = 'IconlySharpBulkArrowDownIcon';
-
-export const IconlySharpBulkArrowLeft2Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" 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.9141 5.00003L8.49985 13.4142L7.08564 12L15.4998 3.58582L16.9141 5.00003Z" fill={color || 'currentColor'}/>
-<path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M15.4998 20.4142L7.08564 12L8.49985 10.5858L16.9141 19L15.4998 20.4142Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpBulkArrowLeft2Icon.displayName = 'IconlySharpBulkArrowLeft2Icon';
-
-export const IconlySharpBulkArrowLeft3Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M3.00061 11L21.0004 11L21.0004 13L3.00061 13L3.00061 11Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M3.99974 13C7.67066 13 10.6598 9.78059 10.6598 6.33997L10.6598 5.33997L8.65979 5.33997L8.65979 6.33997C8.65979 8.71883 6.52377 11 3.99974 11L2.99974 11L2.99974 13L3.99974 13Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M3.99974 11C7.67066 11 10.6598 14.2194 10.6598 17.6601L10.6598 18.6601L8.65979 18.6601L8.65979 17.6601C8.65979 15.2812 6.52377 13 3.99974 13L2.99974 13L2.99974 11L3.99974 11Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpBulkArrowLeft3Icon.displayName = 'IconlySharpBulkArrowLeft3Icon';
-
-export const IconlySharpBulkArrowLeftCircleIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M21.75 12C21.75 17.376 17.376 21.75 12 21.75C6.624 21.75 2.25 17.376 2.25 12C2.25 6.624 6.624 2.25 12 2.25C17.376 2.25 21.75 6.624 21.75 12Z" fill={color || 'currentColor'}/>
-<path d="M13.4449 16.5298L8.89393 11.9998L13.4449 7.46978L14.5029 8.53278L11.0199 11.9998L14.5029 15.4668L13.4449 16.5298Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpBulkArrowLeftCircleIcon.displayName = 'IconlySharpBulkArrowLeftCircleIcon';
-
-export const IconlySharpBulkArrowLeftSquareIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M2.25 21.75L2.25 2.25L21.75 2.25L21.75 21.75L2.25 21.75Z" fill={color || 'currentColor'}/>
-<path d="M11.6799 16.811L6.85094 12L11.6799 7.18904L12.7379 8.25203L9.72894 11.25L16.8359 11.25L16.8359 12.75L9.72894 12.75L12.7379 15.748L11.6799 16.811Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpBulkArrowLeftSquareIcon.displayName = 'IconlySharpBulkArrowLeftSquareIcon';
-
-export const IconlySharpBulkArrowLeftIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M20.7088 12.9998L4.30856 12.9998L4.30856 10.9998L20.7088 10.9998L20.7088 12.9998Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M12.1727 5.97842L6.12567 12.0004L12.1727 18.0214L10.7615 19.4387L3.29125 12.0005L10.7614 4.56128L12.1727 5.97842Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpBulkArrowLeftIcon.displayName = 'IconlySharpBulkArrowLeftIcon';
-
-export const IconlySharpBulkArrowRight2Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" 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.08569 5.00003L15.4999 13.4142L16.9141 12L8.49991 3.58582L7.08569 5.00003Z" fill={color || 'currentColor'}/>
-<path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M8.49991 20.4142L16.9141 12L15.4999 10.5858L7.08569 19L8.49991 20.4142Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpBulkArrowRight2Icon.displayName = 'IconlySharpBulkArrowRight2Icon';
-
-export const IconlySharpBulkArrowRight3Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M20.9995 11L2.99975 11L2.99975 13L20.9995 13L20.9995 11Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M20.0004 13C16.3295 13 13.3403 9.78058 13.3403 6.33995L13.3403 5.33995L15.3403 5.33995L15.3403 6.33995C15.3403 8.71881 17.4764 11 20.0004 11L21.0004 11L21.0004 13L20.0004 13Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M20.0004 11C16.3295 11 13.3403 14.2194 13.3403 17.66L13.3403 18.66L15.3403 18.66L15.3403 17.66C15.3403 15.2812 17.4764 13 20.0004 13L21.0004 13L21.0004 11L20.0004 11Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpBulkArrowRight3Icon.displayName = 'IconlySharpBulkArrowRight3Icon';
-
-export const IconlySharpBulkArrowRightCircleIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M2.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.25C6.624 2.25 2.25 6.624 2.25 12Z" fill={color || 'currentColor'}/>
-<path d="M10.5551 16.5298L15.1061 11.9998L10.5551 7.46978L9.49707 8.53278L12.9801 11.9998L9.49707 15.4668L10.5551 16.5298Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpBulkArrowRightCircleIcon.displayName = 'IconlySharpBulkArrowRightCircleIcon';
-
-export const IconlySharpBulkArrowRightSquareIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M21.75 21.75L21.75 2.25L2.25 2.25L2.25 21.75L21.75 21.75Z" fill={color || 'currentColor'}/>
-<path d="M12.3201 16.811L17.1491 12L12.3201 7.18904L11.2621 8.25203L14.2711 11.25L7.16406 11.25L7.16406 12.75L14.2711 12.75L11.2621 15.748L12.3201 16.811Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpBulkArrowRightSquareIcon.displayName = 'IconlySharpBulkArrowRightSquareIcon';
-
-export const IconlySharpBulkArrowRightIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M3.29126 12.9998L19.6915 12.9998L19.6915 10.9998L3.29126 10.9998L3.29126 12.9998Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M11.8274 5.97842L17.8744 12.0004L11.8274 18.0214L13.2386 19.4387L20.7088 12.0005L13.2387 4.56128L11.8274 5.97842Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpBulkArrowRightIcon.displayName = 'IconlySharpBulkArrowRightIcon';
-
-export const IconlySharpBulkArrowUp2Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path fillRule="evenodd" clipRule="evenodd" d="M4.99991 16.9142L13.4141 8.50003L11.9999 7.08582L3.58569 15.5L4.99991 16.9142Z" fill={color || 'currentColor'}/>
-<path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M20.4141 15.5L11.9999 7.08582L10.5857 8.50003L18.9999 16.9142L20.4141 15.5Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpBulkArrowUp2Icon.displayName = 'IconlySharpBulkArrowUp2Icon';
-
-export const IconlySharpBulkArrowUp3Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M10.9999 3.00049L10.9999 21.0002L12.9999 21.0002L12.9999 3.00049L10.9999 3.00049Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M12.9999 3.99962C12.9999 7.67054 9.78046 10.6597 6.33983 10.6597H5.33983V8.65967H6.33983C8.71869 8.65967 10.9999 6.52365 10.9999 3.99962V2.99962H12.9999V3.99962Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M10.9999 3.99962C10.9999 7.67054 14.2193 10.6597 17.6599 10.6597H18.6599V8.65967H17.6599C15.2811 8.65967 12.9999 6.52365 12.9999 3.99962V2.99962H10.9999V3.99962Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpBulkArrowUp3Icon.displayName = 'IconlySharpBulkArrowUp3Icon';
-
-export const IconlySharpBulkArrowUpCircleIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M12 21.75C6.624 21.75 2.25 17.376 2.25 12C2.25 6.624 6.624 2.25 12 2.25C17.376 2.25 21.75 6.624 21.75 12C21.75 17.376 17.376 21.75 12 21.75Z" fill={color || 'currentColor'}/>
-<path d="M7.47021 13.4449L12.0002 8.89393L16.5302 13.4449L15.4672 14.5029L12.0002 11.0199L8.53322 14.5029L7.47021 13.4449Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpBulkArrowUpCircleIcon.displayName = 'IconlySharpBulkArrowUpCircleIcon';
-
-export const IconlySharpBulkArrowUpSquareIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M2.25 2.25H21.75V21.75H2.25V2.25Z" fill={color || 'currentColor'}/>
-<path d="M7.18896 11.6799L12 6.85094L16.811 11.6799L15.748 12.7379L12.75 9.72894V16.8359H11.25V9.72894L8.25196 12.7379L7.18896 11.6799Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpBulkArrowUpSquareIcon.displayName = 'IconlySharpBulkArrowUpSquareIcon';
-
-export const IconlySharpBulkArrowUpIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M12.9998 20.7088V4.30856H10.9998V20.7088H12.9998Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M5.97842 12.1727L12.0004 6.12567L18.0214 12.1727L19.4387 10.7615L12.0005 3.29125L4.56128 10.7614L5.97842 12.1727Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpBulkArrowUpIcon.displayName = 'IconlySharpBulkArrowUpIcon';
-
-export const IconlySharpBulkAvatarIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M12 2.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'}/>
-<path d="M15.6456 11.9242H17.1456V10.4242H15.6356L15.6456 11.9242Z" fill={color || 'currentColor'}/>
-<path d="M9.27762 15.8222H14.0436V14.3222H10.4346L12.3676 7.77022L10.9286 7.34521L8.70762 14.8742L9.27762 15.8222Z" fill={color || 'currentColor'}/>
-<path d="M6.19262 11.9242H7.69262V10.4242H6.18262L6.19262 11.9242Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpBulkAvatarIcon.displayName = 'IconlySharpBulkAvatarIcon';
-
-export const IconlySharpBulkBag2Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path opacity={fillOpacity ?? 0.4} d="M2.70996 22.1251L3.65996 6.49512H20.34L21.29 22.1251H2.70996Z" fill={color || 'currentColor'}/>
-<path d="M9.89969 4.375C10.5297 3.745 11.4097 3.375 12.2997 3.375H12.3197C14.0997 3.375 15.5397 4.755 15.6897 6.495H17.1897C17.0397 3.925 14.9197 1.875 12.3197 1.875H12.2997C11.0097 1.875 9.74969 2.395 8.83969 3.305C7.98969 4.155 7.49969 5.305 7.42969 6.495H8.92969C8.99969 5.705 9.32969 4.935 9.89969 4.375Z" fill={color || 'currentColor'}/>
-<path d="M8.76978 11.8652H10.3098V10.3652H8.76978V11.8652Z" fill={color || 'currentColor'}/>
-<path d="M14.3798 11.8652H15.9198V10.3652H14.3798V11.8652Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpBulkBag2Icon.displayName = 'IconlySharpBulkBag2Icon';
-
-export const IconlySharpBulkBag3Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M2.25 6.81348V12.2535C2.25 17.6335 6.62 22.0035 12 22.0035C17.38 22.0035 21.75 17.6335 21.75 12.2535V6.81348H2.25Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M7.23048 6.73626C7.24183 4.10679 9.38258 1.98614 12.0111 1.99662C14.6391 1.9975 16.7694 4.1286 16.7694 6.75757V10.7308H15.2694V6.75757C15.2694 4.95623 13.8095 3.49662 12.0095 3.49662H12.0063C10.2052 3.48884 8.73907 4.94106 8.73047 6.74121V10.7308H7.23047L7.23048 6.73626Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpBulkBag3Icon.displayName = 'IconlySharpBulkBag3Icon';
-
-export const IconlySharpBulkBagIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M21.79 6.96399L20.65 21.324H3.34996L2.20996 6.96399C8.57834 6.96399 14.0156 6.96399 21.79 6.96399Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M11.9998 4.1759C9.79104 4.1759 8.00049 5.96645 8.00049 8.1752V10.0371H6.50049V8.1752C6.50049 5.13802 8.96261 2.6759 11.9998 2.6759C15.037 2.6759 17.4991 5.13802 17.4991 8.1752V10.0371H15.9991V8.1752C15.9991 5.96645 14.2085 4.1759 11.9998 4.1759Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpBulkBagIcon.displayName = 'IconlySharpBulkBagIcon';
-
-export const IconlySharpBulkBookmarkIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M4.02197 2.10901V21.889L12.024 18.214L19.978 21.891V2.10901H4.02197Z" fill={color || 'currentColor'}/>
-<path d="M16.272 9.83411H7.729V8.33411H16.272V9.83411Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpBulkBookmarkIcon.displayName = 'IconlySharpBulkBookmarkIcon';
-
-export const IconlySharpBulkBuyIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M6.14507 5.76691L5.84507 2.70691H1.94507V4.20691H4.48507L5.76507 16.9069H20.5851L22.0551 5.76691H6.14507Z" fill={color || 'currentColor'}/>
-<path d="M13.5745 11.1771H17.7445V9.67712H13.5745V11.1771Z" fill={color || 'currentColor'}/>
-<path d="M6.32983 20.018C6.32983 19.315 6.90083 18.744 7.60383 18.744C8.30583 18.744 8.87683 19.315 8.87683 20.018C8.87683 20.721 8.30583 21.293 7.60383 21.293C6.90083 21.293 6.32983 20.721 6.32983 20.018Z" fill={color || 'currentColor'}/>
-<path d="M17.197 20.018C17.197 19.315 17.768 18.744 18.471 18.744C19.174 18.744 19.745 19.315 19.745 20.018C19.745 20.721 19.174 21.293 18.471 21.293C17.768 21.293 17.197 20.721 17.197 20.018Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpBulkBuyIcon.displayName = 'IconlySharpBulkBuyIcon';
-
-export const IconlySharpBulkCalendarIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M3.17505 21.8751H20.825V10.4751H3.17505V21.8751Z" fill={color || 'currentColor'}/>
-<path d="M16.735 2.125V3.845H20.825V8.975H3.17505V3.845H6.76505V6.675H7.76505V2.125H9.26505V3.845H14.235V6.675H15.235V2.125H16.735Z" fill={color || 'currentColor'}/>
-<path d="M8.64501 12.5952V14.0952H7.14501L7.13501 12.5952H8.64501Z" fill={color || 'currentColor'}/>
-<path d="M8.64501 16.1852V17.6852H7.14501L7.13501 16.1852H8.64501Z" fill={color || 'currentColor'}/>
-<path d="M12.755 17.6852V16.1852H11.245L11.255 17.6852H12.755Z" fill={color || 'currentColor'}/>
-<path d="M12.755 12.5952V14.0952H11.255L11.245 12.5952H12.755Z" fill={color || 'currentColor'}/>
-<path d="M16.865 17.6852V16.1852H15.355L15.365 17.6852H16.865Z" fill={color || 'currentColor'}/>
-<path d="M16.865 12.5952V14.0952H15.365L15.355 12.5952H16.865Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpBulkCalendarIcon.displayName = 'IconlySharpBulkCalendarIcon';
-
-export const IconlySharpBulkCallMissedIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="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.25004L6.33336 2.17004L5.94336 2.40004C4.36136 3.32804 3.20036 4.48904 2.29136 6.05204L2.23336 6.21104C1.71936 8.95504 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'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M15.7861 10.5674L18.2121 8.14136L20.6391 10.5674L21.6991 9.50636L19.2731 7.08136L21.6991 4.65536L20.6391 3.59436L18.2121 6.02036L15.7861 3.59436L14.7251 4.65536L17.1521 7.08136L14.7251 9.50636L15.7861 10.5674Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpBulkCallMissedIcon.displayName = 'IconlySharpBulkCallMissedIcon';
-
-export const IconlySharpBulkCallSilentIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" 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.4277L13.6904 15.1227C13.3384 15.0007 12.5394 14.6797 11.6434 14.0707L19.6144 5.56872L18.5194 4.54272L2.87842 21.2267L3.97342 22.2527L8.13142 17.8167C10.1914 19.5707 13.2724 21.4087 17.1884 21.4087C17.3774 21.4087 17.5704 21.4047 17.7634 21.3957L17.8824 21.3897L17.9854 21.3317C19.5884 20.4337 20.7514 19.2697 21.6484 17.6687L21.8634 17.2837L16.6354 13.4277Z" fill={color || 'currentColor'}/>
-<path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M5.95799 15.6553L9.34199 11.8223L9.14499 11.5063C8.67199 10.7463 8.42999 10.0853 8.33299 9.77831L10.032 6.82731L6.33399 1.74731L5.94299 1.97731C4.36099 2.90531 3.20099 4.06631 2.29199 5.62931L2.23299 5.78831C1.75699 8.33131 3.07299 12.0213 5.58699 15.1883L5.95799 15.6553Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpBulkCallSilentIcon.displayName = 'IconlySharpBulkCallSilentIcon';
-
-export const IconlySharpBulkCallIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path d="M8.33217 10.2009C8.48917 10.6959 9.02516 12.1129 10.3082 13.3959L6.13717 16.2739C3.28817 12.9979 1.71917 8.95392 2.23317 6.21092L2.29117 6.05192C3.20017 4.48792 4.36216 3.32792 5.94416 2.39992L6.33417 2.16992L10.0312 7.24992L8.33217 10.2009Z" fill={color || 'currentColor'}/>
-<path opacity={fillOpacity ?? 0.4} d="M13.6905 15.546L16.6355 13.851L21.8635 17.706L21.6485 18.091C20.7515 19.693 19.5875 20.857 17.9855 21.755L17.8825 21.813L17.7635 21.818C17.5835 21.827 17.4035 21.83 17.2235 21.83C13.2395 21.83 9.22845 19.828 6.13745 16.274L10.3085 13.396C11.6755 14.763 13.1705 15.366 13.6905 15.546Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpBulkCallIcon.displayName = 'IconlySharpBulkCallIcon';
-
-export const IconlySharpBulkCallingIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M13.6015 15.6298C13.0815 15.4498 11.5865 14.8458 10.2195 13.4798C8.93645 12.1968 8.40145 10.7788 8.24445 10.2848L9.94345 7.33378L6.24545 2.25378L5.85445 2.48378C4.27245 3.41178 3.11245 4.57178 2.20345 6.13478L2.14445 6.29478C1.63045 9.03878 3.20145 13.0828 6.05045 16.3588C9.14045 19.9118 13.1525 21.9138 17.1345 21.9138C17.3145 21.9138 17.4955 21.9098 17.6745 21.9018L17.7935 21.8968L17.8965 21.8378C19.4985 20.9408 20.6635 19.7768 21.5595 18.1748L21.7745 17.7898L16.5465 13.9348L13.6015 15.6298Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M20.3779 10.0303L20.4609 10.7763L21.9519 10.6083L21.8679 9.8633C21.4109 5.7863 18.2439 2.6223 14.1659 2.1693L13.4199 2.0863L13.2549 3.5773L13.9999 3.6603C17.3769 4.0353 19.9989 6.6553 20.3779 10.0303Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M16.8466 10.1006L16.9906 10.8366L18.4626 10.5506L18.3196 9.81461C17.9136 7.73261 16.3076 6.12561 14.2266 5.72161L13.4906 5.57861L13.2036 7.05061L13.9396 7.19361C15.4176 7.48061 16.5586 8.62161 16.8466 10.1006Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpBulkCallingIcon.displayName = 'IconlySharpBulkCallingIcon';
-
-export const IconlySharpBulkCameraIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M17.045 6.19794L15.313 3.49194H8.685L6.954 6.19794H2.25V20.5079H21.75V6.19794H17.045Z" fill={color || 'currentColor'}/>
-<path d="M17.6083 10.239H19.1083V8.73901H17.5993L17.6083 10.239Z" fill={color || 'currentColor'}/>
-<path d="M8.56934 13.214C8.56934 15.105 10.1083 16.643 11.9993 16.643C13.8893 16.643 15.4273 15.105 15.4273 13.214C15.4273 11.323 13.8893 9.78501 11.9993 9.78501C10.1083 9.78501 8.56934 11.323 8.56934 13.214Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpBulkCameraIcon.displayName = 'IconlySharpBulkCameraIcon';
-
-export const IconlySharpBulkCardIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M2.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'}/>
-<path d="M19.077 16.092H14.102V14.592H19.077V16.092Z" fill={color || 'currentColor'}/>
-<path d="M12.124 16.092H9.87598V14.592H12.124V16.092Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpBulkCardIcon.displayName = 'IconlySharpBulkCardIcon';
-
-export const IconlySharpBulkCategoryIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" 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.9504H10.0505V2.95044H2.05054V10.9504Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M2.05054 21.9494H10.0505V13.9494H2.05054V21.9494Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M13.0505 21.9494H21.0505V13.9494H13.0505V21.9494Z" fill={color || 'currentColor'}/>
-<path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M21.9496 4.12154L14.2216 2.05054L12.1516 9.77854L19.8786 11.8485L21.9496 4.12154Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpBulkCategoryIcon.displayName = 'IconlySharpBulkCategoryIcon';
-
-export const IconlySharpBulkChartIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M2.25 21.75H21.75V2.25H2.25V21.75Z" fill={color || 'currentColor'}/>
-<path d="M17.5871 17.207H16.0871V12.864H17.5871V17.207Z" fill={color || 'currentColor'}/>
-<path d="M12.7511 17.207H11.2511V6.79199H12.7511V17.207Z" fill={color || 'currentColor'}/>
-<path d="M7.91406 17.207H6.41406V9.67699H7.91406V17.207Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpBulkChartIcon.displayName = 'IconlySharpBulkChartIcon';
-
-export const IconlySharpBulkChat2Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M18.9055 5.11954C17.0705 3.28454 14.6295 2.27454 12.0295 2.27454C9.43049 2.27454 6.98749 3.28554 5.15249 5.12054C3.31249 6.96054 2.30049 9.40454 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.91254 18.9055 5.11954Z" fill={color || 'currentColor'}/>
-<path d="M16.5372 13.1315H14.9392V11.6315H16.5372V13.1315Z" fill={color || 'currentColor'}/>
-<path d="M12.8032 13.1315H11.2042V11.6315H12.8032V13.1315Z" fill={color || 'currentColor'}/>
-<path d="M9.06921 13.1315H7.47021V11.6315H9.06921V13.1315Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpBulkChat2Icon.displayName = 'IconlySharpBulkChat2Icon';
-
-export const IconlySharpBulkChatIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M19.1081 5.12005C17.2731 3.28505 14.8321 2.27405 12.2321 2.27405C9.6331 2.27405 7.1901 3.28505 5.3551 5.12105C3.5151 6.96005 2.5031 9.40505 2.5051 12.004C2.5051 14.64 3.8891 17.152 4.3911 17.976L2.0481 21.712L2.9611 21.704C3.0191 21.704 8.7711 21.654 12.0211 21.724C12.0941 21.725 12.1661 21.726 12.2381 21.726C14.8341 21.726 17.2661 20.719 19.1081 18.876C22.9001 15.083 22.9001 8.91305 19.1081 5.12005Z" fill={color || 'currentColor'}/>
-<path d="M16.7401 13.131H15.1421V11.631H16.7401V13.131Z" fill={color || 'currentColor'}/>
-<path d="M13.0061 13.131H11.4071V11.631H13.0061V13.131Z" fill={color || 'currentColor'}/>
-<path d="M9.2721 13.131H7.6731V11.631H9.2721V13.131Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpBulkChatIcon.displayName = 'IconlySharpBulkChatIcon';
-
-export const IconlySharpBulkCloseSquareIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M12 2.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'}/>
-<path d="M14.3996 15.4502L15.4606 14.3892L13.0606 11.9912L15.4606 9.59623L14.4006 8.53423L11.9996 10.9312L9.59957 8.53223L8.53857 9.59323L10.9376 11.9912L8.53857 14.3862L9.59857 15.4472L11.9986 13.0512L14.3996 15.4502Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpBulkCloseSquareIcon.displayName = 'IconlySharpBulkCloseSquareIcon';
-
-export const IconlySharpBulkDangerCircleIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M12 2.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'}/>
-<path d="M11.2551 16.5461H12.7551V15.0461H11.2451L11.2551 16.5461Z" fill={color || 'currentColor'}/>
-<path d="M12.7451 13.3731H11.2451V7.4541H12.7451V13.3731Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpBulkDangerCircleIcon.displayName = 'IconlySharpBulkDangerCircleIcon';
-
-export const IconlySharpBulkDangerTriangleIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M12.3635 3.20947H11.6345L2.15649 19.8385L2.81249 20.7905H21.1305L21.8435 19.8525L12.3635 3.20947Z" fill={color || 'currentColor'}/>
-<path d="M11.2661 17.5533H12.7661V16.0533H11.2571L11.2661 17.5533Z" fill={color || 'currentColor'}/>
-<path d="M12.7641 14.7663H11.2641V10.4653H12.7641V14.7663Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpBulkDangerTriangleIcon.displayName = 'IconlySharpBulkDangerTriangleIcon';
-
-export const IconlySharpBulkDelete2Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path opacity={fillOpacity ?? 0.4} d="M5.08358 21.875L3.56958 6.07605H20.4306L18.9186 21.875H5.08358Z" fill={color || 'currentColor'}/>
-<path d="M8.32973 6.07588L9.13573 3.62488H14.8667L15.6727 6.07588H17.2517L15.9517 2.12488H8.05073L6.75073 6.07588H8.32973Z" fill={color || 'currentColor'}/>
-<path d="M11.2517 17.2107H12.7517V10.7377H11.2517V17.2107Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpBulkDelete2Icon.displayName = 'IconlySharpBulkDelete2Icon';
-
-export const IconlySharpBulkDeleteIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M4.08008 7.03284L5.50008 21.8728H18.5001L19.9201 7.03284H4.08008Z" fill={color || 'currentColor'}/>
-<path d="M16.3565 3.56208H17.9375V5.06208H6.06152V3.56208H7.64252V2.12708H16.3565V3.56208Z" fill={color || 'currentColor'}/>
-<path d="M11.2495 17.5332H12.7495V11.3732H11.2495V17.5332Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpBulkDeleteIcon.displayName = 'IconlySharpBulkDeleteIcon';
-
-export const IconlySharpBulkDiscountIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M21.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'}/>
-<path d="M8.59741 14.1338L9.65841 15.1948L15.1934 9.65975L14.1334 8.59875L8.59741 14.1338Z" fill={color || 'currentColor'}/>
-<path d="M13.3244 14.8218H14.8244V13.3218H13.3164L13.3244 14.8218Z" fill={color || 'currentColor'}/>
-<path d="M10.4714 10.4688V8.96875H8.96541L8.97141 10.4688H10.4714Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpBulkDiscountIcon.displayName = 'IconlySharpBulkDiscountIcon';
-
-export const IconlySharpBulkDiscoveryIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M12 2.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'}/>
-<path d="M8.68848 15.312L14.1245 14.123L15.3125 8.68701L9.87848 9.87701L8.68848 15.312Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpBulkDiscoveryIcon.displayName = 'IconlySharpBulkDiscoveryIcon';
-
-export const IconlySharpBulkDocumentIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M3.12646 21.75H20.8735V2.25H3.12646V21.75Z" fill={color || 'currentColor'}/>
-<path d="M15.1916 9.979H7.62158V8.479H15.1916V9.979Z" fill={color || 'currentColor'}/>
-<path d="M11.4376 14.143H7.62158V12.643H11.4376V14.143Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpBulkDocumentIcon.displayName = 'IconlySharpBulkDocumentIcon';
-
-export const IconlySharpBulkDownload1Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M2.25 21.1206L2.25 8.69006L21.75 8.69006L21.75 21.1206L2.25 21.1206Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M11.2503 17.5449C11.2493 15.5329 9.4173 13.7009 7.4043 13.7009L6.6543 13.7009L6.6543 12.2009L7.4043 12.2009C8.8813 12.2009 10.2613 12.8759 11.2503 13.9199L11.2502 2.87963L12.7502 2.87963L12.7503 13.9199C13.7393 12.8759 15.1183 12.2009 16.5953 12.2009L17.3453 12.2009L17.3453 13.7009L16.5953 13.7009C14.5833 13.7009 12.7503 15.5339 12.7503 17.5459L12.7503 18.2959L11.2503 18.2959L11.2503 17.5449Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpBulkDownload1Icon.displayName = 'IconlySharpBulkDownload1Icon';
-
-export const IconlySharpBulkDownloadIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M2.25 8.92792V21.375H21.75V8.92792H2.25Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M12.7441 14.8605L15.2721 12.3245L16.3351 13.3835L11.9931 17.7375L7.66406 13.3815L8.72706 12.3245L11.2441 14.8565V2.44504H12.7441V14.8605Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpBulkDownloadIcon.displayName = 'IconlySharpBulkDownloadIcon';
-
-export const IconlySharpBulkEditSquareIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M2.26953 21.75H21.7305V2.25H2.26953V21.75Z" fill={color || 'currentColor'}/>
-<path d="M12.5319 7.92821L16.0019 11.3982L18.1679 9.23221L14.6979 5.76221L12.5319 7.92821Z" fill={color || 'currentColor'}/>
-<path d="M5.41992 15.0412L5.42292 18.5072L8.88892 18.5112L14.9409 12.4592L11.4719 8.98921L5.41992 15.0412Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpBulkEditSquareIcon.displayName = 'IconlySharpBulkEditSquareIcon';
-
-export const IconlySharpBulkEditIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path d="M15.9975 2.27417L21.6035 7.88017L12.581 16.9027L12.5766 16.9021L7.73501 21.7255L2.40748 21.7252V21.4762H2.40148L2.39648 15.8752L15.9975 2.27417Z" fill={color || 'currentColor'}/>
-<path opacity={fillOpacity ?? 0.4} d="M7.73486 21.7251L20.9683 21.7258V20.2258H9.25734L7.73486 21.7251Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpBulkEditIcon.displayName = 'IconlySharpBulkEditIcon';
-
-export const IconlySharpBulkEmojiIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M12 2.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'}/>
-<path d="M12 17.5488C14.756 17.5488 16.998 15.3068 16.998 12.5508V11.8008H15.498V12.5508C15.498 14.4798 13.929 16.0488 12 16.0488C10.071 16.0488 8.50195 14.4798 8.50195 12.5508V11.8008H7.00195V12.5508C7.00195 15.3068 9.24395 17.5488 12 17.5488Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpBulkEmojiIcon.displayName = 'IconlySharpBulkEmojiIcon';
-
-export const IconlySharpBulkFilter3Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path d="M2.5 7.19902V2.79102H12V20.134L9.25 21.209V14.086L2.5 7.19902Z" fill={color || 'currentColor'}/>
-<path opacity={fillOpacity ?? 0.4} d="M14.75 14.086V19.059L12 20.134V2.79102H21.5V7.19902L14.75 14.086Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpBulkFilter3Icon.displayName = 'IconlySharpBulkFilter3Icon';
-
-export const IconlySharpBulkFilterIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" 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.63 10.3046C8.356 10.3046 9.76 8.90864 9.76 7.19364C9.76 5.47764 8.356 4.08264 6.63 4.08264C4.904 4.08264 3.5 5.47764 3.5 7.19364C3.5 8.90864 4.904 10.3046 6.63 10.3046Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M17.3702 13.6942C15.6442 13.6942 14.2402 15.0902 14.2402 16.8052C14.2402 18.5212 15.6442 19.9172 17.3702 19.9172C19.0962 19.9172 20.5002 18.5212 20.5002 16.8052C20.5002 15.0902 19.0962 13.6942 17.3702 13.6942Z" fill={color || 'currentColor'}/>
-<g opacity={fillOpacity ?? 0.4}>
-<path fillRule="evenodd" clipRule="evenodd" d="M11.4948 8.00354H19.6368V6.50354H11.4948V8.00354Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M4.36279 17.6165H12.5048V16.1165H4.36279V17.6165Z" fill={color || 'currentColor'}/>
-</g>
-  </svg>
-);
-IconlySharpBulkFilterIcon.displayName = 'IconlySharpBulkFilterIcon';
-
-export const IconlySharpBulkFolderIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M12.21 5.95004L9.95 3.17004H2.25V20.83H21.75V5.95004H12.21Z" fill={color || 'currentColor'}/>
-<path d="M17.1199 15.84H6.87988V14.34H17.1199V15.84Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpBulkFolderIcon.displayName = 'IconlySharpBulkFolderIcon';
-
-export const IconlySharpBulkGameIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path opacity={fillOpacity ?? 0.4} d="M12.7505 6.79297H15.7625C19.8525 6.79297 23.1785 10.12 23.1785 14.209C23.1785 18.298 19.8525 21.625 15.7625 21.625H8.23753C4.14753 21.625 0.821533 18.298 0.821533 14.209C0.821533 10.12 4.14753 6.79297 8.23753 6.79297H11.2505H12.7505Z" fill={color || 'currentColor'}/>
-<path d="M12.7506 6.793V6.445C12.7436 4.926 11.4846 3.686 9.94061 3.681H8.91161C8.59061 3.681 8.32861 3.431 8.32861 3.125V2.375H6.82861V3.125C6.82861 4.258 7.76361 5.181 8.91161 5.181H9.93761C10.6586 5.183 11.2476 5.754 11.2506 6.449V6.793H12.7506Z" fill={color || 'currentColor'}/>
-<path d="M11.2525 14.9309H9.39252V16.7539H7.89252V14.9309H6.03052V13.4309H7.89252V11.6069H9.39252V13.4309H11.2525V14.9309Z" fill={color || 'currentColor'}/>
-<path d="M15.7405 13.2169H14.1365V11.7169H15.7405V13.2169Z" fill={color || 'currentColor'}/>
-<path d="M17.5065 16.6989H15.9025V15.1989H17.5065V16.6989Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpBulkGameIcon.displayName = 'IconlySharpBulkGameIcon';
-
-export const IconlySharpBulkGraphIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" 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.9732 5.24146H10.4732C8.83523 5.24146 7.24923 5.72245 5.88723 6.63245C4.52523 7.54245 3.47423 8.82345 2.84723 10.3365C2.22023 11.8495 2.05823 13.4995 2.37823 15.1055C2.69723 16.7135 3.47823 18.1745 4.63723 19.3315C5.79423 20.4895 7.25523 21.2705 8.86223 21.5905C9.39823 21.6975 9.93823 21.7505 10.4772 21.7505C11.5532 21.7505 12.6222 21.5385 13.6312 21.1205C15.1442 20.4935 16.4262 19.4435 17.3352 18.0815C18.2452 16.7195 18.7262 15.1345 18.7262 13.4955V12.9955H10.9732V5.24146Z" fill={color || 'currentColor'}/>
-<path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M19.3638 4.66676C17.8058 3.10776 15.7328 2.24976 13.5278 2.24976H13.0278V11.0028H21.7818V10.5028C21.7818 8.29876 20.9228 6.22676 19.3638 4.66676Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpBulkGraphIcon.displayName = 'IconlySharpBulkGraphIcon';
-
-export const IconlySharpBulkHeartIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path d="M12.0011 20.9083L12.0001 4.9542C13.4342 3.25791 15.3451 2.69395 17.4413 3.37119C20.0872 4.22325 21.7381 6.61436 21.7501 9.60996C21.7752 14.7442 16.8363 18.7662 12.2042 20.818L12.0011 20.9083Z" fill={color || 'currentColor'}/>
-<path opacity={fillOpacity ?? 0.4} d="M11.9991 20.9083L12.0001 4.9542C10.566 3.25791 8.65512 2.69395 6.55893 3.37119C3.91293 4.22325 2.26205 6.61436 2.25009 9.60996C2.22495 14.7442 7.16391 18.7662 11.796 20.818L11.9991 20.9083Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpBulkHeartIcon.displayName = 'IconlySharpBulkHeartIcon';
-
-export const IconlySharpBulkHeart2Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M17.4401 3.37044C15.3431 2.69444 13.4341 3.25744 12.0001 4.95544C10.5651 3.25744 8.65609 2.69444 6.55909 3.37044C3.91309 4.22344 2.26209 6.61544 2.25009 9.61144C2.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.61044C21.7381 6.61444 20.0871 4.22344 17.4401 3.37044Z" fill={color || 'currentColor'}/>
-<path d="M12.0775 14.3836C13.7565 14.3836 15.4045 13.3396 16.3905 11.6456L16.7675 10.9976L15.4715 10.2426L15.0945 10.8906C14.5245 11.8706 13.4235 12.9266 12.0065 12.8826C10.5995 12.9346 9.51353 11.8696 8.94353 10.8906L8.56653 10.2426L7.26953 10.9976L7.64753 11.6456C8.63353 13.3396 10.2815 14.3836 11.9355 14.3836H12.0775Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpBulkHeart2Icon.displayName = 'IconlySharpBulkHeart2Icon';
-
-export const IconlySharpBulkHideIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M18.6295 9.88672L22.1549 13.412L20.7407 14.8263L17.2153 11.3009L18.6295 9.88672Z" fill={color || 'currentColor'}/>
-<path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M5.37094 9.88672L1.84562 13.412L3.25984 14.8263L6.78516 11.3009L5.37094 9.88672Z" fill={color || 'currentColor'}/>
-<path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M15.0535 12.4697L16.4556 17.3L14.5348 17.8575L13.1328 13.0272L15.0535 12.4697Z" fill={color || 'currentColor'}/>
-<path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M8.94597 12.4697L7.54396 17.3L9.46468 17.8575L10.8667 13.0272L8.94597 12.4697Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M22.1535 7.90457C20.0195 12.3956 16.2245 15.0776 12.0025 15.0796H11.9985C7.77548 15.0776 3.98048 12.3956 1.84648 7.90457L1.41748 7.00157L3.22448 6.14257L3.65348 7.04657C5.44748 10.8236 8.56748 13.0786 12.0005 13.0796C15.4325 13.0786 18.5525 10.8236 20.3465 7.04657L20.7765 6.14257L22.5825 7.00157L22.1535 7.90457Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpBulkHideIcon.displayName = 'IconlySharpBulkHideIcon';
-
-export const IconlySharpBulkHome2Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M11.8969 2.19348L3.05688 8.54748V21.8065H20.9429V8.54448L11.8969 2.19348Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M9.95532 17.1358V12.0568H14.0773V17.1358H9.95532Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpBulkHome2Icon.displayName = 'IconlySharpBulkHome2Icon';
-
-export const IconlySharpBulkHomeIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M12 2.00598L0.875977 11.538L1.85298 12.677L3.59298 11.186V21.994H20.41V11.188L22.147 12.677L23.124 11.538L12 2.00598Z" fill={color || 'currentColor'}/>
-<path d="M12.75 17.1069H11.25V12.1979H12.75V17.1069Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpBulkHomeIcon.displayName = 'IconlySharpBulkHomeIcon';
-
-export const IconlySharpBulkImage3Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M2.25 21.75H21.75V2.25H2.25V21.75Z" fill={color || 'currentColor'}/>
-<path d="M4.1179 20.199H20.0369L20.2429 19.807L14.6739 11.729L14.2639 11.726L10.4389 17.096L7.9479 15.012L7.5909 15.052L3.9209 19.796L4.1179 20.199Z" fill={color || 'currentColor'}/>
-<path d="M10.9529 8.57502C10.9519 7.30502 9.9169 6.27102 8.6459 6.27002C7.3759 6.27002 6.3419 7.30402 6.3419 8.57502C6.3419 9.84702 7.3759 10.881 8.6459 10.881C9.9179 10.881 10.9529 9.84702 10.9529 8.57502Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpBulkImage3Icon.displayName = 'IconlySharpBulkImage3Icon';
-
-export const IconlySharpBulkImageIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M2.25 21.75H21.75V2.25H2.25V21.75Z" fill={color || 'currentColor'}/>
-<path d="M18.492 18.4599L18.638 18.4279L18.819 18.1979L14.768 11.4029H14.406L11.443 15.3359L8.29102 13.7469L7.91202 13.7199L5.49902 18.1879L5.67102 18.4599H18.492Z" fill={color || 'currentColor'}/>
-<path d="M10.678 8.11192C10.678 6.91692 9.70402 5.94292 8.50702 5.94092C7.31102 5.94092 6.33702 6.91392 6.33702 8.11192C6.33702 9.30792 7.31102 10.2819 8.50702 10.2819C9.70402 10.2819 10.678 9.30792 10.678 8.11192Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpBulkImageIcon.displayName = 'IconlySharpBulkImageIcon';
-
-export const IconlySharpBulkInfoSquareIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M2.25 21.75H21.75V2.25H2.25V21.75Z" fill={color || 'currentColor'}/>
-<path d="M11.2497 8.9541H12.7497V7.4541H11.2397L11.2497 8.9541Z" fill={color || 'currentColor'}/>
-<path d="M12.7437 16.7501H11.2437V11.2501H12.7437V16.7501Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpBulkInfoSquareIcon.displayName = 'IconlySharpBulkInfoSquareIcon';
-
-export const IconlySharpBulkLocation2Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M17.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'}/>
-<path d="M9.35059 9.8502C9.35059 11.3112 10.5396 12.5002 12.0006 12.5002C13.4616 12.5002 14.6506 11.3112 14.6506 9.8502C14.6506 8.3892 13.4616 7.2002 12.0006 7.2002C10.5396 7.2002 9.35059 8.3892 9.35059 9.8502Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpBulkLocation2Icon.displayName = 'IconlySharpBulkLocation2Icon';
-
-export const IconlySharpBulkLocationIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M17.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'}/>
-<path d="M9.26294 10.7589C9.26294 12.2679 10.4909 13.4949 11.9999 13.4949C13.5089 13.4949 14.7359 12.2679 14.7359 10.7589C14.7359 9.24985 13.5089 8.02185 11.9999 8.02185C10.4909 8.02185 9.26294 9.24985 9.26294 10.7589Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpBulkLocationIcon.displayName = 'IconlySharpBulkLocationIcon';
-
-export const IconlySharpBulkLockIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <rect opacity={fillOpacity ?? 0.4} x="3.89014" y="8.96289" width="16.22" height="12.9126" fill={color || 'currentColor'}/>
-<path d="M8.18994 7.40957V8.96289H6.68994V7.42657C6.69594 5.98757 7.25294 4.65857 8.25994 3.66157C9.26494 2.66557 10.6099 2.09657 12.0129 2.12557C14.9319 2.12557 17.3099 4.50357 17.3099 7.42657V8.96289H15.8099V7.42657C15.8099 5.33057 14.1059 3.62557 12.0099 3.62557H11.9939C10.9819 3.62557 10.0329 4.01657 9.31494 4.72757C8.59294 5.44257 8.19394 6.39557 8.18994 7.40957Z" fill={color || 'currentColor'}/>
-<path d="M11.1099 17.2996H12.6099V13.5786H11.1099V17.2996Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpBulkLockIcon.displayName = 'IconlySharpBulkLockIcon';
-
-export const IconlySharpBulkLogin1Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M21.1205 2.25H8.68994V21.75H21.1205V2.25Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M17.5448 11.2503C15.5328 11.2493 13.7008 9.4173 13.7008 7.4043V6.6543H12.2008V7.4043C12.2008 8.8813 12.8758 10.2613 13.9198 11.2503L2.87951 11.2502V12.7502L13.9198 12.7503C12.8758 13.7393 12.2008 15.1183 12.2008 16.5953V17.3453H13.7008V16.5953C13.7008 14.5833 15.5338 12.7503 17.5458 12.7503H18.2958V11.2503H17.5448Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpBulkLogin1Icon.displayName = 'IconlySharpBulkLogin1Icon';
-
-export const IconlySharpBulkLoginIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M9.01764 21.75L21.4647 21.75L21.4647 2.25L9.01764 2.25L9.01764 21.75Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M14.9502 11.2559L12.4142 8.72794L13.4732 7.66494L17.8272 12.0069L13.4712 16.3359L12.4142 15.2729L14.9462 12.7559L2.53477 12.7559L2.53477 11.2559L14.9502 11.2559Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpBulkLoginIcon.displayName = 'IconlySharpBulkLoginIcon';
-
-export const IconlySharpBulkLogout1Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M13.1733 2.25H1.65332V21.75H13.1733V2.25Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M21.5956 11.2503C19.5836 11.2493 17.7516 9.4173 17.7516 7.4043V6.6543H16.2516V7.4043C16.2516 8.8813 16.9266 10.2613 17.9706 11.2503L6.93029 11.2502V12.7502L17.9706 12.7503C16.9266 13.7393 16.2516 15.1183 16.2516 16.5953V17.3453H17.7516V16.5953C17.7516 14.5833 19.5846 12.7503 21.5966 12.7503H22.3466V11.2503H21.5956Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpBulkLogout1Icon.displayName = 'IconlySharpBulkLogout1Icon';
-
-export const IconlySharpBulkLogoutIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M2.05688 21.75L13.5181 21.75L13.5181 2.25L2.05689 2.25L2.05688 21.75Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M19.7102 11.2559L17.1742 8.72794L18.2332 7.66494L22.5872 12.0069L18.2312 16.3359L17.1742 15.2729L19.7062 12.7559L7.29472 12.7559L7.29472 11.2559L19.7102 11.2559Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpBulkLogoutIcon.displayName = 'IconlySharpBulkLogoutIcon';
-
-export const IconlySharpBulkMessageIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M1.5 21.5H22.5V2.5H1.5V21.5Z" fill={color || 'currentColor'}/>
-<path d="M5.21973 8.95992L12.0397 14.5009L18.8587 8.95892L17.9127 7.79492L12.0397 12.5679L6.16473 7.79492L5.21973 8.95992Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpBulkMessageIcon.displayName = 'IconlySharpBulkMessageIcon';
-
-export const IconlySharpBulkMoreCircleIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" 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.813C4.03076 13.813 2.24976 15.593 2.24976 17.782C2.24976 19.97 4.03076 21.75 6.21876 21.75C8.40676 21.75 10.1878 19.97 10.1878 17.782C10.1878 15.593 8.40676 13.813 6.21876 13.813Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M17.7813 13.813C15.5933 13.813 13.8123 15.593 13.8123 17.782C13.8123 19.97 15.5933 21.75 17.7813 21.75C19.9693 21.75 21.7503 19.97 21.7503 17.782C21.7503 15.593 19.9693 13.813 17.7813 13.813Z" fill={color || 'currentColor'}/>
-<path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M15.9685 6.219C15.9685 4.031 14.1885 2.25 11.9995 2.25C9.81149 2.25 8.03149 4.031 8.03149 6.219C8.03149 8.407 9.81149 10.188 11.9995 10.188C14.1885 10.188 15.9685 8.407 15.9685 6.219Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpBulkMoreCircleIcon.displayName = 'IconlySharpBulkMoreCircleIcon';
-
-export const IconlySharpBulkMoreSquareIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M2.25 21.75H21.75V2.25H2.25V21.75Z" fill={color || 'currentColor'}/>
-<path d="M15.1989 12.7632H16.6989V11.2632H15.1899L15.1989 12.7632Z" fill={color || 'currentColor'}/>
-<path d="M11.1889 12.7632H12.6889V11.2632H11.1799L11.1889 12.7632Z" fill={color || 'currentColor'}/>
-<path d="M7.1799 12.7632H8.6799V11.2632H7.1709L7.1799 12.7632Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpBulkMoreSquareIcon.displayName = 'IconlySharpBulkMoreSquareIcon';
-
-export const IconlySharpBulkNotification2Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path opacity={fillOpacity ?? 0.4} d="M18.69 8.89996V13.27L20.3 14.91V18.3174H3.69995V14.91L5.30995 13.27V8.89996C5.30995 5.20996 8.30995 2.20996 12 2.20996C12.69 2.20996 13.35 2.30996 13.97 2.50996C13.6 3.10996 13.4 3.80996 13.4 4.55996C13.4 6.78996 15.21 8.58996 17.43 8.58996C17.86 8.58996 18.28 8.51996 18.67 8.39996C18.68 8.55996 18.69 8.72996 18.69 8.89996Z" fill={color || 'currentColor'}/>
-<path d="M18.3896 6.8999C18.0896 7.02002 17.7698 7.08984 17.4297 7.08984C16.0396 7.08984 14.8997 5.95996 14.8997 4.56006C14.8997 4.02002 15.0696 3.53027 15.3496 3.12012C15.8096 2.47021 16.5696 2.04004 17.4297 2.04004C18.8296 2.04004 19.9597 3.16992 19.9597 4.56006C19.9597 5.62012 19.3096 6.52002 18.3896 6.8999Z" fill={color || 'currentColor'}/>
-<path d="M15.8896 18.3198H14.3896C14.2498 19.52 13.2397 20.46 11.9998 20.46C10.7598 20.46 9.74976 19.52 9.60962 18.3198H8.10962C8.25977 20.3501 9.92969 21.96 11.9998 21.96C14.0698 21.96 15.7498 20.3501 15.8896 18.3198Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpBulkNotification2Icon.displayName = 'IconlySharpBulkNotification2Icon';
-
-export const IconlySharpBulkNotification3Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path d="M9.55259 18.6912C9.70057 19.9184 10.7352 20.8755 12.0007 20.8755C13.2663 20.8755 14.3019 19.9184 14.4499 18.6912H15.951C15.7971 20.7456 14.0934 22.3755 12.0007 22.3755C9.90811 22.3755 8.20535 20.7456 8.05151 18.6912H9.55259Z" fill={color || 'currentColor'}/>
-<path d="M12.7507 3.26514V1.62451H11.2507V3.26514H12.7507Z" fill={color || 'currentColor'}/>
-<path opacity={fillOpacity ?? 0.4} d="M9.55249 18.6914C9.55151 18.6831 9.55054 18.6748 9.54956 18.6665H14.4524C14.4514 18.6748 14.4504 18.6831 14.4495 18.6914H15.9507C15.9514 18.6831 15.9519 18.6748 15.9524 18.6665H20.9045L20.3645 17.8823C19.3464 16.4053 18.8083 14.6777 18.8083 12.8857V10.0923C18.8083 6.59131 16.1523 3.70166 12.7505 3.32666V3.26514H11.2505V3.32666C7.84839 3.70166 5.19141 6.59131 5.19141 10.0923V12.8857C5.19141 14.6797 4.65356 16.4077 3.6355 17.8823L3.09546 18.6665H8.04956C8.05005 18.6748 8.05054 18.6831 8.05127 18.6914H9.55249Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpBulkNotification3Icon.displayName = 'IconlySharpBulkNotification3Icon';
-
-export const IconlySharpBulkNotificationIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path opacity={fillOpacity ?? 0.4} d="M18.6875 13.304L20.5195 18.232H3.48047L5.31247 13.304V8.813C5.31247 5.125 8.31247 2.125 12.0005 2.125C15.6875 2.125 18.6875 5.125 18.6875 8.813V13.304Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M15.8898 18.2319H14.3898C14.2518 19.4349 13.2398 20.3749 12.0018 20.3749C10.7628 20.3749 9.75079 19.4349 9.61279 18.2319H8.11279C8.25579 20.2619 9.93579 21.8749 12.0018 21.8749C14.0668 21.8749 15.7468 20.2619 15.8898 18.2319Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpBulkNotificationIcon.displayName = 'IconlySharpBulkNotificationIcon';
-
-export const IconlySharpBulkPaperDownload1Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M14.2901 8.341V3.681L18.7601 8.341H14.2901ZM14.7801 2.25H3.83008V21.75H20.1701V7.87L14.7801 2.25Z" fill={color || 'currentColor'}/>
-<path d="M13.0153 16.052H13.7653V14.552H13.0153C12.3483 14.552 11.7133 14.772 11.1783 15.139V9.29297H9.67831V15.139C9.14431 14.772 8.50831 14.552 7.84131 14.552H7.09131V16.052H7.84131C8.80231 16.052 9.67831 16.928 9.67831 17.889V18.639H11.1783V17.889C11.1783 16.928 12.0543 16.052 13.0153 16.052Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpBulkPaperDownload1Icon.displayName = 'IconlySharpBulkPaperDownload1Icon';
-
-export const IconlySharpBulkPaperDownloadIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M14.2901 8.341V3.681L18.7601 8.341H14.2901ZM14.7801 2.25H3.83008V21.75H20.1701V7.87L14.7801 2.25Z" fill={color || 'currentColor'}/>
-<path d="M7.46387 14.5339L10.8879 17.9729L14.3109 14.5329L13.2479 13.4749L11.6369 15.0939V9.50293H10.1369V15.0929L8.52587 13.4749L7.46387 14.5339Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpBulkPaperDownloadIcon.displayName = 'IconlySharpBulkPaperDownloadIcon';
-
-export const IconlySharpBulkPaperFailIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M14.2901 8.341V3.681L18.7601 8.341H14.2901ZM14.7801 2.25H3.83008V21.75H20.1701V7.87L14.7801 2.25Z" fill={color || 'currentColor'}/>
-<path d="M13.0613 16.908L14.1223 15.847L12.3753 14.101L14.1233 12.353L13.0633 11.293L11.3153 13.041L9.56735 11.293L8.50635 12.353L10.2543 14.101L8.50835 15.847L9.56935 16.908L11.3153 15.162L13.0613 16.908Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpBulkPaperFailIcon.displayName = 'IconlySharpBulkPaperFailIcon';
-
-export const IconlySharpBulkPaperNegativeIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M14.2901 8.341V3.681L18.7601 8.341H14.2901ZM14.7801 2.25H3.83008V21.75H20.1701V7.87L14.7801 2.25Z" fill={color || 'currentColor'}/>
-<path d="M14.688 15.1758H8.24805V13.6758H14.688V15.1758Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpBulkPaperNegativeIcon.displayName = 'IconlySharpBulkPaperNegativeIcon';
-
-export const IconlySharpBulkPaperPlusIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M14.2901 8.341V3.681L18.7601 8.341H14.2901ZM14.7801 2.25H3.83008V21.75H20.1701V7.87L14.7801 2.25Z" fill={color || 'currentColor'}/>
-<path d="M12.0403 15.1761H14.5083V13.6761H12.0403V11.2061H10.5403V13.6761H8.06934V15.1761H10.5403V17.6461H12.0403V15.1761Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpBulkPaperPlusIcon.displayName = 'IconlySharpBulkPaperPlusIcon';
-
-export const IconlySharpBulkPaperUpload1Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M14.2901 8.341V3.681L18.7601 8.341H14.2901ZM14.7801 2.25H3.83008V21.75H20.1701V7.87L14.7801 2.25Z" fill={color || 'currentColor'}/>
-<path d="M13.0153 13.38H13.7653V11.88H13.0153C12.0543 11.88 11.1783 11.004 11.1783 10.043V9.29297H9.67831V10.043C9.67831 11.004 8.80231 11.88 7.84131 11.88H7.09131V13.38H7.84131C8.50831 13.38 9.14431 13.161 9.67831 12.793V18.639H11.1783V12.793C11.7133 13.161 12.3493 13.38 13.0153 13.38Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpBulkPaperUpload1Icon.displayName = 'IconlySharpBulkPaperUpload1Icon';
-
-export const IconlySharpBulkPaperUploadIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M14.2901 8.341V3.681L18.7601 8.341H14.2901ZM14.7801 2.25H3.83008V21.75H20.1701V7.87L14.7801 2.25Z" fill={color || 'currentColor'}/>
-<path d="M7.46387 12.9421L10.8879 9.50315L14.3109 12.9431L13.2479 14.0011L11.6369 12.3821V17.9731H10.1369V12.3831L8.52587 14.0011L7.46387 12.9421Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpBulkPaperUploadIcon.displayName = 'IconlySharpBulkPaperUploadIcon';
-
-export const IconlySharpBulkPaperIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M14.2901 8.341V3.681L18.7601 8.341H14.2901ZM14.7801 2.25H3.83008V21.75H20.1701V7.87L14.7801 2.25Z" fill={color || 'currentColor'}/>
-<path d="M14.9968 17.052H8.05276V15.552H14.9968V17.052Z" fill={color || 'currentColor'}/>
-<path d="M12.9348 13.269H8.05176V11.769H12.9348V13.269Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpBulkPaperIcon.displayName = 'IconlySharpBulkPaperIcon';
-
-export const IconlySharpBulkPasswordIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M2.25 21.75H21.75V2.25H2.25V21.75Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M17.7598 14.6019H16.2598V12.7499H14.9318V14.6019H13.4318V12.7499H11.3158C10.9918 13.8179 10.0088 14.6019 8.83684 14.6019C7.40284 14.6019 6.23584 13.4349 6.23584 11.9999C6.23584 10.5659 7.40284 9.39795 8.83684 9.39795C10.0098 9.39995 10.9918 10.1829 11.3158 11.2499H17.7598V14.6019ZM7.73495 12.0002C7.73495 11.3922 8.22995 10.8982 8.83895 10.8982C9.44595 10.8982 9.93995 11.3932 9.93995 12.0002C9.93995 12.6082 9.44495 13.1023 8.83695 13.1023C8.22995 13.1023 7.73495 12.6082 7.73495 12.0002Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpBulkPasswordIcon.displayName = 'IconlySharpBulkPasswordIcon';
-
-export const IconlySharpBulkPlayIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M12 2.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'}/>
-<path d="M10.0029 8.61084V15.3788L15.3319 11.9948L10.0029 8.61084Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpBulkPlayIcon.displayName = 'IconlySharpBulkPlayIcon';
-
-export const IconlySharpBulkPlusIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M2.25 21.75H21.75V2.25H2.25V21.75Z" fill={color || 'currentColor'}/>
-<path d="M12.75 12.7401H16.417V11.2401H12.75V7.57715H11.25V11.2401H7.58398V12.7401H11.25V16.4041H12.75V12.7401Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpBulkPlusIcon.displayName = 'IconlySharpBulkPlusIcon';
-
-export const IconlySharpBulkProfileIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path fillRule="evenodd" clipRule="evenodd" d="M12.0003 12.1089C14.7233 12.1089 16.9393 9.89393 16.9393 7.17093C16.9393 4.44693 14.7233 2.23193 12.0003 2.23193C9.27726 2.23193 7.06226 4.44693 7.06226 7.17093C7.06226 9.89393 9.27726 12.1089 12.0003 12.1089Z" fill={color || 'currentColor'}/>
-<path opacity={fillOpacity ?? 0.4} 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'}/>
-  </svg>
-);
-IconlySharpBulkProfileIcon.displayName = 'IconlySharpBulkProfileIcon';
-
-export const IconlySharpBulkQRIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" 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.1403H7.39976V16.5503H5.89976V18.1403ZM2.49976 21.5003H10.8098V13.1903H2.49976V21.5003Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M14.6941 3.99951H17.1251V2.49951H13.1941V8.11851H14.6941V3.99951Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M13.1948 10.8043H16.9148V9.30431H13.1948V10.8043Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M18.2981 2.49951V3.99951H20.0001V5.70051H21.5001V2.49951H18.2981Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M19.9998 9.3041H18.2978V10.8041H21.4998V6.8741H19.9998V9.3041Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M15.5174 4.86421V8.58321H18.8464V7.08321H17.0174V4.86421H15.5174Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M19.4432 4.8544L17.9432 4.8644V6.3644H19.4432V4.8544Z" fill={color || 'currentColor'}/>
-<g opacity={fillOpacity ?? 0.4}>
-<path fillRule="evenodd" clipRule="evenodd" d="M16.5998 18.1405H18.0998V16.5505H16.5998V18.1405ZM13.1898 21.5005H21.4998V13.1905H13.1898V21.5005Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M5.89976 7.45049H7.39976V5.85049H5.89976V7.45049ZM2.49976 10.8005H10.8098V2.50049H2.49976V10.8005Z" fill={color || 'currentColor'}/>
-</g>
-  </svg>
-);
-IconlySharpBulkQRIcon.displayName = 'IconlySharpBulkQRIcon';
-
-export const IconlySharpBulkScanIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path d="M11.462 12.7854H2" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
-<path d="M22.0002 12.7854H15.0552" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
-<path d="M20.2186 8.77552V3.78052H15.5156" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
-<path d="M3.78125 8.77552V3.78052H8.51325" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
-<path d="M20.2186 12.7844V20.2194H15.5156" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
-<path d="M3.78125 12.7844V20.2194H8.51325" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
-  </svg>
-);
-IconlySharpBulkScanIcon.displayName = 'IconlySharpBulkScanIcon';
-
-export const IconlySharpBulkSearchIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" 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.791 3.54272C6.9037 3.54272 3.75244 6.69398 3.75244 10.5813C3.75244 14.4685 6.9037 17.6198 10.791 17.6198C14.6783 17.6198 17.8295 14.4685 17.8295 10.5813C17.8295 6.69398 14.6783 3.54272 10.791 3.54272ZM1.75244 10.5813C1.75244 5.58942 5.79913 1.54272 10.791 1.54272C15.7828 1.54272 19.8295 5.58942 19.8295 10.5813C19.8295 15.5731 15.7828 19.6198 10.791 19.6198C5.79913 19.6198 1.75244 15.5731 1.75244 10.5813Z" fill={color || 'currentColor'}/>
-<path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M16.2781 15.0872L22.2476 21.0412L20.8353 22.4572L14.8657 16.5032L16.2781 15.0872Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpBulkSearchIcon.displayName = 'IconlySharpBulkSearchIcon';
-
-export const IconlySharpBulkSendIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M21.4015 2.15198L2.5455 7.75798L2.1875 7.89398V8.53398L9.5675 13.466L10.1239 13.8345L10.6165 14.538L15.3535 21.626L15.5265 21.848H16.1685L21.7625 2.89398L21.8125 2.58198L21.4015 2.15198Z" fill={color || 'currentColor'}/>
-<path d="M16.7535 6.31946L11.1035 11.9695L12.1525 13.0415L17.8145 7.38046L16.7535 6.31946Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpBulkSendIcon.displayName = 'IconlySharpBulkSendIcon';
-
-export const IconlySharpBulkSetting2Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M17.2891 2.83997H6.7111L1.4231 12L6.7111 21.16H17.2891L22.5771 12L17.2891 2.83997Z" fill={color || 'currentColor'}/>
-<path d="M8.90112 12C8.90112 13.709 10.2921 15.1 12.0011 15.1C13.7101 15.1 15.1011 13.709 15.1011 12C15.1011 10.291 13.7101 8.90002 12.0011 8.90002C10.2921 8.90002 8.90112 10.291 8.90112 12Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpBulkSetting2Icon.displayName = 'IconlySharpBulkSetting2Icon';
-
-export const IconlySharpBulkSettingIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M21.718 9.12695L18.918 8.00695L19.348 5.01995L14.372 2.14795L12.001 4.01395L9.62898 2.14795L4.65298 5.01995L5.08298 8.00695L2.28198 9.12695V14.8729L5.08398 15.9939L4.65398 18.9789L9.62998 21.8519L12.001 19.9869L14.371 21.8519L19.347 18.9789L18.917 15.9929L21.718 14.8729V9.12695Z" fill={color || 'currentColor'}/>
-<path d="M8.06274 12C8.06274 14.171 9.82874 15.937 11.9997 15.937C14.1707 15.937 15.9377 14.171 15.9377 12C15.9377 9.82901 14.1707 8.06201 11.9997 8.06201C9.82874 8.06201 8.06274 9.82901 8.06274 12Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpBulkSettingIcon.displayName = 'IconlySharpBulkSettingIcon';
-
-export const IconlySharpBulkShieldDoneIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M3.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'}/>
-<path d="M8.32642 10.6834L11.2784 13.6404L16.2374 8.67938L15.1764 7.61938L11.2794 11.5184L9.38842 9.62338L8.32642 10.6834Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpBulkShieldDoneIcon.displayName = 'IconlySharpBulkShieldDoneIcon';
-
-export const IconlySharpBulkShieldFailIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M3.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'}/>
-<path d="M13.9118 14.07L14.9728 13.009L13.0458 11.082L14.9728 9.15499L13.9118 8.09399L11.9848 10.021L10.0578 8.09399L8.9978 9.15499L10.9248 11.082L8.9978 13.009L10.0578 14.07L11.9848 12.143L13.9118 14.07Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpBulkShieldFailIcon.displayName = 'IconlySharpBulkShieldFailIcon';
-
-export const IconlySharpBulkShowIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M22.1535 13.2922C20.0195 8.80119 16.2245 6.11919 12.0025 6.11719H11.9985C7.77548 6.11919 3.98048 8.80119 1.84648 13.2922L1.41748 14.1952L3.22448 15.0542L3.65348 14.1502C5.44748 10.3732 8.56748 8.11819 12.0005 8.11719C15.4325 8.11819 18.5525 10.3732 20.3465 14.1502L20.7765 15.0542L22.5825 14.1952L22.1535 13.2922Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M11.9989 10.0601C9.97989 10.0601 8.33789 11.7031 8.33789 13.7221C8.33789 15.7411 9.97989 17.3831 11.9989 17.3831C14.0179 17.3831 15.6609 15.7411 15.6609 13.7221C15.6609 11.7031 14.0179 10.0601 11.9989 10.0601Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpBulkShowIcon.displayName = 'IconlySharpBulkShowIcon';
-
-export const IconlySharpBulkStar2Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path d="M13.0283 1.75H10.9714V10.9717H1.75V13.0288H10.9714V22.25H13.0283V13.0288H22.25V10.9717H13.0283V1.75Z" fill={color || 'currentColor'}/>
-<path opacity={fillOpacity ?? 0.4} d="M19.9747 5.47934L18.5203 4.0249L11.9996 10.5456L5.47902 4.02507L4.02441 5.47968L10.545 12.0002L4.02459 18.5206L5.47902 19.975L11.9994 13.4547L18.5201 19.9754L19.9747 18.5208L13.454 12.0001L19.9747 5.47934Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpBulkStar2Icon.displayName = 'IconlySharpBulkStar2Icon';
-
-export const IconlySharpBulkStar3Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" 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.0001 1.31006L9.11206 9.11306L1.31006 12.0001L9.11206 14.8871L12.0001 22.6901V1.31006Z" fill={color || 'currentColor'}/>
-<path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M11.9999 1.31006L14.8879 9.11306L22.6899 12.0001L14.8879 14.8871L11.9999 22.6901V1.31006Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpBulkStar3Icon.displayName = 'IconlySharpBulkStar3Icon';
-
-export const IconlySharpBulkStar4Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" 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.0001 1.3125C10.0491 6.57057 6.50866 10.077 1.30811 12.0005C6.56939 13.9424 10.0709 17.4923 12.0001 22.6875V1.3125Z" fill={color || 'currentColor'}/>
-<path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M11.9999 1.3125C13.9509 6.57057 17.4913 10.077 22.6919 12.0005C17.4306 13.9424 13.9291 17.4923 11.9999 22.6875V1.3125Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpBulkStar4Icon.displayName = 'IconlySharpBulkStar4Icon';
-
-export const IconlySharpBulkStar5Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path fillRule="evenodd" clipRule="evenodd" d="M12.0002 2.17102L9.55716 9.67902H1.66016L8.05216 14.32L5.61016 21.829L12.0002 17.188V2.17102Z" fill={color || 'currentColor'}/>
-<path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M11.9998 2.17102L14.4428 9.67902H22.3398L15.9478 14.32L18.3898 21.829L11.9998 17.188V2.17102Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpBulkStar5Icon.displayName = 'IconlySharpBulkStar5Icon';
-
-export const IconlySharpBulkStar6Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" 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.0001 0.930542L9.88313 8.33754L2.41113 6.46354L7.77413 12.0005L2.41113 17.5365L9.88313 15.6625L12.0001 23.0695V0.930542Z" fill={color || 'currentColor'}/>
-<path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M11.9999 0.930542L14.1169 8.33754L21.5889 6.46354L16.2259 12.0005L21.5889 17.5365L14.1169 15.6625L11.9999 23.0695V0.930542Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpBulkStar6Icon.displayName = 'IconlySharpBulkStar6Icon';
-
-export const IconlySharpBulkStar7Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path d="M9.78203 6.65396L12 1.48096V22.519L9.78203 17.346L4.56103 19.44L6.65403 14.214L1.47803 12L6.65403 9.78596L4.56103 4.55996L9.78203 6.65396Z" fill={color || 'currentColor'}/>
-<path opacity={fillOpacity ?? 0.4} d="M14.218 6.65396L12 1.48096V22.519L14.218 17.346L19.439 19.44L17.346 14.214L22.522 12L17.346 9.78596L19.439 4.55996L14.218 6.65396Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpBulkStar7Icon.displayName = 'IconlySharpBulkStar7Icon';
-
-export const IconlySharpBulkStarIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M21.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.7509 7.747C18.7509 6.585 20.0249 5.248 21.2499 5.248C20.0709 5.248 18.7509 3.897 18.7509 2.75C18.7509 3.897 17.4429 5.248 16.2529 5.248C17.3979 5.248 18.7509 6.578 18.7509 7.747Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpBulkStarIcon.displayName = 'IconlySharpBulkStarIcon';
-
-export const IconlySharpBulkSwapIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" 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.94 9.44537H12.94V7.44537H11.94C10.061 7.44537 8.349 5.73137 8.349 3.84937V2.84937H6.349V3.84937C6.349 5.73137 4.633 7.44537 2.75 7.44537H1.75V9.44537H2.75C4.093 9.44537 5.36 8.91137 6.349 8.05637V18.7894H8.349V8.05937C9.336 8.91337 10.6 9.44537 11.94 9.44537Z" fill={color || 'currentColor'}/>
-<path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M21.2501 14.5547C19.9061 14.5547 18.6401 15.0887 17.6501 15.9437V5.20972H15.6501V15.9407C14.6631 15.0867 13.4001 14.5547 12.0601 14.5547H11.0601V16.5547H12.0601C13.9381 16.5547 15.6501 18.2687 15.6501 20.1507V21.1507H17.6501V20.1507C17.6501 18.2687 19.3661 16.5547 21.2501 16.5547H22.2501V14.5547H21.2501Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpBulkSwapIcon.displayName = 'IconlySharpBulkSwapIcon';
-
-export const IconlySharpBulkTickSquareIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M11.4871 2.25C6.11106 2.25 1.73706 6.624 1.73706 12C1.73706 17.376 6.11106 21.75 11.4871 21.75C16.8631 21.75 21.2371 17.376 21.2371 12C21.2371 6.624 16.8631 2.25 11.4871 2.25Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M22.263 5.82504L21.6158 6.20413C18.6337 7.95104 16.3283 10.2529 14.7643 12.1289C13.9839 13.065 13.3923 13.8899 12.9972 14.4784C12.7998 14.7725 12.6517 15.0071 12.554 15.1665C12.5052 15.2462 12.4689 15.307 12.4454 15.347L12.4196 15.3912L12.4139 15.4011L12.4131 15.4026L12.1978 15.7836H11.3256L11.1035 15.4478L11.1011 15.4441L11.0901 15.4278C11.0798 15.4126 11.0638 15.3892 11.0423 15.3584C10.9993 15.2966 10.9343 15.2051 10.8494 15.0903C10.6793 14.8605 10.4306 14.5392 10.1193 14.1784C9.49053 13.4494 8.63381 12.591 7.67813 11.9868L7.04419 11.586L7.84575 10.3182L8.47968 10.7189C9.61303 11.4355 10.5813 12.4174 11.2551 13.1986C11.4176 13.387 11.5646 13.5656 11.6943 13.7284C11.713 13.7003 11.7322 13.6716 11.7518 13.6423C12.1711 13.0178 12.7935 12.1503 13.6122 11.1683C15.2463 9.20822 17.6792 6.77174 20.8576 4.90985L21.5048 4.53076L22.263 5.82504Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpBulkTickSquareIcon.displayName = 'IconlySharpBulkTickSquareIcon';
-
-export const IconlySharpBulkTicketStarIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M21.25 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'}/>
-<path d="M11.9991 14.1758L14.4741 15.3928L14.0811 12.6618L16.0041 10.6838L13.2871 10.2138L11.9991 7.7738L10.7121 10.2138L7.99414 10.6838L9.91714 12.6618L9.52414 15.3928L11.9991 14.1758Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpBulkTicketStarIcon.displayName = 'IconlySharpBulkTicketStarIcon';
-
-export const IconlySharpBulkTicketIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path d="M13.5481 6.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.578H13.5481V15.087H12.961V9.12798H13.5481V6.82098Z" fill={color || 'currentColor'}/>
-<path opacity={fillOpacity ?? 0.4} d="M13.5479 17.578H14.4607V19.8998H21.7498V13.4891H21.2498C20.4158 13.4891 19.7368 12.8212 19.7368 12.0009C19.7368 11.1801 20.4158 10.5121 21.2498 10.5121H21.7498V4.09998H14.4607V6.82117H13.5479V9.12781H14.4607V15.0868H13.5479V17.578Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpBulkTicketIcon.displayName = 'IconlySharpBulkTicketIcon';
-
-export const IconlySharpBulkTimeCircleIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M12 2.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'}/>
-<path d="M10.9121 13.1182L15.6921 15.9702L16.4611 14.6822L12.4121 12.2672V7.09619H10.9121V13.1182Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpBulkTimeCircleIcon.displayName = 'IconlySharpBulkTimeCircleIcon';
-
-export const IconlySharpBulkTimeSquareIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M2.25 21.75H21.75V2.25H2.25V21.75Z" fill={color || 'currentColor'}/>
-<path d="M11.25 12.4208L15.651 15.0458L16.42 13.7578L12.75 11.5688V6.88281H11.25V12.4208Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpBulkTimeSquareIcon.displayName = 'IconlySharpBulkTimeSquareIcon';
-
-export const IconlySharpBulkUnlockIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <rect opacity={fillOpacity ?? 0.4} x="3.88989" y="8.96289" width="16.22" height="12.9126" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M11.1097 17.2996H12.6097V13.5786H11.1097V17.2996ZM8.1897 9.00257V7.40957C8.1937 6.39457 8.5927 5.44257 9.3147 4.72657C10.0327 4.01557 10.9817 3.62557 11.9927 3.62557C13.0677 3.59157 14.0517 4.04757 14.7837 4.82657L15.2957 5.37357L16.3907 4.34757L15.8767 3.80057C14.8787 2.73557 13.4687 2.12557 12.0127 2.12557C10.6037 2.09657 9.2647 2.66457 8.2587 3.66157C7.2527 4.65857 6.6957 5.98757 6.6897 7.42657V9.00257H8.1897Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpBulkUnlockIcon.displayName = 'IconlySharpBulkUnlockIcon';
-
-export const IconlySharpBulkUpload1Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M2.25 10.8266L2.25 22.3466L21.75 22.3466L21.75 10.8266L2.25 10.8266Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M11.2503 2.40432C11.2493 4.41632 9.4173 6.24832 7.4043 6.24832L6.6543 6.24832L6.6543 7.74832L7.4043 7.74832C8.8813 7.74832 10.2613 7.07332 11.2503 6.02932L11.2502 17.0696L12.7502 17.0696L12.7503 6.02932C13.7393 7.07332 15.1183 7.74832 16.5953 7.74832L17.3453 7.74832L17.3453 6.24832L16.5953 6.24832C14.5833 6.24832 12.7503 4.41532 12.7503 2.40332L12.7503 1.65332L11.2503 1.65332L11.2503 2.40432Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpBulkUpload1Icon.displayName = 'IconlySharpBulkUpload1Icon';
-
-export const IconlySharpBulkUploadIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M2.25 10.4897V22.0097H21.75V10.4897H2.25Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M12.7499 4.2852L15.2779 6.8212L16.3409 5.7622L11.9989 1.4082L7.66992 5.7642L8.73292 6.8212L11.2499 4.2892V16.7006H12.7499V4.2852Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpBulkUploadIcon.displayName = 'IconlySharpBulkUploadIcon';
-
-export const IconlySharpBulkVideoIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M0.628662 19.375H16.1087V4.625H0.628662V19.375Z" fill={color || 'currentColor'}/>
-<path d="M12.2383 9.83496H7.53833V8.33496H12.2383V9.83496Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M17.3774 9.11576V14.6408L23.3714 18.9848V5.05176L17.3774 9.11576Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpBulkVideoIcon.displayName = 'IconlySharpBulkVideoIcon';
-
-export const IconlySharpBulkVoice3Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="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'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M11.71 9.57305V11.073H16.19V11.263C16.19 13.583 14.31 15.473 12 15.473C9.68005 15.473 7.80005 13.583 7.80005 11.263V6.09305C7.80005 3.76305 9.68005 1.87305 12 1.87305C14.27 1.87305 16.12 3.69305 16.18 5.96305H12.79V7.46305H16.19V9.57305H11.71Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpBulkVoice3Icon.displayName = 'IconlySharpBulkVoice3Icon';
-
-export const IconlySharpBulkVoiceIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <g opacity={fillOpacity ?? 0.4}>
-<path d="M4.24512 12.6247V6.73486H2.74512V12.6247H4.24512Z" fill={color || 'currentColor'}/>
-<path d="M21.2549 6.73486V12.6247H19.7549V6.73486H21.2549Z" fill={color || 'currentColor'}/>
-<path d="M12.7503 16.2349V20.625H15.4698V22.125H8.52954V20.625H11.2503V16.2349H12.7503Z" fill={color || 'currentColor'}/>
-</g>
-<path d="M12.0004 1.875C9.35545 1.875 7.21484 4.02889 7.21484 6.68045V12.6806C7.21484 15.3323 9.35562 17.4849 12.0004 17.4849C14.6463 17.4849 16.7859 15.3322 16.7859 12.6806V6.68045C16.7859 4.02897 14.6465 1.875 12.0004 1.875Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpBulkVoiceIcon.displayName = 'IconlySharpBulkVoiceIcon';
-
-export const IconlySharpBulkVolumeDownIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M8.69037 7.56406H3.99737V8.06406C3.99437 10.6881 3.99437 13.3121 3.99737 15.9371V16.4361H8.69037L12.8164 20.0131H14.2784V3.98706H12.8164L8.69037 7.56406Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M18.843 7.62244L18.47 6.97144L17.169 7.71744L17.541 8.36844C18.827 10.6124 18.827 13.3964 17.542 15.6334L17.168 16.2834L18.468 17.0304L18.843 16.3804C20.392 13.6834 20.392 10.3274 18.843 7.62244Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpBulkVolumeDownIcon.displayName = 'IconlySharpBulkVolumeDownIcon';
-
-export const IconlySharpBulkVolumeOffIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M7.32757 7.56355H2.63457V8.06355C2.63157 10.6885 2.63157 13.3125 2.63457 15.9375V16.4365H7.32757L11.4536 20.0125H12.9156V3.98755H11.4536L7.32757 7.56355Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M21.3683 10.2673L20.3073 9.2063L18.5743 10.9403L16.8413 9.2063L15.7803 10.2673L17.5143 12.0013L15.7813 13.7333L16.8423 14.7943L18.5743 13.0613L20.3063 14.7943L21.3673 13.7333L19.6353 12.0013L21.3683 10.2673Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpBulkVolumeOffIcon.displayName = 'IconlySharpBulkVolumeOffIcon';
-
-export const IconlySharpBulkVolumeUpIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M6.8288 7.56406H2.1348V8.06406C2.1328 10.6881 2.1328 13.3121 2.1348 15.9371V16.4361H6.8288L10.9548 20.0131H12.4178V3.98706H10.9548L6.8288 7.56406Z" fill={color || 'currentColor'}/>
-<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'}/>
-  </svg>
-);
-IconlySharpBulkVolumeUpIcon.displayName = 'IconlySharpBulkVolumeUpIcon';
-
-export const IconlySharpBulkWalletIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M15.7224 14.3688C15.7224 15.3138 16.6024 16.0838 17.6814 16.0848H22.2554V12.6538H17.6814C16.6014 12.6538 15.7224 13.4238 15.7224 14.3688Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M1.74438 21.8699V5.34424H3.24438V5.35093H18.3734V5.34424H19.8734V5.35093H22.2554V11.1529H17.6814C15.7744 11.1539 14.2224 12.5959 14.2224 14.3689C14.2244 16.1409 15.7754 17.5829 17.6814 17.5839H22.2554V21.8749H1.99438V21.8699H1.74438ZM6.30933 11.1689H13.2423V9.66895H6.30933V11.1689Z" fill={color || 'currentColor'}/>
-<path opacity={fillOpacity ?? 0.4} d="M19.8733 5.34424V2.12598L1.74438 2.125V5.34424H3.24438V3.625L18.3733 3.62598V5.34424H19.8733Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpBulkWalletIcon.displayName = 'IconlySharpBulkWalletIcon';
-
-export const IconlySharpBulkWorkIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" 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.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'}/>
-<path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M20.1476 15.8151C17.6876 16.7951 14.8776 17.3151 11.9976 17.3151C9.11758 17.3151 6.30758 16.7951 3.85758 15.8151C3.48758 15.6651 3.12758 15.5151 2.77758 15.3451C2.60758 15.2651 2.43758 15.1851 2.26758 15.0851L2.48758 21.3251H21.5176L21.7276 15.0851C21.5576 15.1851 21.3876 15.2651 21.2176 15.3451C20.8676 15.5151 20.5076 15.6651 20.1476 15.8151Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlySharpBulkWorkIcon.displayName = 'IconlySharpBulkWorkIcon';
-
+import React from 'react';
+import { IconProps } from '../../../types';
+
+export const IconlySharpBulk2UserIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.9549 10.9899C14.5649 11.4199 15.3149 11.6799 16.1149 11.6799C18.1749 11.6799 19.8549 9.99988 19.8549 7.92988C19.8549 5.86988 18.1749 4.18988 16.1149 4.18988C15.5349 4.18988 14.9949 4.31988 14.5049 4.55988C14.9749 5.38988 15.2449 6.34988 15.2449 7.36988C15.2449 8.73988 14.7649 9.99988 13.9549 10.9899Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M9.48486 12.1299C11.0049 12.1299 12.3549 11.4099 13.2249 10.2999C13.8649 9.49987 14.2449 8.47987 14.2449 7.36987C14.2449 6.54987 14.0349 5.77987 13.6749 5.10987C12.8649 3.62987 11.2949 2.61987 9.48486 2.61987C6.86486 2.61987 4.73486 4.74987 4.73486 7.36987C4.73486 9.98987 6.86486 12.1299 9.48486 12.1299Z" fill={color || 'currentColor'}/>
+<g opacity={fillOpacity ?? 0.4}>
+<path fillRule="evenodd" clipRule="evenodd" d="M21.735 16.82C20.975 14.41 18.935 13.03 16.135 13.03H16.095C14.865 13.03 13.795 13.3 12.895 13.79C15.155 14.61 16.835 16.3 17.615 18.65C19.105 18.49 20.415 18.07 21.515 17.4L21.855 17.19L21.735 16.82Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M16.585 18.72C15.795 16.57 14.155 15.11 11.915 14.52C11.185 14.32 10.375 14.22 9.51502 14.22H9.46502C5.86502 14.22 3.24502 15.99 2.26502 19.08L2.14502 19.45L2.48502 19.65C4.38502 20.82 6.66502 21.38 9.43502 21.38H9.48502C12.325 21.39 14.585 20.82 16.495 19.65L16.835 19.45L16.715 19.08C16.675 18.96 16.635 18.84 16.585 18.72Z" fill={color || 'currentColor'}/>
+</g>
+  </svg>
+);
+IconlySharpBulk2UserIcon.displayName = 'IconlySharpBulk2UserIcon';
+
+export const IconlySharpBulk3UserIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.041 11.2483C16.553 11.5333 17.132 11.6943 17.758 11.6943C19.721 11.6943 21.314 10.1003 21.314 8.13732C21.314 6.18432 19.721 4.59032 17.758 4.59032C17.369 4.59032 16.999 4.65732 16.648 4.77032C17.16 5.59632 17.454 6.57232 17.454 7.60632C17.454 9.01032 16.932 10.2813 16.041 11.2483Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M6.24401 11.694C6.87001 11.694 7.44801 11.533 7.96101 11.248C7.06901 10.281 6.54701 9.01001 6.54701 7.60601C6.54701 6.57301 6.84101 5.59601 7.35401 4.77101C7.00301 4.65701 6.63301 4.59001 6.24401 4.59001C4.28101 4.59001 2.68701 6.18401 2.68701 8.13701C2.68701 10.101 4.28101 11.694 6.24401 11.694Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M12.0007 12.1185C14.4867 12.1185 16.5087 10.0965 16.5087 7.61052C16.5087 5.12552 14.4867 3.10352 12.0007 3.10352C9.51474 3.10352 7.49274 5.12552 7.49274 7.61052C7.49274 10.0965 9.51474 12.1185 12.0007 12.1185Z" fill={color || 'currentColor'}/>
+<g opacity={fillOpacity ?? 0.4}>
+<path fillRule="evenodd" clipRule="evenodd" d="M23.0966 16.569C22.3666 14.283 20.4316 12.975 17.7766 12.975H17.7576C16.6756 12.965 15.7086 13.183 14.8926 13.6C17.1696 14.331 18.8576 15.953 19.6346 18.248C20.8676 18.077 21.9396 17.698 22.8876 17.119L23.2006 16.92L23.0966 16.569Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M9.06032 13.5816C8.26332 13.1836 7.32432 12.9746 6.26232 12.9746H6.22432C3.56932 12.9746 1.63432 14.2836 0.913316 16.5686L0.799316 16.9196L1.11232 17.1186C2.01332 17.6696 3.07632 18.0386 4.26132 18.2286C5.04832 15.9246 6.76532 14.2926 9.06032 13.5816Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M11.966 14.1035C11.95 14.1035 11.935 14.1035 11.92 14.1035C8.506 14.1035 6.017 15.7815 5.091 18.7105L4.979 19.0645L5.296 19.2585C7.104 20.3605 9.264 20.8965 11.899 20.8965H11.984C14.621 20.8965 16.782 20.3605 18.59 19.2585L18.908 19.0645L18.796 18.7105C17.869 15.7815 15.381 14.1035 11.966 14.1035Z" fill={color || 'currentColor'}/>
+</g>
+  </svg>
+);
+IconlySharpBulk3UserIcon.displayName = 'IconlySharpBulk3UserIcon';
+
+export const IconlySharpBulkActivityIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M14.9551 4.40006C14.9551 4.20006 14.9651 4.00006 14.9951 3.81006H2.21509V22.0201H20.4251V8.68006C20.0951 8.77006 19.7351 8.81006 19.3751 8.81006C16.9351 8.81006 14.9551 6.83006 14.9551 4.40006Z" fill={color || 'currentColor'}/>
+<path d="M9.83522 12.66L13.0352 15.17L16.7052 10.44L15.5152 9.52002L12.7752 13.06L9.57522 10.54L5.85522 15.38L7.03522 16.3L9.83522 12.66Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M19.3748 1.97998C18.2448 1.97998 17.2948 2.75998 17.0348 3.80998C16.9848 3.99998 16.9548 4.19998 16.9548 4.39998C16.9548 5.72998 18.0448 6.80998 19.3748 6.80998C19.7448 6.80998 20.1048 6.71998 20.4248 6.56998C21.2248 6.17998 21.7848 5.34998 21.7848 4.39998C21.7848 3.05998 20.7048 1.97998 19.3748 1.97998Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBulkActivityIcon.displayName = 'IconlySharpBulkActivityIcon';
+
+export const IconlySharpBulkAddUserIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.87721 12.1087C12.6002 12.1087 14.8152 9.89369 14.8152 7.17069C14.8152 4.44669 12.6002 2.23169 9.87721 2.23169C7.15421 2.23169 4.93921 4.44669 4.93921 7.17069C4.93921 9.89369 7.15421 12.1087 9.87721 12.1087Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M21.7602 9.94177H19.7152V7.93677H18.2152V9.94177H16.1702V11.4418H18.2152V13.4468H19.7152V11.4418H21.7602V9.94177Z" fill={color || 'currentColor'}/>
+<path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M9.90399 14.3367H9.85099C6.10399 14.3367 3.37399 16.1777 2.35799 19.3907L2.23999 19.7647L2.57399 19.9687C4.53199 21.1627 6.97299 21.7677 9.83099 21.7677C9.86199 21.7687 9.89299 21.7687 9.92499 21.7677C12.822 21.7677 15.196 21.1787 17.181 19.9687L17.515 19.7647L17.397 19.3907C16.382 16.1777 13.651 14.3367 9.90399 14.3367Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBulkAddUserIcon.displayName = 'IconlySharpBulkAddUserIcon';
+
+export const IconlySharpBulkArrowDown2Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path fillRule="evenodd" clipRule="evenodd" d="M4.99991 7.08582L13.4141 15.5L11.9999 16.9142L3.58569 8.50003L4.99991 7.08582Z" fill={color || 'currentColor'}/>
+<path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M20.4141 8.50003L11.9999 16.9142L10.5857 15.5L18.9999 7.08582L20.4141 8.50003Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBulkArrowDown2Icon.displayName = 'IconlySharpBulkArrowDown2Icon';
+
+export const IconlySharpBulkArrowDown3Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M10.9999 20.9996L10.9999 2.99987L12.9999 2.99987L12.9999 20.9996L10.9999 20.9996Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M12.9999 20C12.9999 16.3291 9.78046 13.34 6.33983 13.34H5.33983V15.34H6.33983C8.71869 15.34 10.9999 17.476 10.9999 20V21H12.9999V20Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M10.9999 20C10.9999 16.3291 14.2193 13.34 17.6599 13.34H18.6599V15.34H17.6599C15.2811 15.34 12.9999 17.476 12.9999 20V21H10.9999V20Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBulkArrowDown3Icon.displayName = 'IconlySharpBulkArrowDown3Icon';
+
+export const IconlySharpBulkArrowDownCircleIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M12 2.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'}/>
+<path d="M7.47021 10.5551L12.0002 15.1061L16.5302 10.5551L15.4672 9.49707L12.0002 12.9801L8.53322 9.49707L7.47021 10.5551Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBulkArrowDownCircleIcon.displayName = 'IconlySharpBulkArrowDownCircleIcon';
+
+export const IconlySharpBulkArrowDownSquareIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M2.25 21.75H21.75V2.25H2.25V21.75Z" fill={color || 'currentColor'}/>
+<path d="M7.18896 12.3201L12 17.1491L16.811 12.3201L15.748 11.2621L12.75 14.2711V7.16406H11.25V14.2711L8.25196 11.2621L7.18896 12.3201Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBulkArrowDownSquareIcon.displayName = 'IconlySharpBulkArrowDownSquareIcon';
+
+export const IconlySharpBulkArrowDownIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M12.9998 3.29126V19.6915H10.9998V3.29126H12.9998Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M5.97842 11.8274L12.0004 17.8744L18.0214 11.8274L19.4387 13.2386L12.0005 20.7088L4.56128 13.2387L5.97842 11.8274Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBulkArrowDownIcon.displayName = 'IconlySharpBulkArrowDownIcon';
+
+export const IconlySharpBulkArrowLeft2Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.9141 5.00003L8.49985 13.4142L7.08564 12L15.4998 3.58582L16.9141 5.00003Z" fill={color || 'currentColor'}/>
+<path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M15.4998 20.4142L7.08564 12L8.49985 10.5858L16.9141 19L15.4998 20.4142Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBulkArrowLeft2Icon.displayName = 'IconlySharpBulkArrowLeft2Icon';
+
+export const IconlySharpBulkArrowLeft3Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M3.00061 11L21.0004 11L21.0004 13L3.00061 13L3.00061 11Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M3.99974 13C7.67066 13 10.6598 9.78059 10.6598 6.33997L10.6598 5.33997L8.65979 5.33997L8.65979 6.33997C8.65979 8.71883 6.52377 11 3.99974 11L2.99974 11L2.99974 13L3.99974 13Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M3.99974 11C7.67066 11 10.6598 14.2194 10.6598 17.6601L10.6598 18.6601L8.65979 18.6601L8.65979 17.6601C8.65979 15.2812 6.52377 13 3.99974 13L2.99974 13L2.99974 11L3.99974 11Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBulkArrowLeft3Icon.displayName = 'IconlySharpBulkArrowLeft3Icon';
+
+export const IconlySharpBulkArrowLeftCircleIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M21.75 12C21.75 17.376 17.376 21.75 12 21.75C6.624 21.75 2.25 17.376 2.25 12C2.25 6.624 6.624 2.25 12 2.25C17.376 2.25 21.75 6.624 21.75 12Z" fill={color || 'currentColor'}/>
+<path d="M13.4449 16.5298L8.89393 11.9998L13.4449 7.46978L14.5029 8.53278L11.0199 11.9998L14.5029 15.4668L13.4449 16.5298Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBulkArrowLeftCircleIcon.displayName = 'IconlySharpBulkArrowLeftCircleIcon';
+
+export const IconlySharpBulkArrowLeftSquareIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M2.25 21.75L2.25 2.25L21.75 2.25L21.75 21.75L2.25 21.75Z" fill={color || 'currentColor'}/>
+<path d="M11.6799 16.811L6.85094 12L11.6799 7.18904L12.7379 8.25203L9.72894 11.25L16.8359 11.25L16.8359 12.75L9.72894 12.75L12.7379 15.748L11.6799 16.811Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBulkArrowLeftSquareIcon.displayName = 'IconlySharpBulkArrowLeftSquareIcon';
+
+export const IconlySharpBulkArrowLeftIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M20.7088 12.9998L4.30856 12.9998L4.30856 10.9998L20.7088 10.9998L20.7088 12.9998Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M12.1727 5.97842L6.12567 12.0004L12.1727 18.0214L10.7615 19.4387L3.29125 12.0005L10.7614 4.56128L12.1727 5.97842Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBulkArrowLeftIcon.displayName = 'IconlySharpBulkArrowLeftIcon';
+
+export const IconlySharpBulkArrowRight2Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.08569 5.00003L15.4999 13.4142L16.9141 12L8.49991 3.58582L7.08569 5.00003Z" fill={color || 'currentColor'}/>
+<path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M8.49991 20.4142L16.9141 12L15.4999 10.5858L7.08569 19L8.49991 20.4142Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBulkArrowRight2Icon.displayName = 'IconlySharpBulkArrowRight2Icon';
+
+export const IconlySharpBulkArrowRight3Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M20.9995 11L2.99975 11L2.99975 13L20.9995 13L20.9995 11Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M20.0004 13C16.3295 13 13.3403 9.78058 13.3403 6.33995L13.3403 5.33995L15.3403 5.33995L15.3403 6.33995C15.3403 8.71881 17.4764 11 20.0004 11L21.0004 11L21.0004 13L20.0004 13Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M20.0004 11C16.3295 11 13.3403 14.2194 13.3403 17.66L13.3403 18.66L15.3403 18.66L15.3403 17.66C15.3403 15.2812 17.4764 13 20.0004 13L21.0004 13L21.0004 11L20.0004 11Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBulkArrowRight3Icon.displayName = 'IconlySharpBulkArrowRight3Icon';
+
+export const IconlySharpBulkArrowRightCircleIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M2.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.25C6.624 2.25 2.25 6.624 2.25 12Z" fill={color || 'currentColor'}/>
+<path d="M10.5551 16.5298L15.1061 11.9998L10.5551 7.46978L9.49707 8.53278L12.9801 11.9998L9.49707 15.4668L10.5551 16.5298Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBulkArrowRightCircleIcon.displayName = 'IconlySharpBulkArrowRightCircleIcon';
+
+export const IconlySharpBulkArrowRightSquareIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M21.75 21.75L21.75 2.25L2.25 2.25L2.25 21.75L21.75 21.75Z" fill={color || 'currentColor'}/>
+<path d="M12.3201 16.811L17.1491 12L12.3201 7.18904L11.2621 8.25203L14.2711 11.25L7.16406 11.25L7.16406 12.75L14.2711 12.75L11.2621 15.748L12.3201 16.811Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBulkArrowRightSquareIcon.displayName = 'IconlySharpBulkArrowRightSquareIcon';
+
+export const IconlySharpBulkArrowRightIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M3.29126 12.9998L19.6915 12.9998L19.6915 10.9998L3.29126 10.9998L3.29126 12.9998Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M11.8274 5.97842L17.8744 12.0004L11.8274 18.0214L13.2386 19.4387L20.7088 12.0005L13.2387 4.56128L11.8274 5.97842Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBulkArrowRightIcon.displayName = 'IconlySharpBulkArrowRightIcon';
+
+export const IconlySharpBulkArrowUp2Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path fillRule="evenodd" clipRule="evenodd" d="M4.99991 16.9142L13.4141 8.50003L11.9999 7.08582L3.58569 15.5L4.99991 16.9142Z" fill={color || 'currentColor'}/>
+<path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M20.4141 15.5L11.9999 7.08582L10.5857 8.50003L18.9999 16.9142L20.4141 15.5Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBulkArrowUp2Icon.displayName = 'IconlySharpBulkArrowUp2Icon';
+
+export const IconlySharpBulkArrowUp3Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M10.9999 3.00049L10.9999 21.0002L12.9999 21.0002L12.9999 3.00049L10.9999 3.00049Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M12.9999 3.99962C12.9999 7.67054 9.78046 10.6597 6.33983 10.6597H5.33983V8.65967H6.33983C8.71869 8.65967 10.9999 6.52365 10.9999 3.99962V2.99962H12.9999V3.99962Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M10.9999 3.99962C10.9999 7.67054 14.2193 10.6597 17.6599 10.6597H18.6599V8.65967H17.6599C15.2811 8.65967 12.9999 6.52365 12.9999 3.99962V2.99962H10.9999V3.99962Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBulkArrowUp3Icon.displayName = 'IconlySharpBulkArrowUp3Icon';
+
+export const IconlySharpBulkArrowUpCircleIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M12 21.75C6.624 21.75 2.25 17.376 2.25 12C2.25 6.624 6.624 2.25 12 2.25C17.376 2.25 21.75 6.624 21.75 12C21.75 17.376 17.376 21.75 12 21.75Z" fill={color || 'currentColor'}/>
+<path d="M7.47021 13.4449L12.0002 8.89393L16.5302 13.4449L15.4672 14.5029L12.0002 11.0199L8.53322 14.5029L7.47021 13.4449Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBulkArrowUpCircleIcon.displayName = 'IconlySharpBulkArrowUpCircleIcon';
+
+export const IconlySharpBulkArrowUpSquareIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M2.25 2.25H21.75V21.75H2.25V2.25Z" fill={color || 'currentColor'}/>
+<path d="M7.18896 11.6799L12 6.85094L16.811 11.6799L15.748 12.7379L12.75 9.72894V16.8359H11.25V9.72894L8.25196 12.7379L7.18896 11.6799Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBulkArrowUpSquareIcon.displayName = 'IconlySharpBulkArrowUpSquareIcon';
+
+export const IconlySharpBulkArrowUpIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M12.9998 20.7088V4.30856H10.9998V20.7088H12.9998Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M5.97842 12.1727L12.0004 6.12567L18.0214 12.1727L19.4387 10.7615L12.0005 3.29125L4.56128 10.7614L5.97842 12.1727Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBulkArrowUpIcon.displayName = 'IconlySharpBulkArrowUpIcon';
+
+export const IconlySharpBulkAvatarIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M12 2.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'}/>
+<path d="M15.6456 11.9242H17.1456V10.4242H15.6356L15.6456 11.9242Z" fill={color || 'currentColor'}/>
+<path d="M9.27762 15.8222H14.0436V14.3222H10.4346L12.3676 7.77022L10.9286 7.34521L8.70762 14.8742L9.27762 15.8222Z" fill={color || 'currentColor'}/>
+<path d="M6.19262 11.9242H7.69262V10.4242H6.18262L6.19262 11.9242Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBulkAvatarIcon.displayName = 'IconlySharpBulkAvatarIcon';
+
+export const IconlySharpBulkBag2Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path opacity={fillOpacity ?? 0.4} d="M2.70996 22.1251L3.65996 6.49512H20.34L21.29 22.1251H2.70996Z" fill={color || 'currentColor'}/>
+<path d="M9.89969 4.375C10.5297 3.745 11.4097 3.375 12.2997 3.375H12.3197C14.0997 3.375 15.5397 4.755 15.6897 6.495H17.1897C17.0397 3.925 14.9197 1.875 12.3197 1.875H12.2997C11.0097 1.875 9.74969 2.395 8.83969 3.305C7.98969 4.155 7.49969 5.305 7.42969 6.495H8.92969C8.99969 5.705 9.32969 4.935 9.89969 4.375Z" fill={color || 'currentColor'}/>
+<path d="M8.76978 11.8652H10.3098V10.3652H8.76978V11.8652Z" fill={color || 'currentColor'}/>
+<path d="M14.3798 11.8652H15.9198V10.3652H14.3798V11.8652Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBulkBag2Icon.displayName = 'IconlySharpBulkBag2Icon';
+
+export const IconlySharpBulkBag3Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M2.25 6.81348V12.2535C2.25 17.6335 6.62 22.0035 12 22.0035C17.38 22.0035 21.75 17.6335 21.75 12.2535V6.81348H2.25Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M7.23048 6.73626C7.24183 4.10679 9.38258 1.98614 12.0111 1.99662C14.6391 1.9975 16.7694 4.1286 16.7694 6.75757V10.7308H15.2694V6.75757C15.2694 4.95623 13.8095 3.49662 12.0095 3.49662H12.0063C10.2052 3.48884 8.73907 4.94106 8.73047 6.74121V10.7308H7.23047L7.23048 6.73626Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBulkBag3Icon.displayName = 'IconlySharpBulkBag3Icon';
+
+export const IconlySharpBulkBagIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M21.79 6.96399L20.65 21.324H3.34996L2.20996 6.96399C8.57834 6.96399 14.0156 6.96399 21.79 6.96399Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M11.9998 4.1759C9.79104 4.1759 8.00049 5.96645 8.00049 8.1752V10.0371H6.50049V8.1752C6.50049 5.13802 8.96261 2.6759 11.9998 2.6759C15.037 2.6759 17.4991 5.13802 17.4991 8.1752V10.0371H15.9991V8.1752C15.9991 5.96645 14.2085 4.1759 11.9998 4.1759Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBulkBagIcon.displayName = 'IconlySharpBulkBagIcon';
+
+export const IconlySharpBulkBookmarkIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M4.02197 2.10901V21.889L12.024 18.214L19.978 21.891V2.10901H4.02197Z" fill={color || 'currentColor'}/>
+<path d="M16.272 9.83411H7.729V8.33411H16.272V9.83411Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBulkBookmarkIcon.displayName = 'IconlySharpBulkBookmarkIcon';
+
+export const IconlySharpBulkBuyIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M6.14507 5.76691L5.84507 2.70691H1.94507V4.20691H4.48507L5.76507 16.9069H20.5851L22.0551 5.76691H6.14507Z" fill={color || 'currentColor'}/>
+<path d="M13.5745 11.1771H17.7445V9.67712H13.5745V11.1771Z" fill={color || 'currentColor'}/>
+<path d="M6.32983 20.018C6.32983 19.315 6.90083 18.744 7.60383 18.744C8.30583 18.744 8.87683 19.315 8.87683 20.018C8.87683 20.721 8.30583 21.293 7.60383 21.293C6.90083 21.293 6.32983 20.721 6.32983 20.018Z" fill={color || 'currentColor'}/>
+<path d="M17.197 20.018C17.197 19.315 17.768 18.744 18.471 18.744C19.174 18.744 19.745 19.315 19.745 20.018C19.745 20.721 19.174 21.293 18.471 21.293C17.768 21.293 17.197 20.721 17.197 20.018Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBulkBuyIcon.displayName = 'IconlySharpBulkBuyIcon';
+
+export const IconlySharpBulkCalendarIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M3.17505 21.8751H20.825V10.4751H3.17505V21.8751Z" fill={color || 'currentColor'}/>
+<path d="M16.735 2.125V3.845H20.825V8.975H3.17505V3.845H6.76505V6.675H7.76505V2.125H9.26505V3.845H14.235V6.675H15.235V2.125H16.735Z" fill={color || 'currentColor'}/>
+<path d="M8.64501 12.5952V14.0952H7.14501L7.13501 12.5952H8.64501Z" fill={color || 'currentColor'}/>
+<path d="M8.64501 16.1852V17.6852H7.14501L7.13501 16.1852H8.64501Z" fill={color || 'currentColor'}/>
+<path d="M12.755 17.6852V16.1852H11.245L11.255 17.6852H12.755Z" fill={color || 'currentColor'}/>
+<path d="M12.755 12.5952V14.0952H11.255L11.245 12.5952H12.755Z" fill={color || 'currentColor'}/>
+<path d="M16.865 17.6852V16.1852H15.355L15.365 17.6852H16.865Z" fill={color || 'currentColor'}/>
+<path d="M16.865 12.5952V14.0952H15.365L15.355 12.5952H16.865Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBulkCalendarIcon.displayName = 'IconlySharpBulkCalendarIcon';
+
+export const IconlySharpBulkCallMissedIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="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.25004L6.33336 2.17004L5.94336 2.40004C4.36136 3.32804 3.20036 4.48904 2.29136 6.05204L2.23336 6.21104C1.71936 8.95504 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'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M15.7861 10.5674L18.2121 8.14136L20.6391 10.5674L21.6991 9.50636L19.2731 7.08136L21.6991 4.65536L20.6391 3.59436L18.2121 6.02036L15.7861 3.59436L14.7251 4.65536L17.1521 7.08136L14.7251 9.50636L15.7861 10.5674Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBulkCallMissedIcon.displayName = 'IconlySharpBulkCallMissedIcon';
+
+export const IconlySharpBulkCallSilentIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.4277L13.6904 15.1227C13.3384 15.0007 12.5394 14.6797 11.6434 14.0707L19.6144 5.56872L18.5194 4.54272L2.87842 21.2267L3.97342 22.2527L8.13142 17.8167C10.1914 19.5707 13.2724 21.4087 17.1884 21.4087C17.3774 21.4087 17.5704 21.4047 17.7634 21.3957L17.8824 21.3897L17.9854 21.3317C19.5884 20.4337 20.7514 19.2697 21.6484 17.6687L21.8634 17.2837L16.6354 13.4277Z" fill={color || 'currentColor'}/>
+<path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M5.95799 15.6553L9.34199 11.8223L9.14499 11.5063C8.67199 10.7463 8.42999 10.0853 8.33299 9.77831L10.032 6.82731L6.33399 1.74731L5.94299 1.97731C4.36099 2.90531 3.20099 4.06631 2.29199 5.62931L2.23299 5.78831C1.75699 8.33131 3.07299 12.0213 5.58699 15.1883L5.95799 15.6553Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBulkCallSilentIcon.displayName = 'IconlySharpBulkCallSilentIcon';
+
+export const IconlySharpBulkCallIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path d="M8.33217 10.2009C8.48917 10.6959 9.02516 12.1129 10.3082 13.3959L6.13717 16.2739C3.28817 12.9979 1.71917 8.95392 2.23317 6.21092L2.29117 6.05192C3.20017 4.48792 4.36216 3.32792 5.94416 2.39992L6.33417 2.16992L10.0312 7.24992L8.33217 10.2009Z" fill={color || 'currentColor'}/>
+<path opacity={fillOpacity ?? 0.4} d="M13.6905 15.546L16.6355 13.851L21.8635 17.706L21.6485 18.091C20.7515 19.693 19.5875 20.857 17.9855 21.755L17.8825 21.813L17.7635 21.818C17.5835 21.827 17.4035 21.83 17.2235 21.83C13.2395 21.83 9.22845 19.828 6.13745 16.274L10.3085 13.396C11.6755 14.763 13.1705 15.366 13.6905 15.546Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBulkCallIcon.displayName = 'IconlySharpBulkCallIcon';
+
+export const IconlySharpBulkCallingIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M13.6015 15.6298C13.0815 15.4498 11.5865 14.8458 10.2195 13.4798C8.93645 12.1968 8.40145 10.7788 8.24445 10.2848L9.94345 7.33378L6.24545 2.25378L5.85445 2.48378C4.27245 3.41178 3.11245 4.57178 2.20345 6.13478L2.14445 6.29478C1.63045 9.03878 3.20145 13.0828 6.05045 16.3588C9.14045 19.9118 13.1525 21.9138 17.1345 21.9138C17.3145 21.9138 17.4955 21.9098 17.6745 21.9018L17.7935 21.8968L17.8965 21.8378C19.4985 20.9408 20.6635 19.7768 21.5595 18.1748L21.7745 17.7898L16.5465 13.9348L13.6015 15.6298Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M20.3779 10.0303L20.4609 10.7763L21.9519 10.6083L21.8679 9.8633C21.4109 5.7863 18.2439 2.6223 14.1659 2.1693L13.4199 2.0863L13.2549 3.5773L13.9999 3.6603C17.3769 4.0353 19.9989 6.6553 20.3779 10.0303Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M16.8466 10.1006L16.9906 10.8366L18.4626 10.5506L18.3196 9.81461C17.9136 7.73261 16.3076 6.12561 14.2266 5.72161L13.4906 5.57861L13.2036 7.05061L13.9396 7.19361C15.4176 7.48061 16.5586 8.62161 16.8466 10.1006Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBulkCallingIcon.displayName = 'IconlySharpBulkCallingIcon';
+
+export const IconlySharpBulkCameraIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M17.045 6.19794L15.313 3.49194H8.685L6.954 6.19794H2.25V20.5079H21.75V6.19794H17.045Z" fill={color || 'currentColor'}/>
+<path d="M17.6083 10.239H19.1083V8.73901H17.5993L17.6083 10.239Z" fill={color || 'currentColor'}/>
+<path d="M8.56934 13.214C8.56934 15.105 10.1083 16.643 11.9993 16.643C13.8893 16.643 15.4273 15.105 15.4273 13.214C15.4273 11.323 13.8893 9.78501 11.9993 9.78501C10.1083 9.78501 8.56934 11.323 8.56934 13.214Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBulkCameraIcon.displayName = 'IconlySharpBulkCameraIcon';
+
+export const IconlySharpBulkCardIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M2.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'}/>
+<path d="M19.077 16.092H14.102V14.592H19.077V16.092Z" fill={color || 'currentColor'}/>
+<path d="M12.124 16.092H9.87598V14.592H12.124V16.092Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBulkCardIcon.displayName = 'IconlySharpBulkCardIcon';
+
+export const IconlySharpBulkCategoryIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.9504H10.0505V2.95044H2.05054V10.9504Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M2.05054 21.9494H10.0505V13.9494H2.05054V21.9494Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M13.0505 21.9494H21.0505V13.9494H13.0505V21.9494Z" fill={color || 'currentColor'}/>
+<path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M21.9496 4.12154L14.2216 2.05054L12.1516 9.77854L19.8786 11.8485L21.9496 4.12154Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBulkCategoryIcon.displayName = 'IconlySharpBulkCategoryIcon';
+
+export const IconlySharpBulkChartIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M2.25 21.75H21.75V2.25H2.25V21.75Z" fill={color || 'currentColor'}/>
+<path d="M17.5871 17.207H16.0871V12.864H17.5871V17.207Z" fill={color || 'currentColor'}/>
+<path d="M12.7511 17.207H11.2511V6.79199H12.7511V17.207Z" fill={color || 'currentColor'}/>
+<path d="M7.91406 17.207H6.41406V9.67699H7.91406V17.207Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBulkChartIcon.displayName = 'IconlySharpBulkChartIcon';
+
+export const IconlySharpBulkChat2Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M18.9055 5.11954C17.0705 3.28454 14.6295 2.27454 12.0295 2.27454C9.43049 2.27454 6.98749 3.28554 5.15249 5.12054C3.31249 6.96054 2.30049 9.40454 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.91254 18.9055 5.11954Z" fill={color || 'currentColor'}/>
+<path d="M16.5372 13.1315H14.9392V11.6315H16.5372V13.1315Z" fill={color || 'currentColor'}/>
+<path d="M12.8032 13.1315H11.2042V11.6315H12.8032V13.1315Z" fill={color || 'currentColor'}/>
+<path d="M9.06921 13.1315H7.47021V11.6315H9.06921V13.1315Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBulkChat2Icon.displayName = 'IconlySharpBulkChat2Icon';
+
+export const IconlySharpBulkChatIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M19.1081 5.12005C17.2731 3.28505 14.8321 2.27405 12.2321 2.27405C9.6331 2.27405 7.1901 3.28505 5.3551 5.12105C3.5151 6.96005 2.5031 9.40505 2.5051 12.004C2.5051 14.64 3.8891 17.152 4.3911 17.976L2.0481 21.712L2.9611 21.704C3.0191 21.704 8.7711 21.654 12.0211 21.724C12.0941 21.725 12.1661 21.726 12.2381 21.726C14.8341 21.726 17.2661 20.719 19.1081 18.876C22.9001 15.083 22.9001 8.91305 19.1081 5.12005Z" fill={color || 'currentColor'}/>
+<path d="M16.7401 13.131H15.1421V11.631H16.7401V13.131Z" fill={color || 'currentColor'}/>
+<path d="M13.0061 13.131H11.4071V11.631H13.0061V13.131Z" fill={color || 'currentColor'}/>
+<path d="M9.2721 13.131H7.6731V11.631H9.2721V13.131Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBulkChatIcon.displayName = 'IconlySharpBulkChatIcon';
+
+export const IconlySharpBulkCloseSquareIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M12 2.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'}/>
+<path d="M14.3996 15.4502L15.4606 14.3892L13.0606 11.9912L15.4606 9.59623L14.4006 8.53423L11.9996 10.9312L9.59957 8.53223L8.53857 9.59323L10.9376 11.9912L8.53857 14.3862L9.59857 15.4472L11.9986 13.0512L14.3996 15.4502Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBulkCloseSquareIcon.displayName = 'IconlySharpBulkCloseSquareIcon';
+
+export const IconlySharpBulkDangerCircleIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M12 2.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'}/>
+<path d="M11.2551 16.5461H12.7551V15.0461H11.2451L11.2551 16.5461Z" fill={color || 'currentColor'}/>
+<path d="M12.7451 13.3731H11.2451V7.4541H12.7451V13.3731Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBulkDangerCircleIcon.displayName = 'IconlySharpBulkDangerCircleIcon';
+
+export const IconlySharpBulkDangerTriangleIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M12.3635 3.20947H11.6345L2.15649 19.8385L2.81249 20.7905H21.1305L21.8435 19.8525L12.3635 3.20947Z" fill={color || 'currentColor'}/>
+<path d="M11.2661 17.5533H12.7661V16.0533H11.2571L11.2661 17.5533Z" fill={color || 'currentColor'}/>
+<path d="M12.7641 14.7663H11.2641V10.4653H12.7641V14.7663Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBulkDangerTriangleIcon.displayName = 'IconlySharpBulkDangerTriangleIcon';
+
+export const IconlySharpBulkDelete2Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path opacity={fillOpacity ?? 0.4} d="M5.08358 21.875L3.56958 6.07605H20.4306L18.9186 21.875H5.08358Z" fill={color || 'currentColor'}/>
+<path d="M8.32973 6.07588L9.13573 3.62488H14.8667L15.6727 6.07588H17.2517L15.9517 2.12488H8.05073L6.75073 6.07588H8.32973Z" fill={color || 'currentColor'}/>
+<path d="M11.2517 17.2107H12.7517V10.7377H11.2517V17.2107Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBulkDelete2Icon.displayName = 'IconlySharpBulkDelete2Icon';
+
+export const IconlySharpBulkDeleteIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M4.08008 7.03284L5.50008 21.8728H18.5001L19.9201 7.03284H4.08008Z" fill={color || 'currentColor'}/>
+<path d="M16.3565 3.56208H17.9375V5.06208H6.06152V3.56208H7.64252V2.12708H16.3565V3.56208Z" fill={color || 'currentColor'}/>
+<path d="M11.2495 17.5332H12.7495V11.3732H11.2495V17.5332Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBulkDeleteIcon.displayName = 'IconlySharpBulkDeleteIcon';
+
+export const IconlySharpBulkDiscountIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M21.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'}/>
+<path d="M8.59741 14.1338L9.65841 15.1948L15.1934 9.65975L14.1334 8.59875L8.59741 14.1338Z" fill={color || 'currentColor'}/>
+<path d="M13.3244 14.8218H14.8244V13.3218H13.3164L13.3244 14.8218Z" fill={color || 'currentColor'}/>
+<path d="M10.4714 10.4688V8.96875H8.96541L8.97141 10.4688H10.4714Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBulkDiscountIcon.displayName = 'IconlySharpBulkDiscountIcon';
+
+export const IconlySharpBulkDiscoveryIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M12 2.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'}/>
+<path d="M8.68848 15.312L14.1245 14.123L15.3125 8.68701L9.87848 9.87701L8.68848 15.312Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBulkDiscoveryIcon.displayName = 'IconlySharpBulkDiscoveryIcon';
+
+export const IconlySharpBulkDocumentIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M3.12646 21.75H20.8735V2.25H3.12646V21.75Z" fill={color || 'currentColor'}/>
+<path d="M15.1916 9.979H7.62158V8.479H15.1916V9.979Z" fill={color || 'currentColor'}/>
+<path d="M11.4376 14.143H7.62158V12.643H11.4376V14.143Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBulkDocumentIcon.displayName = 'IconlySharpBulkDocumentIcon';
+
+export const IconlySharpBulkDownload1Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M2.25 21.1206L2.25 8.69006L21.75 8.69006L21.75 21.1206L2.25 21.1206Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M11.2503 17.5449C11.2493 15.5329 9.4173 13.7009 7.4043 13.7009L6.6543 13.7009L6.6543 12.2009L7.4043 12.2009C8.8813 12.2009 10.2613 12.8759 11.2503 13.9199L11.2502 2.87963L12.7502 2.87963L12.7503 13.9199C13.7393 12.8759 15.1183 12.2009 16.5953 12.2009L17.3453 12.2009L17.3453 13.7009L16.5953 13.7009C14.5833 13.7009 12.7503 15.5339 12.7503 17.5459L12.7503 18.2959L11.2503 18.2959L11.2503 17.5449Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBulkDownload1Icon.displayName = 'IconlySharpBulkDownload1Icon';
+
+export const IconlySharpBulkDownloadIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M2.25 8.92792V21.375H21.75V8.92792H2.25Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M12.7441 14.8605L15.2721 12.3245L16.3351 13.3835L11.9931 17.7375L7.66406 13.3815L8.72706 12.3245L11.2441 14.8565V2.44504H12.7441V14.8605Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBulkDownloadIcon.displayName = 'IconlySharpBulkDownloadIcon';
+
+export const IconlySharpBulkEditSquareIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M2.26953 21.75H21.7305V2.25H2.26953V21.75Z" fill={color || 'currentColor'}/>
+<path d="M12.5319 7.92821L16.0019 11.3982L18.1679 9.23221L14.6979 5.76221L12.5319 7.92821Z" fill={color || 'currentColor'}/>
+<path d="M5.41992 15.0412L5.42292 18.5072L8.88892 18.5112L14.9409 12.4592L11.4719 8.98921L5.41992 15.0412Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBulkEditSquareIcon.displayName = 'IconlySharpBulkEditSquareIcon';
+
+export const IconlySharpBulkEditIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path d="M15.9975 2.27417L21.6035 7.88017L12.581 16.9027L12.5766 16.9021L7.73501 21.7255L2.40748 21.7252V21.4762H2.40148L2.39648 15.8752L15.9975 2.27417Z" fill={color || 'currentColor'}/>
+<path opacity={fillOpacity ?? 0.4} d="M7.73486 21.7251L20.9683 21.7258V20.2258H9.25734L7.73486 21.7251Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBulkEditIcon.displayName = 'IconlySharpBulkEditIcon';
+
+export const IconlySharpBulkEmojiIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M12 2.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'}/>
+<path d="M12 17.5488C14.756 17.5488 16.998 15.3068 16.998 12.5508V11.8008H15.498V12.5508C15.498 14.4798 13.929 16.0488 12 16.0488C10.071 16.0488 8.50195 14.4798 8.50195 12.5508V11.8008H7.00195V12.5508C7.00195 15.3068 9.24395 17.5488 12 17.5488Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBulkEmojiIcon.displayName = 'IconlySharpBulkEmojiIcon';
+
+export const IconlySharpBulkFilter3Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path d="M2.5 7.19902V2.79102H12V20.134L9.25 21.209V14.086L2.5 7.19902Z" fill={color || 'currentColor'}/>
+<path opacity={fillOpacity ?? 0.4} d="M14.75 14.086V19.059L12 20.134V2.79102H21.5V7.19902L14.75 14.086Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBulkFilter3Icon.displayName = 'IconlySharpBulkFilter3Icon';
+
+export const IconlySharpBulkFilterIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.63 10.3046C8.356 10.3046 9.76 8.90864 9.76 7.19364C9.76 5.47764 8.356 4.08264 6.63 4.08264C4.904 4.08264 3.5 5.47764 3.5 7.19364C3.5 8.90864 4.904 10.3046 6.63 10.3046Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M17.3702 13.6942C15.6442 13.6942 14.2402 15.0902 14.2402 16.8052C14.2402 18.5212 15.6442 19.9172 17.3702 19.9172C19.0962 19.9172 20.5002 18.5212 20.5002 16.8052C20.5002 15.0902 19.0962 13.6942 17.3702 13.6942Z" fill={color || 'currentColor'}/>
+<g opacity={fillOpacity ?? 0.4}>
+<path fillRule="evenodd" clipRule="evenodd" d="M11.4948 8.00354H19.6368V6.50354H11.4948V8.00354Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M4.36279 17.6165H12.5048V16.1165H4.36279V17.6165Z" fill={color || 'currentColor'}/>
+</g>
+  </svg>
+);
+IconlySharpBulkFilterIcon.displayName = 'IconlySharpBulkFilterIcon';
+
+export const IconlySharpBulkFolderIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M12.21 5.95004L9.95 3.17004H2.25V20.83H21.75V5.95004H12.21Z" fill={color || 'currentColor'}/>
+<path d="M17.1199 15.84H6.87988V14.34H17.1199V15.84Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBulkFolderIcon.displayName = 'IconlySharpBulkFolderIcon';
+
+export const IconlySharpBulkGameIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path opacity={fillOpacity ?? 0.4} d="M12.7505 6.79297H15.7625C19.8525 6.79297 23.1785 10.12 23.1785 14.209C23.1785 18.298 19.8525 21.625 15.7625 21.625H8.23753C4.14753 21.625 0.821533 18.298 0.821533 14.209C0.821533 10.12 4.14753 6.79297 8.23753 6.79297H11.2505H12.7505Z" fill={color || 'currentColor'}/>
+<path d="M12.7506 6.793V6.445C12.7436 4.926 11.4846 3.686 9.94061 3.681H8.91161C8.59061 3.681 8.32861 3.431 8.32861 3.125V2.375H6.82861V3.125C6.82861 4.258 7.76361 5.181 8.91161 5.181H9.93761C10.6586 5.183 11.2476 5.754 11.2506 6.449V6.793H12.7506Z" fill={color || 'currentColor'}/>
+<path d="M11.2525 14.9309H9.39252V16.7539H7.89252V14.9309H6.03052V13.4309H7.89252V11.6069H9.39252V13.4309H11.2525V14.9309Z" fill={color || 'currentColor'}/>
+<path d="M15.7405 13.2169H14.1365V11.7169H15.7405V13.2169Z" fill={color || 'currentColor'}/>
+<path d="M17.5065 16.6989H15.9025V15.1989H17.5065V16.6989Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBulkGameIcon.displayName = 'IconlySharpBulkGameIcon';
+
+export const IconlySharpBulkGraphIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.9732 5.24146H10.4732C8.83523 5.24146 7.24923 5.72245 5.88723 6.63245C4.52523 7.54245 3.47423 8.82345 2.84723 10.3365C2.22023 11.8495 2.05823 13.4995 2.37823 15.1055C2.69723 16.7135 3.47823 18.1745 4.63723 19.3315C5.79423 20.4895 7.25523 21.2705 8.86223 21.5905C9.39823 21.6975 9.93823 21.7505 10.4772 21.7505C11.5532 21.7505 12.6222 21.5385 13.6312 21.1205C15.1442 20.4935 16.4262 19.4435 17.3352 18.0815C18.2452 16.7195 18.7262 15.1345 18.7262 13.4955V12.9955H10.9732V5.24146Z" fill={color || 'currentColor'}/>
+<path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M19.3638 4.66676C17.8058 3.10776 15.7328 2.24976 13.5278 2.24976H13.0278V11.0028H21.7818V10.5028C21.7818 8.29876 20.9228 6.22676 19.3638 4.66676Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBulkGraphIcon.displayName = 'IconlySharpBulkGraphIcon';
+
+export const IconlySharpBulkHeartIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path d="M12.0011 20.9083L12.0001 4.9542C13.4342 3.25791 15.3451 2.69395 17.4413 3.37119C20.0872 4.22325 21.7381 6.61436 21.7501 9.60996C21.7752 14.7442 16.8363 18.7662 12.2042 20.818L12.0011 20.9083Z" fill={color || 'currentColor'}/>
+<path opacity={fillOpacity ?? 0.4} d="M11.9991 20.9083L12.0001 4.9542C10.566 3.25791 8.65512 2.69395 6.55893 3.37119C3.91293 4.22325 2.26205 6.61436 2.25009 9.60996C2.22495 14.7442 7.16391 18.7662 11.796 20.818L11.9991 20.9083Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBulkHeartIcon.displayName = 'IconlySharpBulkHeartIcon';
+
+export const IconlySharpBulkHeart2Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M17.4401 3.37044C15.3431 2.69444 13.4341 3.25744 12.0001 4.95544C10.5651 3.25744 8.65609 2.69444 6.55909 3.37044C3.91309 4.22344 2.26209 6.61544 2.25009 9.61144C2.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.61044C21.7381 6.61444 20.0871 4.22344 17.4401 3.37044Z" fill={color || 'currentColor'}/>
+<path d="M12.0775 14.3836C13.7565 14.3836 15.4045 13.3396 16.3905 11.6456L16.7675 10.9976L15.4715 10.2426L15.0945 10.8906C14.5245 11.8706 13.4235 12.9266 12.0065 12.8826C10.5995 12.9346 9.51353 11.8696 8.94353 10.8906L8.56653 10.2426L7.26953 10.9976L7.64753 11.6456C8.63353 13.3396 10.2815 14.3836 11.9355 14.3836H12.0775Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBulkHeart2Icon.displayName = 'IconlySharpBulkHeart2Icon';
+
+export const IconlySharpBulkHideIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M18.6295 9.88672L22.1549 13.412L20.7407 14.8263L17.2153 11.3009L18.6295 9.88672Z" fill={color || 'currentColor'}/>
+<path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M5.37094 9.88672L1.84562 13.412L3.25984 14.8263L6.78516 11.3009L5.37094 9.88672Z" fill={color || 'currentColor'}/>
+<path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M15.0535 12.4697L16.4556 17.3L14.5348 17.8575L13.1328 13.0272L15.0535 12.4697Z" fill={color || 'currentColor'}/>
+<path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M8.94597 12.4697L7.54396 17.3L9.46468 17.8575L10.8667 13.0272L8.94597 12.4697Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M22.1535 7.90457C20.0195 12.3956 16.2245 15.0776 12.0025 15.0796H11.9985C7.77548 15.0776 3.98048 12.3956 1.84648 7.90457L1.41748 7.00157L3.22448 6.14257L3.65348 7.04657C5.44748 10.8236 8.56748 13.0786 12.0005 13.0796C15.4325 13.0786 18.5525 10.8236 20.3465 7.04657L20.7765 6.14257L22.5825 7.00157L22.1535 7.90457Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBulkHideIcon.displayName = 'IconlySharpBulkHideIcon';
+
+export const IconlySharpBulkHome2Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M11.8969 2.19348L3.05688 8.54748V21.8065H20.9429V8.54448L11.8969 2.19348Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M9.95532 17.1358V12.0568H14.0773V17.1358H9.95532Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBulkHome2Icon.displayName = 'IconlySharpBulkHome2Icon';
+
+export const IconlySharpBulkHomeIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M12 2.00598L0.875977 11.538L1.85298 12.677L3.59298 11.186V21.994H20.41V11.188L22.147 12.677L23.124 11.538L12 2.00598Z" fill={color || 'currentColor'}/>
+<path d="M12.75 17.1069H11.25V12.1979H12.75V17.1069Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBulkHomeIcon.displayName = 'IconlySharpBulkHomeIcon';
+
+export const IconlySharpBulkImage3Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M2.25 21.75H21.75V2.25H2.25V21.75Z" fill={color || 'currentColor'}/>
+<path d="M4.1179 20.199H20.0369L20.2429 19.807L14.6739 11.729L14.2639 11.726L10.4389 17.096L7.9479 15.012L7.5909 15.052L3.9209 19.796L4.1179 20.199Z" fill={color || 'currentColor'}/>
+<path d="M10.9529 8.57502C10.9519 7.30502 9.9169 6.27102 8.6459 6.27002C7.3759 6.27002 6.3419 7.30402 6.3419 8.57502C6.3419 9.84702 7.3759 10.881 8.6459 10.881C9.9179 10.881 10.9529 9.84702 10.9529 8.57502Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBulkImage3Icon.displayName = 'IconlySharpBulkImage3Icon';
+
+export const IconlySharpBulkImageIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M2.25 21.75H21.75V2.25H2.25V21.75Z" fill={color || 'currentColor'}/>
+<path d="M18.492 18.4599L18.638 18.4279L18.819 18.1979L14.768 11.4029H14.406L11.443 15.3359L8.29102 13.7469L7.91202 13.7199L5.49902 18.1879L5.67102 18.4599H18.492Z" fill={color || 'currentColor'}/>
+<path d="M10.678 8.11192C10.678 6.91692 9.70402 5.94292 8.50702 5.94092C7.31102 5.94092 6.33702 6.91392 6.33702 8.11192C6.33702 9.30792 7.31102 10.2819 8.50702 10.2819C9.70402 10.2819 10.678 9.30792 10.678 8.11192Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBulkImageIcon.displayName = 'IconlySharpBulkImageIcon';
+
+export const IconlySharpBulkInfoSquareIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M2.25 21.75H21.75V2.25H2.25V21.75Z" fill={color || 'currentColor'}/>
+<path d="M11.2497 8.9541H12.7497V7.4541H11.2397L11.2497 8.9541Z" fill={color || 'currentColor'}/>
+<path d="M12.7437 16.7501H11.2437V11.2501H12.7437V16.7501Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBulkInfoSquareIcon.displayName = 'IconlySharpBulkInfoSquareIcon';
+
+export const IconlySharpBulkLocation2Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M17.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'}/>
+<path d="M9.35059 9.8502C9.35059 11.3112 10.5396 12.5002 12.0006 12.5002C13.4616 12.5002 14.6506 11.3112 14.6506 9.8502C14.6506 8.3892 13.4616 7.2002 12.0006 7.2002C10.5396 7.2002 9.35059 8.3892 9.35059 9.8502Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBulkLocation2Icon.displayName = 'IconlySharpBulkLocation2Icon';
+
+export const IconlySharpBulkLocationIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M17.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'}/>
+<path d="M9.26294 10.7589C9.26294 12.2679 10.4909 13.4949 11.9999 13.4949C13.5089 13.4949 14.7359 12.2679 14.7359 10.7589C14.7359 9.24985 13.5089 8.02185 11.9999 8.02185C10.4909 8.02185 9.26294 9.24985 9.26294 10.7589Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBulkLocationIcon.displayName = 'IconlySharpBulkLocationIcon';
+
+export const IconlySharpBulkLockIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <rect opacity={fillOpacity ?? 0.4} x="3.89014" y="8.96289" width="16.22" height="12.9126" fill={color || 'currentColor'}/>
+<path d="M8.18994 7.40957V8.96289H6.68994V7.42657C6.69594 5.98757 7.25294 4.65857 8.25994 3.66157C9.26494 2.66557 10.6099 2.09657 12.0129 2.12557C14.9319 2.12557 17.3099 4.50357 17.3099 7.42657V8.96289H15.8099V7.42657C15.8099 5.33057 14.1059 3.62557 12.0099 3.62557H11.9939C10.9819 3.62557 10.0329 4.01657 9.31494 4.72757C8.59294 5.44257 8.19394 6.39557 8.18994 7.40957Z" fill={color || 'currentColor'}/>
+<path d="M11.1099 17.2996H12.6099V13.5786H11.1099V17.2996Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBulkLockIcon.displayName = 'IconlySharpBulkLockIcon';
+
+export const IconlySharpBulkLogin1Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M21.1205 2.25H8.68994V21.75H21.1205V2.25Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M17.5448 11.2503C15.5328 11.2493 13.7008 9.4173 13.7008 7.4043V6.6543H12.2008V7.4043C12.2008 8.8813 12.8758 10.2613 13.9198 11.2503L2.87951 11.2502V12.7502L13.9198 12.7503C12.8758 13.7393 12.2008 15.1183 12.2008 16.5953V17.3453H13.7008V16.5953C13.7008 14.5833 15.5338 12.7503 17.5458 12.7503H18.2958V11.2503H17.5448Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBulkLogin1Icon.displayName = 'IconlySharpBulkLogin1Icon';
+
+export const IconlySharpBulkLoginIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M9.01764 21.75L21.4647 21.75L21.4647 2.25L9.01764 2.25L9.01764 21.75Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M14.9502 11.2559L12.4142 8.72794L13.4732 7.66494L17.8272 12.0069L13.4712 16.3359L12.4142 15.2729L14.9462 12.7559L2.53477 12.7559L2.53477 11.2559L14.9502 11.2559Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBulkLoginIcon.displayName = 'IconlySharpBulkLoginIcon';
+
+export const IconlySharpBulkLogout1Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M13.1733 2.25H1.65332V21.75H13.1733V2.25Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M21.5956 11.2503C19.5836 11.2493 17.7516 9.4173 17.7516 7.4043V6.6543H16.2516V7.4043C16.2516 8.8813 16.9266 10.2613 17.9706 11.2503L6.93029 11.2502V12.7502L17.9706 12.7503C16.9266 13.7393 16.2516 15.1183 16.2516 16.5953V17.3453H17.7516V16.5953C17.7516 14.5833 19.5846 12.7503 21.5966 12.7503H22.3466V11.2503H21.5956Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBulkLogout1Icon.displayName = 'IconlySharpBulkLogout1Icon';
+
+export const IconlySharpBulkLogoutIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M2.05688 21.75L13.5181 21.75L13.5181 2.25L2.05689 2.25L2.05688 21.75Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M19.7102 11.2559L17.1742 8.72794L18.2332 7.66494L22.5872 12.0069L18.2312 16.3359L17.1742 15.2729L19.7062 12.7559L7.29472 12.7559L7.29472 11.2559L19.7102 11.2559Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBulkLogoutIcon.displayName = 'IconlySharpBulkLogoutIcon';
+
+export const IconlySharpBulkMessageIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M1.5 21.5H22.5V2.5H1.5V21.5Z" fill={color || 'currentColor'}/>
+<path d="M5.21973 8.95992L12.0397 14.5009L18.8587 8.95892L17.9127 7.79492L12.0397 12.5679L6.16473 7.79492L5.21973 8.95992Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBulkMessageIcon.displayName = 'IconlySharpBulkMessageIcon';
+
+export const IconlySharpBulkMoreCircleIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.813C4.03076 13.813 2.24976 15.593 2.24976 17.782C2.24976 19.97 4.03076 21.75 6.21876 21.75C8.40676 21.75 10.1878 19.97 10.1878 17.782C10.1878 15.593 8.40676 13.813 6.21876 13.813Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M17.7813 13.813C15.5933 13.813 13.8123 15.593 13.8123 17.782C13.8123 19.97 15.5933 21.75 17.7813 21.75C19.9693 21.75 21.7503 19.97 21.7503 17.782C21.7503 15.593 19.9693 13.813 17.7813 13.813Z" fill={color || 'currentColor'}/>
+<path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M15.9685 6.219C15.9685 4.031 14.1885 2.25 11.9995 2.25C9.81149 2.25 8.03149 4.031 8.03149 6.219C8.03149 8.407 9.81149 10.188 11.9995 10.188C14.1885 10.188 15.9685 8.407 15.9685 6.219Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBulkMoreCircleIcon.displayName = 'IconlySharpBulkMoreCircleIcon';
+
+export const IconlySharpBulkMoreSquareIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M2.25 21.75H21.75V2.25H2.25V21.75Z" fill={color || 'currentColor'}/>
+<path d="M15.1989 12.7632H16.6989V11.2632H15.1899L15.1989 12.7632Z" fill={color || 'currentColor'}/>
+<path d="M11.1889 12.7632H12.6889V11.2632H11.1799L11.1889 12.7632Z" fill={color || 'currentColor'}/>
+<path d="M7.1799 12.7632H8.6799V11.2632H7.1709L7.1799 12.7632Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBulkMoreSquareIcon.displayName = 'IconlySharpBulkMoreSquareIcon';
+
+export const IconlySharpBulkNotification2Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path opacity={fillOpacity ?? 0.4} d="M18.69 8.89996V13.27L20.3 14.91V18.3174H3.69995V14.91L5.30995 13.27V8.89996C5.30995 5.20996 8.30995 2.20996 12 2.20996C12.69 2.20996 13.35 2.30996 13.97 2.50996C13.6 3.10996 13.4 3.80996 13.4 4.55996C13.4 6.78996 15.21 8.58996 17.43 8.58996C17.86 8.58996 18.28 8.51996 18.67 8.39996C18.68 8.55996 18.69 8.72996 18.69 8.89996Z" fill={color || 'currentColor'}/>
+<path d="M18.3896 6.8999C18.0896 7.02002 17.7698 7.08984 17.4297 7.08984C16.0396 7.08984 14.8997 5.95996 14.8997 4.56006C14.8997 4.02002 15.0696 3.53027 15.3496 3.12012C15.8096 2.47021 16.5696 2.04004 17.4297 2.04004C18.8296 2.04004 19.9597 3.16992 19.9597 4.56006C19.9597 5.62012 19.3096 6.52002 18.3896 6.8999Z" fill={color || 'currentColor'}/>
+<path d="M15.8896 18.3198H14.3896C14.2498 19.52 13.2397 20.46 11.9998 20.46C10.7598 20.46 9.74976 19.52 9.60962 18.3198H8.10962C8.25977 20.3501 9.92969 21.96 11.9998 21.96C14.0698 21.96 15.7498 20.3501 15.8896 18.3198Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBulkNotification2Icon.displayName = 'IconlySharpBulkNotification2Icon';
+
+export const IconlySharpBulkNotification3Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path d="M9.55259 18.6912C9.70057 19.9184 10.7352 20.8755 12.0007 20.8755C13.2663 20.8755 14.3019 19.9184 14.4499 18.6912H15.951C15.7971 20.7456 14.0934 22.3755 12.0007 22.3755C9.90811 22.3755 8.20535 20.7456 8.05151 18.6912H9.55259Z" fill={color || 'currentColor'}/>
+<path d="M12.7507 3.26514V1.62451H11.2507V3.26514H12.7507Z" fill={color || 'currentColor'}/>
+<path opacity={fillOpacity ?? 0.4} d="M9.55249 18.6914C9.55151 18.6831 9.55054 18.6748 9.54956 18.6665H14.4524C14.4514 18.6748 14.4504 18.6831 14.4495 18.6914H15.9507C15.9514 18.6831 15.9519 18.6748 15.9524 18.6665H20.9045L20.3645 17.8823C19.3464 16.4053 18.8083 14.6777 18.8083 12.8857V10.0923C18.8083 6.59131 16.1523 3.70166 12.7505 3.32666V3.26514H11.2505V3.32666C7.84839 3.70166 5.19141 6.59131 5.19141 10.0923V12.8857C5.19141 14.6797 4.65356 16.4077 3.6355 17.8823L3.09546 18.6665H8.04956C8.05005 18.6748 8.05054 18.6831 8.05127 18.6914H9.55249Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBulkNotification3Icon.displayName = 'IconlySharpBulkNotification3Icon';
+
+export const IconlySharpBulkNotificationIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path opacity={fillOpacity ?? 0.4} d="M18.6875 13.304L20.5195 18.232H3.48047L5.31247 13.304V8.813C5.31247 5.125 8.31247 2.125 12.0005 2.125C15.6875 2.125 18.6875 5.125 18.6875 8.813V13.304Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M15.8898 18.2319H14.3898C14.2518 19.4349 13.2398 20.3749 12.0018 20.3749C10.7628 20.3749 9.75079 19.4349 9.61279 18.2319H8.11279C8.25579 20.2619 9.93579 21.8749 12.0018 21.8749C14.0668 21.8749 15.7468 20.2619 15.8898 18.2319Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBulkNotificationIcon.displayName = 'IconlySharpBulkNotificationIcon';
+
+export const IconlySharpBulkPaperDownload1Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M14.2901 8.341V3.681L18.7601 8.341H14.2901ZM14.7801 2.25H3.83008V21.75H20.1701V7.87L14.7801 2.25Z" fill={color || 'currentColor'}/>
+<path d="M13.0153 16.052H13.7653V14.552H13.0153C12.3483 14.552 11.7133 14.772 11.1783 15.139V9.29297H9.67831V15.139C9.14431 14.772 8.50831 14.552 7.84131 14.552H7.09131V16.052H7.84131C8.80231 16.052 9.67831 16.928 9.67831 17.889V18.639H11.1783V17.889C11.1783 16.928 12.0543 16.052 13.0153 16.052Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBulkPaperDownload1Icon.displayName = 'IconlySharpBulkPaperDownload1Icon';
+
+export const IconlySharpBulkPaperDownloadIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M14.2901 8.341V3.681L18.7601 8.341H14.2901ZM14.7801 2.25H3.83008V21.75H20.1701V7.87L14.7801 2.25Z" fill={color || 'currentColor'}/>
+<path d="M7.46387 14.5339L10.8879 17.9729L14.3109 14.5329L13.2479 13.4749L11.6369 15.0939V9.50293H10.1369V15.0929L8.52587 13.4749L7.46387 14.5339Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBulkPaperDownloadIcon.displayName = 'IconlySharpBulkPaperDownloadIcon';
+
+export const IconlySharpBulkPaperFailIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M14.2901 8.341V3.681L18.7601 8.341H14.2901ZM14.7801 2.25H3.83008V21.75H20.1701V7.87L14.7801 2.25Z" fill={color || 'currentColor'}/>
+<path d="M13.0613 16.908L14.1223 15.847L12.3753 14.101L14.1233 12.353L13.0633 11.293L11.3153 13.041L9.56735 11.293L8.50635 12.353L10.2543 14.101L8.50835 15.847L9.56935 16.908L11.3153 15.162L13.0613 16.908Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBulkPaperFailIcon.displayName = 'IconlySharpBulkPaperFailIcon';
+
+export const IconlySharpBulkPaperNegativeIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M14.2901 8.341V3.681L18.7601 8.341H14.2901ZM14.7801 2.25H3.83008V21.75H20.1701V7.87L14.7801 2.25Z" fill={color || 'currentColor'}/>
+<path d="M14.688 15.1758H8.24805V13.6758H14.688V15.1758Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBulkPaperNegativeIcon.displayName = 'IconlySharpBulkPaperNegativeIcon';
+
+export const IconlySharpBulkPaperPlusIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M14.2901 8.341V3.681L18.7601 8.341H14.2901ZM14.7801 2.25H3.83008V21.75H20.1701V7.87L14.7801 2.25Z" fill={color || 'currentColor'}/>
+<path d="M12.0403 15.1761H14.5083V13.6761H12.0403V11.2061H10.5403V13.6761H8.06934V15.1761H10.5403V17.6461H12.0403V15.1761Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBulkPaperPlusIcon.displayName = 'IconlySharpBulkPaperPlusIcon';
+
+export const IconlySharpBulkPaperUpload1Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M14.2901 8.341V3.681L18.7601 8.341H14.2901ZM14.7801 2.25H3.83008V21.75H20.1701V7.87L14.7801 2.25Z" fill={color || 'currentColor'}/>
+<path d="M13.0153 13.38H13.7653V11.88H13.0153C12.0543 11.88 11.1783 11.004 11.1783 10.043V9.29297H9.67831V10.043C9.67831 11.004 8.80231 11.88 7.84131 11.88H7.09131V13.38H7.84131C8.50831 13.38 9.14431 13.161 9.67831 12.793V18.639H11.1783V12.793C11.7133 13.161 12.3493 13.38 13.0153 13.38Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBulkPaperUpload1Icon.displayName = 'IconlySharpBulkPaperUpload1Icon';
+
+export const IconlySharpBulkPaperUploadIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M14.2901 8.341V3.681L18.7601 8.341H14.2901ZM14.7801 2.25H3.83008V21.75H20.1701V7.87L14.7801 2.25Z" fill={color || 'currentColor'}/>
+<path d="M7.46387 12.9421L10.8879 9.50315L14.3109 12.9431L13.2479 14.0011L11.6369 12.3821V17.9731H10.1369V12.3831L8.52587 14.0011L7.46387 12.9421Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBulkPaperUploadIcon.displayName = 'IconlySharpBulkPaperUploadIcon';
+
+export const IconlySharpBulkPaperIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M14.2901 8.341V3.681L18.7601 8.341H14.2901ZM14.7801 2.25H3.83008V21.75H20.1701V7.87L14.7801 2.25Z" fill={color || 'currentColor'}/>
+<path d="M14.9968 17.052H8.05276V15.552H14.9968V17.052Z" fill={color || 'currentColor'}/>
+<path d="M12.9348 13.269H8.05176V11.769H12.9348V13.269Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBulkPaperIcon.displayName = 'IconlySharpBulkPaperIcon';
+
+export const IconlySharpBulkPasswordIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M2.25 21.75H21.75V2.25H2.25V21.75Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M17.7598 14.6019H16.2598V12.7499H14.9318V14.6019H13.4318V12.7499H11.3158C10.9918 13.8179 10.0088 14.6019 8.83684 14.6019C7.40284 14.6019 6.23584 13.4349 6.23584 11.9999C6.23584 10.5659 7.40284 9.39795 8.83684 9.39795C10.0098 9.39995 10.9918 10.1829 11.3158 11.2499H17.7598V14.6019ZM7.73495 12.0002C7.73495 11.3922 8.22995 10.8982 8.83895 10.8982C9.44595 10.8982 9.93995 11.3932 9.93995 12.0002C9.93995 12.6082 9.44495 13.1023 8.83695 13.1023C8.22995 13.1023 7.73495 12.6082 7.73495 12.0002Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBulkPasswordIcon.displayName = 'IconlySharpBulkPasswordIcon';
+
+export const IconlySharpBulkPlayIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M12 2.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'}/>
+<path d="M10.0029 8.61084V15.3788L15.3319 11.9948L10.0029 8.61084Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBulkPlayIcon.displayName = 'IconlySharpBulkPlayIcon';
+
+export const IconlySharpBulkPlusIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M2.25 21.75H21.75V2.25H2.25V21.75Z" fill={color || 'currentColor'}/>
+<path d="M12.75 12.7401H16.417V11.2401H12.75V7.57715H11.25V11.2401H7.58398V12.7401H11.25V16.4041H12.75V12.7401Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBulkPlusIcon.displayName = 'IconlySharpBulkPlusIcon';
+
+export const IconlySharpBulkProfileIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path fillRule="evenodd" clipRule="evenodd" d="M12.0003 12.1089C14.7233 12.1089 16.9393 9.89393 16.9393 7.17093C16.9393 4.44693 14.7233 2.23193 12.0003 2.23193C9.27726 2.23193 7.06226 4.44693 7.06226 7.17093C7.06226 9.89393 9.27726 12.1089 12.0003 12.1089Z" fill={color || 'currentColor'}/>
+<path opacity={fillOpacity ?? 0.4} 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'}/>
+  </svg>
+);
+IconlySharpBulkProfileIcon.displayName = 'IconlySharpBulkProfileIcon';
+
+export const IconlySharpBulkQRIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.1403H7.39976V16.5503H5.89976V18.1403ZM2.49976 21.5003H10.8098V13.1903H2.49976V21.5003Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M14.6941 3.99951H17.1251V2.49951H13.1941V8.11851H14.6941V3.99951Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M13.1948 10.8043H16.9148V9.30431H13.1948V10.8043Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M18.2981 2.49951V3.99951H20.0001V5.70051H21.5001V2.49951H18.2981Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M19.9998 9.3041H18.2978V10.8041H21.4998V6.8741H19.9998V9.3041Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M15.5174 4.86421V8.58321H18.8464V7.08321H17.0174V4.86421H15.5174Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M19.4432 4.8544L17.9432 4.8644V6.3644H19.4432V4.8544Z" fill={color || 'currentColor'}/>
+<g opacity={fillOpacity ?? 0.4}>
+<path fillRule="evenodd" clipRule="evenodd" d="M16.5998 18.1405H18.0998V16.5505H16.5998V18.1405ZM13.1898 21.5005H21.4998V13.1905H13.1898V21.5005Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M5.89976 7.45049H7.39976V5.85049H5.89976V7.45049ZM2.49976 10.8005H10.8098V2.50049H2.49976V10.8005Z" fill={color || 'currentColor'}/>
+</g>
+  </svg>
+);
+IconlySharpBulkQRIcon.displayName = 'IconlySharpBulkQRIcon';
+
+export const IconlySharpBulkScanIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path d="M11.462 12.7854H2" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M22.0002 12.7854H15.0552" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M20.2186 8.77552V3.78052H15.5156" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M3.78125 8.77552V3.78052H8.51325" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M20.2186 12.7844V20.2194H15.5156" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+<path d="M3.78125 12.7844V20.2194H8.51325" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square"/>
+  </svg>
+);
+IconlySharpBulkScanIcon.displayName = 'IconlySharpBulkScanIcon';
+
+export const IconlySharpBulkSearchIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.791 3.54272C6.9037 3.54272 3.75244 6.69398 3.75244 10.5813C3.75244 14.4685 6.9037 17.6198 10.791 17.6198C14.6783 17.6198 17.8295 14.4685 17.8295 10.5813C17.8295 6.69398 14.6783 3.54272 10.791 3.54272ZM1.75244 10.5813C1.75244 5.58942 5.79913 1.54272 10.791 1.54272C15.7828 1.54272 19.8295 5.58942 19.8295 10.5813C19.8295 15.5731 15.7828 19.6198 10.791 19.6198C5.79913 19.6198 1.75244 15.5731 1.75244 10.5813Z" fill={color || 'currentColor'}/>
+<path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M16.2781 15.0872L22.2476 21.0412L20.8353 22.4572L14.8657 16.5032L16.2781 15.0872Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBulkSearchIcon.displayName = 'IconlySharpBulkSearchIcon';
+
+export const IconlySharpBulkSendIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M21.4015 2.15198L2.5455 7.75798L2.1875 7.89398V8.53398L9.5675 13.466L10.1239 13.8345L10.6165 14.538L15.3535 21.626L15.5265 21.848H16.1685L21.7625 2.89398L21.8125 2.58198L21.4015 2.15198Z" fill={color || 'currentColor'}/>
+<path d="M16.7535 6.31946L11.1035 11.9695L12.1525 13.0415L17.8145 7.38046L16.7535 6.31946Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBulkSendIcon.displayName = 'IconlySharpBulkSendIcon';
+
+export const IconlySharpBulkSetting2Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M17.2891 2.83997H6.7111L1.4231 12L6.7111 21.16H17.2891L22.5771 12L17.2891 2.83997Z" fill={color || 'currentColor'}/>
+<path d="M8.90112 12C8.90112 13.709 10.2921 15.1 12.0011 15.1C13.7101 15.1 15.1011 13.709 15.1011 12C15.1011 10.291 13.7101 8.90002 12.0011 8.90002C10.2921 8.90002 8.90112 10.291 8.90112 12Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBulkSetting2Icon.displayName = 'IconlySharpBulkSetting2Icon';
+
+export const IconlySharpBulkSettingIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M21.718 9.12695L18.918 8.00695L19.348 5.01995L14.372 2.14795L12.001 4.01395L9.62898 2.14795L4.65298 5.01995L5.08298 8.00695L2.28198 9.12695V14.8729L5.08398 15.9939L4.65398 18.9789L9.62998 21.8519L12.001 19.9869L14.371 21.8519L19.347 18.9789L18.917 15.9929L21.718 14.8729V9.12695Z" fill={color || 'currentColor'}/>
+<path d="M8.06274 12C8.06274 14.171 9.82874 15.937 11.9997 15.937C14.1707 15.937 15.9377 14.171 15.9377 12C15.9377 9.82901 14.1707 8.06201 11.9997 8.06201C9.82874 8.06201 8.06274 9.82901 8.06274 12Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBulkSettingIcon.displayName = 'IconlySharpBulkSettingIcon';
+
+export const IconlySharpBulkShieldDoneIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M3.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'}/>
+<path d="M8.32642 10.6834L11.2784 13.6404L16.2374 8.67938L15.1764 7.61938L11.2794 11.5184L9.38842 9.62338L8.32642 10.6834Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBulkShieldDoneIcon.displayName = 'IconlySharpBulkShieldDoneIcon';
+
+export const IconlySharpBulkShieldFailIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M3.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'}/>
+<path d="M13.9118 14.07L14.9728 13.009L13.0458 11.082L14.9728 9.15499L13.9118 8.09399L11.9848 10.021L10.0578 8.09399L8.9978 9.15499L10.9248 11.082L8.9978 13.009L10.0578 14.07L11.9848 12.143L13.9118 14.07Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBulkShieldFailIcon.displayName = 'IconlySharpBulkShieldFailIcon';
+
+export const IconlySharpBulkShowIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M22.1535 13.2922C20.0195 8.80119 16.2245 6.11919 12.0025 6.11719H11.9985C7.77548 6.11919 3.98048 8.80119 1.84648 13.2922L1.41748 14.1952L3.22448 15.0542L3.65348 14.1502C5.44748 10.3732 8.56748 8.11819 12.0005 8.11719C15.4325 8.11819 18.5525 10.3732 20.3465 14.1502L20.7765 15.0542L22.5825 14.1952L22.1535 13.2922Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M11.9989 10.0601C9.97989 10.0601 8.33789 11.7031 8.33789 13.7221C8.33789 15.7411 9.97989 17.3831 11.9989 17.3831C14.0179 17.3831 15.6609 15.7411 15.6609 13.7221C15.6609 11.7031 14.0179 10.0601 11.9989 10.0601Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBulkShowIcon.displayName = 'IconlySharpBulkShowIcon';
+
+export const IconlySharpBulkStar2Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path d="M13.0283 1.75H10.9714V10.9717H1.75V13.0288H10.9714V22.25H13.0283V13.0288H22.25V10.9717H13.0283V1.75Z" fill={color || 'currentColor'}/>
+<path opacity={fillOpacity ?? 0.4} d="M19.9747 5.47934L18.5203 4.0249L11.9996 10.5456L5.47902 4.02507L4.02441 5.47968L10.545 12.0002L4.02459 18.5206L5.47902 19.975L11.9994 13.4547L18.5201 19.9754L19.9747 18.5208L13.454 12.0001L19.9747 5.47934Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBulkStar2Icon.displayName = 'IconlySharpBulkStar2Icon';
+
+export const IconlySharpBulkStar3Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.0001 1.31006L9.11206 9.11306L1.31006 12.0001L9.11206 14.8871L12.0001 22.6901V1.31006Z" fill={color || 'currentColor'}/>
+<path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M11.9999 1.31006L14.8879 9.11306L22.6899 12.0001L14.8879 14.8871L11.9999 22.6901V1.31006Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBulkStar3Icon.displayName = 'IconlySharpBulkStar3Icon';
+
+export const IconlySharpBulkStar4Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.0001 1.3125C10.0491 6.57057 6.50866 10.077 1.30811 12.0005C6.56939 13.9424 10.0709 17.4923 12.0001 22.6875V1.3125Z" fill={color || 'currentColor'}/>
+<path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M11.9999 1.3125C13.9509 6.57057 17.4913 10.077 22.6919 12.0005C17.4306 13.9424 13.9291 17.4923 11.9999 22.6875V1.3125Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBulkStar4Icon.displayName = 'IconlySharpBulkStar4Icon';
+
+export const IconlySharpBulkStar5Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path fillRule="evenodd" clipRule="evenodd" d="M12.0002 2.17102L9.55716 9.67902H1.66016L8.05216 14.32L5.61016 21.829L12.0002 17.188V2.17102Z" fill={color || 'currentColor'}/>
+<path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M11.9998 2.17102L14.4428 9.67902H22.3398L15.9478 14.32L18.3898 21.829L11.9998 17.188V2.17102Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBulkStar5Icon.displayName = 'IconlySharpBulkStar5Icon';
+
+export const IconlySharpBulkStar6Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.0001 0.930542L9.88313 8.33754L2.41113 6.46354L7.77413 12.0005L2.41113 17.5365L9.88313 15.6625L12.0001 23.0695V0.930542Z" fill={color || 'currentColor'}/>
+<path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M11.9999 0.930542L14.1169 8.33754L21.5889 6.46354L16.2259 12.0005L21.5889 17.5365L14.1169 15.6625L11.9999 23.0695V0.930542Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBulkStar6Icon.displayName = 'IconlySharpBulkStar6Icon';
+
+export const IconlySharpBulkStar7Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path d="M9.78203 6.65396L12 1.48096V22.519L9.78203 17.346L4.56103 19.44L6.65403 14.214L1.47803 12L6.65403 9.78596L4.56103 4.55996L9.78203 6.65396Z" fill={color || 'currentColor'}/>
+<path opacity={fillOpacity ?? 0.4} d="M14.218 6.65396L12 1.48096V22.519L14.218 17.346L19.439 19.44L17.346 14.214L22.522 12L17.346 9.78596L19.439 4.55996L14.218 6.65396Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBulkStar7Icon.displayName = 'IconlySharpBulkStar7Icon';
+
+export const IconlySharpBulkStarIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M21.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.7509 7.747C18.7509 6.585 20.0249 5.248 21.2499 5.248C20.0709 5.248 18.7509 3.897 18.7509 2.75C18.7509 3.897 17.4429 5.248 16.2529 5.248C17.3979 5.248 18.7509 6.578 18.7509 7.747Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBulkStarIcon.displayName = 'IconlySharpBulkStarIcon';
+
+export const IconlySharpBulkSwapIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.94 9.44537H12.94V7.44537H11.94C10.061 7.44537 8.349 5.73137 8.349 3.84937V2.84937H6.349V3.84937C6.349 5.73137 4.633 7.44537 2.75 7.44537H1.75V9.44537H2.75C4.093 9.44537 5.36 8.91137 6.349 8.05637V18.7894H8.349V8.05937C9.336 8.91337 10.6 9.44537 11.94 9.44537Z" fill={color || 'currentColor'}/>
+<path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M21.2501 14.5547C19.9061 14.5547 18.6401 15.0887 17.6501 15.9437V5.20972H15.6501V15.9407C14.6631 15.0867 13.4001 14.5547 12.0601 14.5547H11.0601V16.5547H12.0601C13.9381 16.5547 15.6501 18.2687 15.6501 20.1507V21.1507H17.6501V20.1507C17.6501 18.2687 19.3661 16.5547 21.2501 16.5547H22.2501V14.5547H21.2501Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBulkSwapIcon.displayName = 'IconlySharpBulkSwapIcon';
+
+export const IconlySharpBulkTickSquareIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M11.4871 2.25C6.11106 2.25 1.73706 6.624 1.73706 12C1.73706 17.376 6.11106 21.75 11.4871 21.75C16.8631 21.75 21.2371 17.376 21.2371 12C21.2371 6.624 16.8631 2.25 11.4871 2.25Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M22.263 5.82504L21.6158 6.20413C18.6337 7.95104 16.3283 10.2529 14.7643 12.1289C13.9839 13.065 13.3923 13.8899 12.9972 14.4784C12.7998 14.7725 12.6517 15.0071 12.554 15.1665C12.5052 15.2462 12.4689 15.307 12.4454 15.347L12.4196 15.3912L12.4139 15.4011L12.4131 15.4026L12.1978 15.7836H11.3256L11.1035 15.4478L11.1011 15.4441L11.0901 15.4278C11.0798 15.4126 11.0638 15.3892 11.0423 15.3584C10.9993 15.2966 10.9343 15.2051 10.8494 15.0903C10.6793 14.8605 10.4306 14.5392 10.1193 14.1784C9.49053 13.4494 8.63381 12.591 7.67813 11.9868L7.04419 11.586L7.84575 10.3182L8.47968 10.7189C9.61303 11.4355 10.5813 12.4174 11.2551 13.1986C11.4176 13.387 11.5646 13.5656 11.6943 13.7284C11.713 13.7003 11.7322 13.6716 11.7518 13.6423C12.1711 13.0178 12.7935 12.1503 13.6122 11.1683C15.2463 9.20822 17.6792 6.77174 20.8576 4.90985L21.5048 4.53076L22.263 5.82504Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBulkTickSquareIcon.displayName = 'IconlySharpBulkTickSquareIcon';
+
+export const IconlySharpBulkTicketStarIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M21.25 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'}/>
+<path d="M11.9991 14.1758L14.4741 15.3928L14.0811 12.6618L16.0041 10.6838L13.2871 10.2138L11.9991 7.7738L10.7121 10.2138L7.99414 10.6838L9.91714 12.6618L9.52414 15.3928L11.9991 14.1758Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBulkTicketStarIcon.displayName = 'IconlySharpBulkTicketStarIcon';
+
+export const IconlySharpBulkTicketIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path d="M13.5481 6.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.578H13.5481V15.087H12.961V9.12798H13.5481V6.82098Z" fill={color || 'currentColor'}/>
+<path opacity={fillOpacity ?? 0.4} d="M13.5479 17.578H14.4607V19.8998H21.7498V13.4891H21.2498C20.4158 13.4891 19.7368 12.8212 19.7368 12.0009C19.7368 11.1801 20.4158 10.5121 21.2498 10.5121H21.7498V4.09998H14.4607V6.82117H13.5479V9.12781H14.4607V15.0868H13.5479V17.578Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBulkTicketIcon.displayName = 'IconlySharpBulkTicketIcon';
+
+export const IconlySharpBulkTimeCircleIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M12 2.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'}/>
+<path d="M10.9121 13.1182L15.6921 15.9702L16.4611 14.6822L12.4121 12.2672V7.09619H10.9121V13.1182Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBulkTimeCircleIcon.displayName = 'IconlySharpBulkTimeCircleIcon';
+
+export const IconlySharpBulkTimeSquareIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M2.25 21.75H21.75V2.25H2.25V21.75Z" fill={color || 'currentColor'}/>
+<path d="M11.25 12.4208L15.651 15.0458L16.42 13.7578L12.75 11.5688V6.88281H11.25V12.4208Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBulkTimeSquareIcon.displayName = 'IconlySharpBulkTimeSquareIcon';
+
+export const IconlySharpBulkUnlockIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <rect opacity={fillOpacity ?? 0.4} x="3.88989" y="8.96289" width="16.22" height="12.9126" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M11.1097 17.2996H12.6097V13.5786H11.1097V17.2996ZM8.1897 9.00257V7.40957C8.1937 6.39457 8.5927 5.44257 9.3147 4.72657C10.0327 4.01557 10.9817 3.62557 11.9927 3.62557C13.0677 3.59157 14.0517 4.04757 14.7837 4.82657L15.2957 5.37357L16.3907 4.34757L15.8767 3.80057C14.8787 2.73557 13.4687 2.12557 12.0127 2.12557C10.6037 2.09657 9.2647 2.66457 8.2587 3.66157C7.2527 4.65857 6.6957 5.98757 6.6897 7.42657V9.00257H8.1897Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBulkUnlockIcon.displayName = 'IconlySharpBulkUnlockIcon';
+
+export const IconlySharpBulkUpload1Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M2.25 10.8266L2.25 22.3466L21.75 22.3466L21.75 10.8266L2.25 10.8266Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M11.2503 2.40432C11.2493 4.41632 9.4173 6.24832 7.4043 6.24832L6.6543 6.24832L6.6543 7.74832L7.4043 7.74832C8.8813 7.74832 10.2613 7.07332 11.2503 6.02932L11.2502 17.0696L12.7502 17.0696L12.7503 6.02932C13.7393 7.07332 15.1183 7.74832 16.5953 7.74832L17.3453 7.74832L17.3453 6.24832L16.5953 6.24832C14.5833 6.24832 12.7503 4.41532 12.7503 2.40332L12.7503 1.65332L11.2503 1.65332L11.2503 2.40432Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBulkUpload1Icon.displayName = 'IconlySharpBulkUpload1Icon';
+
+export const IconlySharpBulkUploadIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M2.25 10.4897V22.0097H21.75V10.4897H2.25Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M12.7499 4.2852L15.2779 6.8212L16.3409 5.7622L11.9989 1.4082L7.66992 5.7642L8.73292 6.8212L11.2499 4.2892V16.7006H12.7499V4.2852Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBulkUploadIcon.displayName = 'IconlySharpBulkUploadIcon';
+
+export const IconlySharpBulkVideoIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M0.628662 19.375H16.1087V4.625H0.628662V19.375Z" fill={color || 'currentColor'}/>
+<path d="M12.2383 9.83496H7.53833V8.33496H12.2383V9.83496Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M17.3774 9.11576V14.6408L23.3714 18.9848V5.05176L17.3774 9.11576Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBulkVideoIcon.displayName = 'IconlySharpBulkVideoIcon';
+
+export const IconlySharpBulkVoice3Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="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'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M11.71 9.57305V11.073H16.19V11.263C16.19 13.583 14.31 15.473 12 15.473C9.68005 15.473 7.80005 13.583 7.80005 11.263V6.09305C7.80005 3.76305 9.68005 1.87305 12 1.87305C14.27 1.87305 16.12 3.69305 16.18 5.96305H12.79V7.46305H16.19V9.57305H11.71Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBulkVoice3Icon.displayName = 'IconlySharpBulkVoice3Icon';
+
+export const IconlySharpBulkVoiceIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <g opacity={fillOpacity ?? 0.4}>
+<path d="M4.24512 12.6247V6.73486H2.74512V12.6247H4.24512Z" fill={color || 'currentColor'}/>
+<path d="M21.2549 6.73486V12.6247H19.7549V6.73486H21.2549Z" fill={color || 'currentColor'}/>
+<path d="M12.7503 16.2349V20.625H15.4698V22.125H8.52954V20.625H11.2503V16.2349H12.7503Z" fill={color || 'currentColor'}/>
+</g>
+<path d="M12.0004 1.875C9.35545 1.875 7.21484 4.02889 7.21484 6.68045V12.6806C7.21484 15.3323 9.35562 17.4849 12.0004 17.4849C14.6463 17.4849 16.7859 15.3322 16.7859 12.6806V6.68045C16.7859 4.02897 14.6465 1.875 12.0004 1.875Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBulkVoiceIcon.displayName = 'IconlySharpBulkVoiceIcon';
+
+export const IconlySharpBulkVolumeDownIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M8.69037 7.56406H3.99737V8.06406C3.99437 10.6881 3.99437 13.3121 3.99737 15.9371V16.4361H8.69037L12.8164 20.0131H14.2784V3.98706H12.8164L8.69037 7.56406Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M18.843 7.62244L18.47 6.97144L17.169 7.71744L17.541 8.36844C18.827 10.6124 18.827 13.3964 17.542 15.6334L17.168 16.2834L18.468 17.0304L18.843 16.3804C20.392 13.6834 20.392 10.3274 18.843 7.62244Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBulkVolumeDownIcon.displayName = 'IconlySharpBulkVolumeDownIcon';
+
+export const IconlySharpBulkVolumeOffIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M7.32757 7.56355H2.63457V8.06355C2.63157 10.6885 2.63157 13.3125 2.63457 15.9375V16.4365H7.32757L11.4536 20.0125H12.9156V3.98755H11.4536L7.32757 7.56355Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M21.3683 10.2673L20.3073 9.2063L18.5743 10.9403L16.8413 9.2063L15.7803 10.2673L17.5143 12.0013L15.7813 13.7333L16.8423 14.7943L18.5743 13.0613L20.3063 14.7943L21.3673 13.7333L19.6353 12.0013L21.3683 10.2673Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBulkVolumeOffIcon.displayName = 'IconlySharpBulkVolumeOffIcon';
+
+export const IconlySharpBulkVolumeUpIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M6.8288 7.56406H2.1348V8.06406C2.1328 10.6881 2.1328 13.3121 2.1348 15.9371V16.4361H6.8288L10.9548 20.0131H12.4178V3.98706H10.9548L6.8288 7.56406Z" fill={color || 'currentColor'}/>
+<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'}/>
+  </svg>
+);
+IconlySharpBulkVolumeUpIcon.displayName = 'IconlySharpBulkVolumeUpIcon';
+
+export const IconlySharpBulkWalletIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M15.7224 14.3688C15.7224 15.3138 16.6024 16.0838 17.6814 16.0848H22.2554V12.6538H17.6814C16.6014 12.6538 15.7224 13.4238 15.7224 14.3688Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M1.74438 21.8699V5.34424H3.24438V5.35093H18.3734V5.34424H19.8734V5.35093H22.2554V11.1529H17.6814C15.7744 11.1539 14.2224 12.5959 14.2224 14.3689C14.2244 16.1409 15.7754 17.5829 17.6814 17.5839H22.2554V21.8749H1.99438V21.8699H1.74438ZM6.30933 11.1689H13.2423V9.66895H6.30933V11.1689Z" fill={color || 'currentColor'}/>
+<path opacity={fillOpacity ?? 0.4} d="M19.8733 5.34424V2.12598L1.74438 2.125V5.34424H3.24438V3.625L18.3733 3.62598V5.34424H19.8733Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBulkWalletIcon.displayName = 'IconlySharpBulkWalletIcon';
+
+export const IconlySharpBulkWorkIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.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'}/>
+<path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M20.1476 15.8151C17.6876 16.7951 14.8776 17.3151 11.9976 17.3151C9.11758 17.3151 6.30758 16.7951 3.85758 15.8151C3.48758 15.6651 3.12758 15.5151 2.77758 15.3451C2.60758 15.2651 2.43758 15.1851 2.26758 15.0851L2.48758 21.3251H21.5176L21.7276 15.0851C21.5576 15.1851 21.3876 15.2651 21.2176 15.3451C20.8676 15.5151 20.5076 15.6651 20.1476 15.8151Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlySharpBulkWorkIcon.displayName = 'IconlySharpBulkWorkIcon';
+