@winplaybox/icons 0.0.0-stage → 0.2.0

package/src/generated/iconly/regular/light.tsx

@@ -0,0 +1,893 @@
+import React from 'react';
+import { IconProps } from '../../../types';
+
+export const IconlyRegularLight2UserIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.59151 15.2068C13.2805 15.2068 16.4335 15.7658 16.4335 17.9988C16.4335 20.2318 13.3015 20.8068 9.59151 20.8068C5.90151 20.8068 2.74951 20.2528 2.74951 18.0188C2.74951 15.7848 5.88051 15.2068 9.59151 15.2068Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M9.59157 12.0198C7.16957 12.0198 5.20557 10.0568 5.20557 7.63479C5.20557 5.21279 7.16957 3.24979 9.59157 3.24979C12.0126 3.24979 13.9766 5.21279 13.9766 7.63479C13.9856 10.0478 12.0356 12.0108 9.62257 12.0198H9.59157Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M16.4832 10.8816C18.0842 10.6566 19.3172 9.28259 19.3202 7.61959C19.3202 5.98059 18.1252 4.62059 16.5582 4.36359" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M18.5955 14.7322C20.1465 14.9632 21.2295 15.5072 21.2295 16.6272C21.2295 17.3982 20.7195 17.8982 19.8955 18.2112" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+IconlyRegularLight2UserIcon.displayName = 'IconlyRegularLight2UserIcon';
+
+export const IconlyRegularLight3UserIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path d="M17.8877 10.8967C19.2827 10.7007 20.3567 9.5047 20.3597 8.0557C20.3597 6.6277 19.3187 5.4437 17.9537 5.2197" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M19.7285 14.2503C21.0795 14.4523 22.0225 14.9253 22.0225 15.9003C22.0225 16.5713 21.5785 17.0073 20.8605 17.2813" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M11.8867 14.6638C8.67273 14.6638 5.92773 15.1508 5.92773 17.0958C5.92773 19.0398 8.65573 19.5408 11.8867 19.5408C15.1007 19.5408 17.8447 19.0588 17.8447 17.1128C17.8447 15.1668 15.1177 14.6638 11.8867 14.6638Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M11.8867 11.8879C13.9957 11.8879 15.7057 10.1789 15.7057 8.06891C15.7057 5.95991 13.9957 4.24991 11.8867 4.24991C9.77766 4.24991 8.06766 5.95991 8.06766 8.06891C8.05966 10.1709 9.75666 11.8809 11.8587 11.8879H11.8867Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M5.88472 10.8967C4.48872 10.7007 3.41572 9.5047 3.41272 8.0557C3.41272 6.6277 4.45372 5.4437 5.81872 5.2197" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M4.04388 14.2503C2.69288 14.4523 1.74988 14.9253 1.74988 15.9003C1.74988 16.5713 2.19388 17.0073 2.91188 17.2813" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+IconlyRegularLight3UserIcon.displayName = 'IconlyRegularLight3UserIcon';
+
+export const IconlyRegularLightActivityIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path d="M7.24487 14.7815L10.238 10.8913L13.6522 13.5732L16.5813 9.79291" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<circle cx="19.9954" cy="4.20024" r="1.9222" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M14.9245 3.12015H7.65679C4.64535 3.12015 2.77808 5.25287 2.77808 8.26431V16.3467C2.77808 19.3581 4.60874 21.4817 7.65679 21.4817H16.2609C19.2724 21.4817 21.1396 19.3581 21.1396 16.3467V9.30779" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+IconlyRegularLightActivityIcon.displayName = 'IconlyRegularLightActivityIcon';
+
+export const IconlyRegularLightAddUserIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.87663 15.2062C6.03263 15.2062 2.74963 15.7872 2.74963 18.1152C2.74963 20.4432 6.01263 21.0452 9.87663 21.0452C13.7216 21.0452 17.0036 20.4632 17.0036 18.1362C17.0036 15.8092 13.7416 15.2062 9.87663 15.2062Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M9.8766 11.8859C12.3996 11.8859 14.4446 9.84091 14.4446 7.31791C14.4446 4.79491 12.3996 2.74991 9.8766 2.74991C7.3546 2.74991 5.3096 4.79491 5.3096 7.31791C5.3006 9.83191 7.3306 11.8769 9.8456 11.8859H9.8766Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M19.2037 8.6691V12.6791" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M21.2497 10.674H17.1597" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+IconlyRegularLightAddUserIcon.displayName = 'IconlyRegularLightAddUserIcon';
+
+export const IconlyRegularLightArrowDown2Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path d="M19 8.5L12 15.5L5 8.5" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+IconlyRegularLightArrowDown2Icon.displayName = 'IconlyRegularLightArrowDown2Icon';
+
+export const IconlyRegularLightArrowDown3Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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.2513 12.6998V3.74979" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M7.25031 12.6998L12.2513 20.6368L17.2523 12.6998H7.25031Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+IconlyRegularLightArrowDown3Icon.displayName = 'IconlyRegularLightArrowDown3Icon';
+
+export const IconlyRegularLightArrowDownCircleIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.75024 12C2.75024 17.108 6.89124 21.25 12.0002 21.25C17.1082 21.25 21.2502 17.108 21.2502 12C21.2502 6.892 17.1082 2.75 12.0002 2.75C6.89124 2.75 2.75024 6.892 2.75024 12Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M8.52905 10.5577L12.0001 14.0437L15.4711 10.5577" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+IconlyRegularLightArrowDownCircleIcon.displayName = 'IconlyRegularLightArrowDownCircleIcon';
+
+export const IconlyRegularLightArrowDownSquareIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.66588 21.25H16.3349C19.3549 21.25 21.2499 19.111 21.2499 16.084V7.916C21.2499 4.889 19.3649 2.75 16.3349 2.75H7.66588C4.63588 2.75 2.74988 4.889 2.74988 7.916V16.084C2.74988 19.111 4.63588 21.25 7.66588 21.25Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M11.9999 16.086V7.914" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M15.7478 12.3223L11.9998 16.0863L8.25183 12.3223" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+IconlyRegularLightArrowDownSquareIcon.displayName = 'IconlyRegularLightArrowDownSquareIcon';
+
+export const IconlyRegularLightArrowDownIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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.2744 19.75V4.75" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M18.2988 13.7002L12.2748 19.7502L6.24976 13.7002" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+IconlyRegularLightArrowDownIcon.displayName = 'IconlyRegularLightArrowDownIcon';
+
+export const IconlyRegularLightArrowLeft2Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path d="M15.5 19L8.5 12L15.5 5" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+IconlyRegularLightArrowLeft2Icon.displayName = 'IconlyRegularLightArrowLeft2Icon';
+
+export const IconlyRegularLightArrowLeft3Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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.3002 12.2513L20.2502 12.2513" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M11.3002 7.25031L3.36317 12.2513L11.3002 17.2523L11.3002 7.25031Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+IconlyRegularLightArrowLeft3Icon.displayName = 'IconlyRegularLightArrowLeft3Icon';
+
+export const IconlyRegularLightArrowLeftCircleIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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 2.75021C6.892 2.75021 2.75 6.89121 2.75 12.0002C2.75 17.1082 6.892 21.2502 12 21.2502C17.108 21.2502 21.25 17.1082 21.25 12.0002C21.25 6.89121 17.108 2.75021 12 2.75021Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M13.4423 8.52902L9.95626 12L13.4423 15.471" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+IconlyRegularLightArrowLeftCircleIcon.displayName = 'IconlyRegularLightArrowLeftCircleIcon';
+
+export const IconlyRegularLightArrowLeftSquareIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.75 7.66591L2.75 16.3349C2.75 19.3549 4.889 21.2499 7.916 21.2499L16.084 21.2499C19.111 21.2499 21.25 19.3649 21.25 16.3349L21.25 7.66591C21.25 4.63591 19.111 2.74991 16.084 2.74991L7.916 2.74991C4.889 2.74991 2.75 4.63591 2.75 7.66591Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M7.91406 11.9999L16.0861 11.9999" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M11.6777 15.7479L7.91373 11.9999L11.6777 8.25192" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+IconlyRegularLightArrowLeftSquareIcon.displayName = 'IconlyRegularLightArrowLeftSquareIcon';
+
+export const IconlyRegularLightArrowLeftIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path d="M4.25 12.2743L19.25 12.2743" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M10.2998 18.2987L4.2498 12.2747L10.2998 6.24969" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+IconlyRegularLightArrowLeftIcon.displayName = 'IconlyRegularLightArrowLeftIcon';
+
+export const IconlyRegularLightArrowRight2Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path d="M8.5 5L15.5 12L8.5 19" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+IconlyRegularLightArrowRight2Icon.displayName = 'IconlyRegularLightArrowRight2Icon';
+
+export const IconlyRegularLightArrowRight3Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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.6998 11.7487H3.74982" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M12.6998 16.7497L20.6368 11.7487L12.6998 6.74769V16.7497Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+IconlyRegularLightArrowRight3Icon.displayName = 'IconlyRegularLightArrowRight3Icon';
+
+export const IconlyRegularLightArrowRightCircleIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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 21.2498C17.108 21.2498 21.25 17.1088 21.25 11.9998C21.25 6.89179 17.108 2.74979 12 2.74979C6.892 2.74979 2.75 6.89179 2.75 11.9998C2.75 17.1088 6.892 21.2498 12 21.2498Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M10.5577 15.471L14.0437 12L10.5577 8.52898" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+IconlyRegularLightArrowRightCircleIcon.displayName = 'IconlyRegularLightArrowRightCircleIcon';
+
+export const IconlyRegularLightArrowRightSquareIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path fillRule="evenodd" clipRule="evenodd" d="M21.25 16.3341V7.66509C21.25 4.64509 19.111 2.75009 16.084 2.75009H7.916C4.889 2.75009 2.75 4.63509 2.75 7.66509L2.75 16.3341C2.75 19.3641 4.889 21.2501 7.916 21.2501H16.084C19.111 21.2501 21.25 19.3641 21.25 16.3341Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M16.0859 12.0001H7.91394" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M12.3223 8.25208L16.0863 12.0001L12.3223 15.7481" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+IconlyRegularLightArrowRightSquareIcon.displayName = 'IconlyRegularLightArrowRightSquareIcon';
+
+export const IconlyRegularLightArrowRightIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path d="M19.75 11.7257L4.75 11.7257" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M13.7002 5.70131L19.7502 11.7253L13.7002 17.7503" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+IconlyRegularLightArrowRightIcon.displayName = 'IconlyRegularLightArrowRightIcon';
+
+export const IconlyRegularLightArrowUp2Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path d="M5 15.5L12 8.5L19 15.5" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+IconlyRegularLightArrowUp2Icon.displayName = 'IconlyRegularLightArrowUp2Icon';
+
+export const IconlyRegularLightArrowUp3Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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.7487 11.3002L11.7487 20.2502" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M16.7497 11.3002L11.7487 3.3632L6.74769 11.3002L16.7497 11.3002Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+IconlyRegularLightArrowUp3Icon.displayName = 'IconlyRegularLightArrowUp3Icon';
+
+export const IconlyRegularLightArrowUpCircleIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path fillRule="evenodd" clipRule="evenodd" d="M21.2498 12C21.2498 6.892 17.1088 2.75 11.9998 2.75C6.89176 2.75 2.74976 6.892 2.74976 12C2.74976 17.108 6.89176 21.25 11.9998 21.25C17.1088 21.25 21.2498 17.108 21.2498 12Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M15.4709 13.4423L11.9999 9.95629L8.52895 13.4423" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+IconlyRegularLightArrowUpCircleIcon.displayName = 'IconlyRegularLightArrowUpCircleIcon';
+
+export const IconlyRegularLightArrowUpSquareIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.3341 2.75H7.66512C4.64512 2.75 2.75012 4.889 2.75012 7.916V16.084C2.75012 19.111 4.63512 21.25 7.66512 21.25H16.3341C19.3641 21.25 21.2501 19.111 21.2501 16.084V7.916C21.2501 4.889 19.3641 2.75 16.3341 2.75Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M12.0001 7.914L12.0001 16.086" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M8.25217 11.6777L12.0002 7.9137L15.7482 11.6777" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+IconlyRegularLightArrowUpSquareIcon.displayName = 'IconlyRegularLightArrowUpSquareIcon';
+
+export const IconlyRegularLightArrowUpIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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.7256 4.25L11.7256 19.25" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M5.70124 10.2998L11.7252 4.2498L17.7502 10.2998" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+IconlyRegularLightArrowUpIcon.displayName = 'IconlyRegularLightArrowUpIcon';
+
+export const IconlyRegularLightBag3Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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.7729 9.30504V6.27304C15.7729 4.18904 14.0839 2.50004 12.0009 2.50004C9.91694 2.49104 8.21994 4.17204 8.21094 6.25604V6.27304V9.30504" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M16.7422 21.0003H7.25778C4.90569 21.0003 3 19.0953 3 16.7453V11.2293C3 8.87933 4.90569 6.97433 7.25778 6.97433H16.7422C19.0943 6.97433 21 8.87933 21 11.2293V16.7453C21 19.0953 19.0943 21.0003 16.7422 21.0003Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+IconlyRegularLightBag3Icon.displayName = 'IconlyRegularLightBag3Icon';
+
+export const IconlyRegularLightBagIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.5137 21.5H8.16592C5.09955 21.5 2.74715 20.3924 3.41534 15.9348L4.19338 9.89357C4.60528 7.66931 6.02404 6.81805 7.26889 6.81805H17.4474C18.7105 6.81805 20.0469 7.73339 20.5229 9.89357L21.3009 15.9348C21.8684 19.889 19.5801 21.5 16.5137 21.5Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M16.651 6.59839C16.651 4.21232 14.7167 2.27802 12.3306 2.27802V2.27802C11.1816 2.27315 10.078 2.72618 9.26381 3.53694C8.44963 4.34769 7.99193 5.44938 7.99194 6.59839H7.99194" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M15.2963 11.1018H15.2506" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M9.46566 11.1018H9.41989" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+IconlyRegularLightBagIcon.displayName = 'IconlyRegularLightBagIcon';
+
+export const IconlyRegularLightBookmarkIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path fillRule="evenodd" clipRule="evenodd" d="M19.7388 6.15362C19.7388 3.40274 17.8581 2.29999 15.1503 2.29999H8.79143C6.16687 2.29999 4.19995 3.32756 4.19995 5.97016V20.694C4.19995 21.4198 4.9809 21.8769 5.61348 21.522L11.9954 17.9421L18.3223 21.516C18.9558 21.8729 19.7388 21.4158 19.7388 20.689V6.15362Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M8.27124 9.02802H15.5895" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+IconlyRegularLightBookmarkIcon.displayName = 'IconlyRegularLightBookmarkIcon';
+
+export const IconlyRegularLightBuyIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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.75012 3.24991L4.83012 3.60991L5.79312 15.0829C5.87012 16.0199 6.65312 16.7389 7.59312 16.7359H18.5021C19.3991 16.7379 20.1601 16.0779 20.2871 15.1899L21.2361 8.63191C21.3421 7.89891 20.8331 7.21891 20.1011 7.11291C20.0371 7.10391 5.16412 7.09891 5.16412 7.09891" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M14.1251 10.7948H16.8981" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M7.15447 20.2025C7.45547 20.2025 7.69847 20.4465 7.69847 20.7465C7.69847 21.0475 7.45547 21.2915 7.15447 21.2915C6.85347 21.2915 6.61047 21.0475 6.61047 20.7465C6.61047 20.4465 6.85347 20.2025 7.15447 20.2025Z" fill={color || 'currentColor'} stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M18.4347 20.2025C18.7357 20.2025 18.9797 20.4465 18.9797 20.7465C18.9797 21.0475 18.7357 21.2915 18.4347 21.2915C18.1337 21.2915 17.8907 21.0475 17.8907 20.7465C17.8907 20.4465 18.1337 20.2025 18.4347 20.2025Z" fill={color || 'currentColor'} stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+IconlyRegularLightBuyIcon.displayName = 'IconlyRegularLightBuyIcon';
+
+export const IconlyRegularLightCalendarIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path d="M3.09253 9.40427H20.9165" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M16.442 13.3097H16.4512" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M12.0047 13.3097H12.014" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M7.55793 13.3097H7.5672" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M16.442 17.1962H16.4512" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M12.0047 17.1962H12.014" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M7.55793 17.1962H7.5672" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M16.0438 2V5.29078" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M7.9654 2V5.29078" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M16.2383 3.57919H7.77096C4.83427 3.57919 3 5.21513 3 8.22222V17.2719C3 20.3262 4.83427 22 7.77096 22H16.229C19.175 22 21 20.3546 21 17.3475V8.22222C21.0092 5.21513 19.1842 3.57919 16.2383 3.57919Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+IconlyRegularLightCalendarIcon.displayName = 'IconlyRegularLightCalendarIcon';
+
+export const IconlyRegularLightCallMissedIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path d="M21.3149 3.74991L15.3149 9.74991" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M15.3149 3.74991L21.3149 9.74991" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M11.0315 12.4724C15.0205 16.4604 15.9254 11.8467 18.4653 14.3848C20.9138 16.8328 22.3222 17.3232 19.2188 20.4247C18.8302 20.737 16.3613 24.4943 7.68447 15.8197C-0.993406 7.144 2.76157 4.67244 3.07394 4.28395C6.18377 1.17385 6.66682 2.58938 9.11539 5.03733C11.6541 7.5765 7.04254 8.48441 11.0315 12.4724Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+IconlyRegularLightCallMissedIcon.displayName = 'IconlyRegularLightCallMissedIcon';
+
+export const IconlyRegularLightCallSilentIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path d="M6.5852 14.2053C0.153716 6.91817 3.36946 4.73954 3.65401 4.38538C6.72272 1.27306 7.19873 2.6897 9.60948 5.13663C11.6405 7.20794 9.00759 8.1953 10.0866 10.653" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M12.4903 13.3824C15.7704 16.0762 16.6956 12.2234 19.0191 14.5844C21.4161 17.0314 22.7944 17.5251 19.755 20.6267C19.3975 20.9379 17.0951 24.4688 9.19958 16.7416" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M4.5 21.5L19.5 5.49999" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+IconlyRegularLightCallSilentIcon.displayName = 'IconlyRegularLightCallSilentIcon';
+
+export const IconlyRegularLightCallIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.5317 12.4724C15.5208 16.4604 16.4258 11.8467 18.9656 14.3848C21.4143 16.8328 22.8216 17.3232 19.7192 20.4247C19.3306 20.737 16.8616 24.4943 8.1846 15.8197C-0.493478 7.144 3.26158 4.67244 3.57397 4.28395C6.68387 1.17385 7.16586 2.58938 9.61449 5.03733C12.1544 7.5765 7.54266 8.48441 11.5317 12.4724Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+IconlyRegularLightCallIcon.displayName = 'IconlyRegularLightCallIcon';
+
+export const IconlyRegularLightCallingIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path d="M14.353 2.5C18.054 2.911 20.978 5.831 21.393 9.532" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M14.353 6.043C16.124 6.387 17.508 7.772 17.853 9.543" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M11.0315 12.4724C15.0205 16.4604 15.9254 11.8467 18.4653 14.3848C20.9138 16.8328 22.3222 17.3232 19.2188 20.4247C18.8302 20.737 16.3613 24.4943 7.68447 15.8197C-0.993406 7.144 2.76157 4.67244 3.07394 4.28395C6.18377 1.17385 6.66682 2.58938 9.11539 5.03733C11.6541 7.5765 7.04254 8.48441 11.0315 12.4724Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+IconlyRegularLightCallingIcon.displayName = 'IconlyRegularLightCallingIcon';
+
+export const IconlyRegularLightCameraIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path fillRule="evenodd" clipRule="evenodd" d="M15.0402 4.05129C16.0502 4.45329 16.3592 5.85329 16.7722 6.30329C17.1852 6.75329 17.7762 6.90629 18.1032 6.90629C19.8412 6.90629 21.2502 8.31529 21.2502 10.0523V15.8473C21.2502 18.1773 19.3602 20.0673 17.0302 20.0673H6.97024C4.63924 20.0673 2.75024 18.1773 2.75024 15.8473V10.0523C2.75024 8.31529 4.15924 6.90629 5.89724 6.90629C6.22324 6.90629 6.81424 6.75329 7.22824 6.30329C7.64124 5.85329 7.94924 4.45329 8.95924 4.05129C9.97024 3.64929 14.0302 3.64929 15.0402 4.05129Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M17.4955 9.5H17.5045" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 2} strokeLinecap="round" strokeLinejoin="round"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M15.1789 13.128C15.1789 11.372 13.7559 9.94897 11.9999 9.94897C10.2439 9.94897 8.82092 11.372 8.82092 13.128C8.82092 14.884 10.2439 16.307 11.9999 16.307C13.7559 16.307 15.1789 14.884 15.1789 13.128Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+IconlyRegularLightCameraIcon.displayName = 'IconlyRegularLightCameraIcon';
+
+export const IconlyRegularLightCategoryIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path fillRule="evenodd" clipRule="evenodd" d="M3 6.5C3 3.87479 3.02811 3 6.5 3C9.97189 3 10 3.87479 10 6.5C10 9.12521 10.0111 10 6.5 10C2.98893 10 3 9.12521 3 6.5Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M14 6.5C14 3.87479 14.0281 3 17.5 3C20.9719 3 21 3.87479 21 6.5C21 9.12521 21.0111 10 17.5 10C13.9889 10 14 9.12521 14 6.5Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M3 17.5C3 14.8748 3.02811 14 6.5 14C9.97189 14 10 14.8748 10 17.5C10 20.1252 10.0111 21 6.5 21C2.98893 21 3 20.1252 3 17.5Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M14 17.5C14 14.8748 14.0281 14 17.5 14C20.9719 14 21 14.8748 21 17.5C21 20.1252 21.0111 21 17.5 21C13.9889 21 14 20.1252 14 17.5Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+IconlyRegularLightCategoryIcon.displayName = 'IconlyRegularLightCategoryIcon';
+
+export const IconlyRegularLightChartIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path d="M7.37145 10.2017V17.0619" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M12.0382 6.91913V17.0618" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M16.6285 13.8268V17.0619" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M16.6857 2H7.31429C4.04762 2 2 4.31208 2 7.58516V16.4148C2 19.6879 4.0381 22 7.31429 22H16.6857C19.9619 22 22 19.6879 22 16.4148V7.58516C22 4.31208 19.9619 2 16.6857 2Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+IconlyRegularLightChartIcon.displayName = 'IconlyRegularLightChartIcon';
+
+export const IconlyRegularLightChatIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path fillRule="evenodd" clipRule="evenodd" d="M19.0714 19.0699C16.0152 22.1263 11.4898 22.7867 7.78642 21.074C7.23971 20.8539 6.79148 20.676 6.36537 20.676C5.17849 20.683 3.70117 21.8339 2.93336 21.067C2.16555 20.2991 3.31726 18.8206 3.31726 17.6266C3.31726 17.2004 3.14642 16.7602 2.92632 16.2124C1.21283 12.5096 1.87411 7.98269 4.93026 4.92721C8.8316 1.02443 15.17 1.02443 19.0714 4.9262C22.9797 8.83501 22.9727 15.1681 19.0714 19.0699Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M15.9393 12.413H15.9483" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 2} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M11.9304 12.413H11.9394" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 2} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M7.9214 12.413H7.9304" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 2} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+IconlyRegularLightChatIcon.displayName = 'IconlyRegularLightChatIcon';
+
+export const IconlyRegularLightCloseSquareIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path d="M14.3955 9.59491L9.60352 14.3869" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M14.397 14.3898L9.60095 9.5928" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M16.3345 2.75021H7.66549C4.64449 2.75021 2.75049 4.88921 2.75049 7.91621V16.0842C2.75049 19.1112 4.63549 21.2502 7.66549 21.2502H16.3335C19.3645 21.2502 21.2505 19.1112 21.2505 16.0842V7.91621C21.2505 4.88921 19.3645 2.75021 16.3345 2.75021Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+IconlyRegularLightCloseSquareIcon.displayName = 'IconlyRegularLightCloseSquareIcon';
+
+export const IconlyRegularLightDangerCircleIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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 2.75009C17.1081 2.75009 21.2501 6.89109 21.2501 12.0001C21.2501 17.1081 17.1081 21.2501 12.0001 21.2501C6.89112 21.2501 2.75012 17.1081 2.75012 12.0001C2.75012 6.89109 6.89112 2.75009 12.0001 2.75009Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M11.9952 8.20419V12.6232" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M11.995 15.7961H12.005" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 2} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+IconlyRegularLightDangerCircleIcon.displayName = 'IconlyRegularLightDangerCircleIcon';
+
+export const IconlyRegularLightDangerTriangleIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.81397 20.4368H19.197C20.779 20.4368 21.772 18.7268 20.986 17.3528L13.8 4.78781C13.009 3.40481 11.015 3.40381 10.223 4.78681L3.02497 17.3518C2.23897 18.7258 3.23097 20.4368 4.81397 20.4368Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M12.0024 13.4148V10.3148" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M11.995 16.5H12.005" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 2} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+IconlyRegularLightDangerTriangleIcon.displayName = 'IconlyRegularLightDangerTriangleIcon';
+
+export const IconlyRegularLightDeleteIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path d="M19.325 9.4682C19.325 9.4682 18.782 16.2032 18.467 19.0402C18.317 20.3952 17.48 21.1892 16.109 21.2142C13.5 21.2612 10.888 21.2642 8.28003 21.2092C6.96103 21.1822 6.13803 20.3782 5.99103 19.0472C5.67403 16.1852 5.13403 9.4682 5.13403 9.4682" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M20.7082 6.23972H3.75024" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M17.4406 6.2397C16.6556 6.2397 15.9796 5.6847 15.8256 4.9157L15.5826 3.6997C15.4326 3.1387 14.9246 2.7507 14.3456 2.7507H10.1126C9.53358 2.7507 9.02558 3.1387 8.87558 3.6997L8.63258 4.9157C8.47858 5.6847 7.80258 6.2397 7.01758 6.2397" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+IconlyRegularLightDeleteIcon.displayName = 'IconlyRegularLightDeleteIcon';
+
+export const IconlyRegularLightDiscountIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path d="M4.79489 7.05601C4.79489 5.80701 5.80689 4.79501 7.05589 4.79401H8.08489C8.68189 4.79401 9.25389 4.55701 9.67789 4.13701L10.3969 3.41701C11.2779 2.53101 12.7099 2.52701 13.5959 3.40801L13.5969 3.40901L13.6059 3.41701L14.3259 4.13701C14.7499 4.55801 15.3219 4.79401 15.9189 4.79401H16.9469C18.1959 4.79401 19.2089 5.80601 19.2089 7.05601V8.08301C19.2089 8.68001 19.4449 9.25301 19.8659 9.67701L20.5859 10.397C21.4719 11.278 21.4769 12.71 20.5959 13.596L20.5949 13.597L20.5859 13.606L19.8659 14.326C19.4449 14.749 19.2089 15.321 19.2089 15.918V16.947C19.2089 18.196 18.1969 19.208 16.9479 19.208H16.9469H15.9169C15.3199 19.208 14.7469 19.445 14.3239 19.866L13.6039 20.585C12.7239 21.471 11.2929 21.476 10.4069 20.597C10.4059 20.596 10.4049 20.595 10.4039 20.594L10.3949 20.585L9.67589 19.866C9.25289 19.445 8.67989 19.209 8.08289 19.208H7.05589C5.80689 19.208 4.79489 18.196 4.79489 16.947V15.916C4.79489 15.319 4.55789 14.747 4.13689 14.324L3.41789 13.604C2.53189 12.724 2.52689 11.293 3.40689 10.407C3.40689 10.406 3.40789 10.405 3.40889 10.404L3.41789 10.395L4.13689 9.67501C4.55789 9.25101 4.79489 8.67901 4.79489 8.08101V7.05601" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M9.43164 14.5717L14.5716 9.4317" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M14.4955 14.5H14.5045" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 2} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M9.4955 9.5H9.5045" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 2} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+IconlyRegularLightDiscountIcon.displayName = 'IconlyRegularLightDiscountIcon';
+
+export const IconlyRegularLightDiscoveryIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path fillRule="evenodd" clipRule="evenodd" d="M8.27002 14.9519L9.8627 9.8627L14.9519 8.27002L13.3593 13.3593L8.27002 14.9519Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<circle cx="11.611" cy="11.611" r="9.61098" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+IconlyRegularLightDiscoveryIcon.displayName = 'IconlyRegularLightDiscoveryIcon';
+
+export const IconlyRegularLightDocumentIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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.7161 16.2234H8.49609" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M15.7161 12.0369H8.49609" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M11.2511 7.86008H8.49609" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M15.9085 2.74979C15.9085 2.74979 8.23149 2.75379 8.21949 2.75379C5.45949 2.77079 3.75049 4.58679 3.75049 7.35679V16.5528C3.75049 19.3368 5.47249 21.1598 8.25649 21.1598C8.25649 21.1598 15.9325 21.1568 15.9455 21.1568C18.7055 21.1398 20.4155 19.3228 20.4155 16.5528V7.35679C20.4155 4.57279 18.6925 2.74979 15.9085 2.74979Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+IconlyRegularLightDocumentIcon.displayName = 'IconlyRegularLightDocumentIcon';
+
+export const IconlyRegularLightDownloadIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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.1222 15.4361L12.1222 3.39511" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M15.0382 12.5084L12.1222 15.4364L9.20621 12.5084" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M16.7549 8.12802H17.6879C19.7229 8.12802 21.3719 9.77702 21.3719 11.813V16.697C21.3719 18.727 19.7269 20.372 17.6969 20.372L6.55695 20.372C4.52195 20.372 2.87195 18.722 2.87195 16.687V11.802C2.87195 9.77302 4.51795 8.12802 6.54695 8.12802L7.48895 8.12802" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+IconlyRegularLightDownloadIcon.displayName = 'IconlyRegularLightDownloadIcon';
+
+export const IconlyRegularLightEditSquareIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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.4922 2.789H7.75324C4.67824 2.789 2.75024 4.966 2.75024 8.048V16.362C2.75024 19.444 4.66924 21.621 7.75324 21.621H16.5772C19.6622 21.621 21.5812 19.444 21.5812 16.362V12.334" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M8.82763 10.9209L16.3006 3.4479C17.2316 2.5179 18.7406 2.5179 19.6716 3.4479L20.8886 4.6649C21.8196 5.5959 21.8196 7.1059 20.8886 8.0359L13.3796 15.5449C12.9726 15.9519 12.4206 16.1809 11.8446 16.1809H8.09863L8.19263 12.4009C8.20663 11.8449 8.43363 11.3149 8.82763 10.9209Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M15.165 4.60251L19.731 9.16851" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+IconlyRegularLightEditSquareIcon.displayName = 'IconlyRegularLightEditSquareIcon';
+
+export const IconlyRegularLightEditIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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.7473 20.4429H20.9999" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M12.78 3.79479C13.5557 2.86779 14.95 2.73186 15.8962 3.49173C15.9485 3.53296 17.6295 4.83879 17.6295 4.83879C18.669 5.46719 18.992 6.80311 18.3494 7.82259C18.3153 7.87718 8.81195 19.7645 8.81195 19.7645C8.49578 20.1589 8.01583 20.3918 7.50291 20.3973L3.86353 20.443L3.04353 16.9723C2.92866 16.4843 3.04353 15.9718 3.3597 15.5773L12.78 3.79479Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M11.0208 6.00089L16.473 10.188" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+IconlyRegularLightEditIcon.displayName = 'IconlyRegularLightEditIcon';
+
+export const IconlyRegularLightFilter3Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.56517 3C3.70108 3 3 3.71286 3 4.5904V5.52644C3 6.17647 3.24719 6.80158 3.68936 7.27177L8.5351 12.4243L8.53723 12.4211C9.47271 13.3788 9.99905 14.6734 9.99905 16.0233V20.5952C9.99905 20.9007 10.3187 21.0957 10.584 20.9516L13.3436 19.4479C13.7602 19.2204 14.0201 18.7784 14.0201 18.2984V16.0114C14.0201 14.6691 14.539 13.3799 15.466 12.4243L20.3117 7.27177C20.7528 6.80158 21 6.17647 21 5.52644V4.5904C21 3.71286 20.3 3 19.4359 3H4.56517Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+IconlyRegularLightFilter3Icon.displayName = 'IconlyRegularLightFilter3Icon';
+
+export const IconlyRegularLightFilterIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path d="M10.3301 16.5929H4.02942" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M13.1405 6.90039H19.4412" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M8.72629 6.84625C8.72629 5.5506 7.66813 4.5 6.36314 4.5C5.05816 4.5 4 5.5506 4 6.84625C4 8.14191 5.05816 9.19251 6.36314 9.19251C7.66813 9.19251 8.72629 8.14191 8.72629 6.84625Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M20 16.5537C20 15.2581 18.9426 14.2075 17.6376 14.2075C16.3318 14.2075 15.2737 15.2581 15.2737 16.5537C15.2737 17.8494 16.3318 18.9 17.6376 18.9C18.9426 18.9 20 17.8494 20 16.5537Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+IconlyRegularLightFilterIcon.displayName = 'IconlyRegularLightFilterIcon';
+
+export const IconlyRegularLightFolderIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path fillRule="evenodd" clipRule="evenodd" d="M21.419 15.7321C21.419 19.3101 19.31 21.4191 15.732 21.4191H7.95C4.363 21.4191 2.25 19.3101 2.25 15.7321V7.93209C2.25 4.35909 3.564 2.25009 7.143 2.25009H9.143C9.861 2.25109 10.537 2.58809 10.967 3.16309L11.88 4.37709C12.312 4.95109 12.988 5.28909 13.706 5.29009H16.536C20.123 5.29009 21.447 7.11609 21.447 10.7671L21.419 15.7321Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M7.4812 14.463H16.2162" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+IconlyRegularLightFolderIcon.displayName = 'IconlyRegularLightFolderIcon';
+
+export const IconlyRegularLightGameIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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.84831 12.314V16.059" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M10.759 14.1867H6.93787" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M15.3661 12.428H15.259" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M17.1797 16.0026H17.0726" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M8.07214 2C8.07214 2.74048 8.68463 3.34076 9.44016 3.34076H10.4966C11.6623 3.34492 12.6064 4.27026 12.6117 5.41266V6.08771" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M16.4283 21.9626C13.4231 22.0135 10.473 22.0114 7.57275 21.9626C4.3535 21.9626 2 19.6664 2 16.5113V11.8617C2 8.70661 4.3535 6.41038 7.57275 6.41038C10.4889 6.36053 13.4411 6.36157 16.4283 6.41038C19.6476 6.41038 22 8.70764 22 11.8617V16.5113C22 19.6664 19.6476 21.9626 16.4283 21.9626Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+IconlyRegularLightGameIcon.displayName = 'IconlyRegularLightGameIcon';
+
+export const IconlyRegularLightGraphIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path fillRule="evenodd" clipRule="evenodd" d="M17.2779 13.8892C17.9527 13.8892 18.519 14.446 18.4158 15.1123C17.8106 19.0323 14.4548 21.9429 10.4074 21.9429C5.92952 21.9429 2.30005 18.3134 2.30005 13.8365C2.30005 10.1481 5.10215 6.71233 8.25689 5.93549C8.93479 5.76812 9.62952 6.24496 9.62952 6.94286C9.62952 11.6713 9.78847 12.8944 10.6864 13.5597C11.5843 14.225 12.64 13.8892 17.2779 13.8892Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M21.6926 9.9516C21.7463 6.91371 18.0147 2.01687 13.4674 2.10108C13.1137 2.10739 12.8305 2.40213 12.8147 2.75476C12.7 5.25266 12.8547 8.4895 12.9411 9.95687C12.9674 10.4137 13.3263 10.7727 13.7821 10.799C15.2905 10.8853 18.6453 11.0032 21.1074 10.6306C21.4421 10.58 21.6874 10.2895 21.6926 9.9516Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+IconlyRegularLightGraphIcon.displayName = 'IconlyRegularLightGraphIcon';
+
+export const IconlyRegularLightHeartIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.87187 11.5983C1.79887 8.24832 3.05287 4.41932 6.56987 3.28632C8.41987 2.68932 10.4619 3.04132 11.9999 4.19832C13.4549 3.07332 15.5719 2.69332 17.4199 3.28632C20.9369 4.41932 22.1989 8.24832 21.1269 11.5983C19.4569 16.9083 11.9999 20.9983 11.9999 20.9983C11.9999 20.9983 4.59787 16.9703 2.87187 11.5983Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M16 6.70001C17.07 7.04601 17.826 8.00101 17.917 9.12201" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+IconlyRegularLightHeartIcon.displayName = 'IconlyRegularLightHeartIcon';
+
+export const IconlyRegularLightHideIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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.76069 14.3668C9.18569 13.7928 8.83569 13.0128 8.83569 12.1378C8.83569 10.3848 10.2477 8.9718 11.9997 8.9718C12.8667 8.9718 13.6647 9.3228 14.2297 9.8968" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M15.1049 12.6989C14.8729 13.9889 13.8569 15.0069 12.5679 15.2409" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M6.65463 17.4723C5.06763 16.2263 3.72363 14.4063 2.74963 12.1373C3.73363 9.85829 5.08663 8.02829 6.68363 6.77229C8.27063 5.51629 10.1016 4.83429 11.9996 4.83429C13.9086 4.83429 15.7386 5.52629 17.3356 6.79129" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M19.4477 8.99081C20.1357 9.90481 20.7407 10.9598 21.2497 12.1368C19.2827 16.6938 15.8067 19.4388 11.9997 19.4388C11.1367 19.4388 10.2857 19.2988 9.46765 19.0258" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M19.887 4.2496L4.11304 20.0236" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+IconlyRegularLightHideIcon.displayName = 'IconlyRegularLightHideIcon';
+
+export const IconlyRegularLightHomeIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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.15722 20.7714V17.7047C9.1572 16.9246 9.79312 16.2908 10.581 16.2856H13.4671C14.2587 16.2856 14.9005 16.9209 14.9005 17.7047V17.7047V20.7809C14.9003 21.4432 15.4343 21.9845 16.103 22H18.0271C19.9451 22 21.5 20.4607 21.5 18.5618V18.5618V9.83784C21.4898 9.09083 21.1355 8.38935 20.538 7.93303L13.9577 2.6853C12.8049 1.77157 11.1662 1.77157 10.0134 2.6853L3.46203 7.94256C2.86226 8.39702 2.50739 9.09967 2.5 9.84736V18.5618C2.5 20.4607 4.05488 22 5.97291 22H7.89696C8.58235 22 9.13797 21.4499 9.13797 20.7714V20.7714" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+IconlyRegularLightHomeIcon.displayName = 'IconlyRegularLightHomeIcon';
+
+export const IconlyRegularLightImage3Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.3028 2.74979H7.65076C4.63876 2.74979 2.74976 4.88379 2.74976 7.90379V16.0498C2.74976 19.0698 4.63076 21.2038 7.65076 21.2038H16.2978C19.3228 21.2038 21.2028 19.0698 21.2028 16.0498V7.90379C21.2068 4.88379 19.3258 2.74979 16.3028 2.74979Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M10.7031 8.785C10.7031 9.805 9.87711 10.631 8.85711 10.631C7.83811 10.631 7.01111 9.805 7.01111 8.785C7.01111 7.765 7.83811 6.939 8.85711 6.939C9.87611 6.94 10.7021 7.766 10.7031 8.785Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M21.207 14.951C20.284 14.001 18.509 12.082 16.579 12.082C14.648 12.082 13.535 16.315 11.678 16.315C9.821 16.315 8.134 14.401 6.646 15.628C5.158 16.854 3.75 19.361 3.75 19.361" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+IconlyRegularLightImage3Icon.displayName = 'IconlyRegularLightImage3Icon';
+
+export const IconlyRegularLightImageIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path fillRule="evenodd" clipRule="evenodd" d="M21.21 7.89921V16.0502C21.21 19.0702 19.32 21.2002 16.3 21.2002H7.65C4.63 21.2002 2.75 19.0702 2.75 16.0502V7.89921C2.75 4.87921 4.64 2.75021 7.65 2.75021H16.3C19.32 2.75021 21.21 4.87921 21.21 7.89921Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M5.28125 16.4309L6.80925 14.8179C7.34025 14.2549 8.22525 14.2279 8.78925 14.7579C8.80625 14.7749 9.72625 15.7099 9.72625 15.7099C10.2813 16.2749 11.1883 16.2839 11.7533 15.7299C11.7903 15.6939 14.0872 12.9079 14.0872 12.9079C14.6792 12.1889 15.7422 12.0859 16.4622 12.6789C16.5102 12.7189 18.6803 14.9459 18.6803 14.9459" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M10.3126 9.13312C10.3126 10.1021 9.52757 10.8871 8.55857 10.8871C7.58957 10.8871 6.80457 10.1021 6.80457 9.13312C6.80457 8.16412 7.58957 7.37912 8.55857 7.37912C9.52757 7.38012 10.3126 8.16412 10.3126 9.13312Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+IconlyRegularLightImageIcon.displayName = 'IconlyRegularLightImageIcon';
+
+export const IconlyRegularLightInfoSquareIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.3341 2.75009H7.66512C4.64412 2.75009 2.75012 4.88909 2.75012 7.91609V16.0841C2.75012 19.1111 4.63512 21.2501 7.66512 21.2501H16.3331C19.3641 21.2501 21.2501 19.1111 21.2501 16.0841V7.91609C21.2501 4.88909 19.3641 2.75009 16.3341 2.75009Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M11.9948 16.0001V12.0001" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M11.9899 8.20428H11.9999" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 2} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+IconlyRegularLightInfoSquareIcon.displayName = 'IconlyRegularLightInfoSquareIcon';
+
+export const IconlyRegularLightLocationIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path fillRule="evenodd" clipRule="evenodd" d="M14.5 10.5005C14.5 9.11924 13.3808 8 12.0005 8C10.6192 8 9.5 9.11924 9.5 10.5005C9.5 11.8808 10.6192 13 12.0005 13C13.3808 13 14.5 11.8808 14.5 10.5005Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M11.9995 21C10.801 21 4.5 15.8984 4.5 10.5633C4.5 6.38664 7.8571 3 11.9995 3C16.1419 3 19.5 6.38664 19.5 10.5633C19.5 15.8984 13.198 21 11.9995 21Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+IconlyRegularLightLocationIcon.displayName = 'IconlyRegularLightLocationIcon';
+
+export const IconlyRegularLightLockIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path d="M16.4235 9.4478V7.3008C16.4235 4.7878 14.3855 2.7498 11.8725 2.7498C9.35949 2.7388 7.31349 4.7668 7.30249 7.2808V7.3008V9.4478" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M15.6832 21.2496H8.04224C5.94824 21.2496 4.25024 19.5526 4.25024 17.4576V13.1686C4.25024 11.0736 5.94824 9.37659 8.04224 9.37659H15.6832C17.7772 9.37659 19.4752 11.0736 19.4752 13.1686V17.4576C19.4752 19.5526 17.7772 21.2496 15.6832 21.2496Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M11.8629 14.2027V16.4237" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+IconlyRegularLightLockIcon.displayName = 'IconlyRegularLightLockIcon';
+
+export const IconlyRegularLightLoginIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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.8125 12.0218H3.77148" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M12.8848 9.1058L15.8128 12.0218L12.8848 14.9378" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M8.50439 7.389V6.456C8.50439 4.421 10.1534 2.772 12.1894 2.772H17.0734C19.1034 2.772 20.7484 4.417 20.7484 6.447V17.587C20.7484 19.622 19.0984 21.272 17.0634 21.272H12.1784C10.1494 21.272 8.50439 19.626 8.50439 17.597V16.655" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+IconlyRegularLightLoginIcon.displayName = 'IconlyRegularLightLoginIcon';
+
+export const IconlyRegularLightLogoutIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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.016 7.38951V6.45651C15.016 4.42151 13.366 2.77151 11.331 2.77151H6.45597C4.42197 2.77151 2.77197 4.42151 2.77197 6.45651V17.5865C2.77197 19.6215 4.42197 21.2715 6.45597 21.2715H11.341C13.37 21.2715 15.016 19.6265 15.016 17.5975V16.6545" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M21.8094 12.0214H9.76843" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M18.8812 9.10632L21.8092 12.0213L18.8812 14.9373" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+IconlyRegularLightLogoutIcon.displayName = 'IconlyRegularLightLogoutIcon';
+
+export const IconlyRegularLightMessageIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path d="M17.9026 8.85114L13.4593 12.4642C12.6198 13.1302 11.4387 13.1302 10.5992 12.4642L6.11841 8.85114" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M16.9089 21C19.9502 21.0084 22 18.5095 22 15.4384V8.57001C22 5.49883 19.9502 3 16.9089 3H7.09114C4.04979 3 2 5.49883 2 8.57001V15.4384C2 18.5095 4.04979 21.0084 7.09114 21H16.9089Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+IconlyRegularLightMessageIcon.displayName = 'IconlyRegularLightMessageIcon';
+
+export const IconlyRegularLightMoreCircleIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.75009C17.1082 2.75009 21.2502 6.89109 21.2502 12.0001C21.2502 17.1081 17.1082 21.2501 12.0002 21.2501C6.89124 21.2501 2.75024 17.1081 2.75024 12.0001C2.75024 6.89209 6.89224 2.75009 12.0002 2.75009Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M15.9395 12.013H15.9485" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 2} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M11.9304 12.013H11.9394" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 2} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M7.9214 12.013H7.9304" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 2} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+IconlyRegularLightMoreCircleIcon.displayName = 'IconlyRegularLightMoreCircleIcon';
+
+export const IconlyRegularLightMoreSquareIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.3342 2.75009H7.66524C4.64424 2.75009 2.75024 4.88909 2.75024 7.91609V16.0841C2.75024 19.1111 4.63424 21.2501 7.66524 21.2501H16.3332C19.3642 21.2501 21.2502 19.1111 21.2502 16.0841V7.91609C21.2502 4.88909 19.3642 2.75009 16.3342 2.75009Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M15.9395 12.013H15.9485" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 2} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M11.9304 12.013H11.9394" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 2} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M7.9214 12.013H7.9304" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 2} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+IconlyRegularLightMoreSquareIcon.displayName = 'IconlyRegularLightMoreSquareIcon';
+
+export const IconlyRegularLightNotificationIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path fillRule="evenodd" clipRule="evenodd" d="M12 17.8476C17.6392 17.8476 20.2481 17.1242 20.5 14.2205C20.5 11.3188 18.6812 11.5054 18.6812 7.94511C18.6812 5.16414 16.0452 2 12 2C7.95477 2 5.31885 5.16414 5.31885 7.94511C5.31885 11.5054 3.5 11.3188 3.5 14.2205C3.75295 17.1352 6.36177 17.8476 12 17.8476Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M14.3887 20.8572C13.0246 22.3719 10.8966 22.3899 9.51941 20.8572" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+IconlyRegularLightNotificationIcon.displayName = 'IconlyRegularLightNotificationIcon';
+
+export const IconlyRegularLightPaperDownloadIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path fillRule="evenodd" clipRule="evenodd" d="M14.7366 2.76178H8.08465C6.00465 2.75378 4.30065 4.41078 4.25065 6.49078V17.2278C4.20565 19.3298 5.87365 21.0698 7.97465 21.1148C8.01165 21.1148 8.04865 21.1158 8.08465 21.1148H16.0726C18.1626 21.0408 19.8146 19.3188 19.8026 17.2278V8.03778L14.7366 2.76178Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M14.4749 2.75009V5.65909C14.4749 7.07909 15.6239 8.23009 17.0439 8.23409H19.7979" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M11.6418 15.9498V9.90878" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M9.29614 13.5944L11.6411 15.9494L13.9861 13.5944" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+IconlyRegularLightPaperDownloadIcon.displayName = 'IconlyRegularLightPaperDownloadIcon';
+
+export const IconlyRegularLightPaperFailIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path fillRule="evenodd" clipRule="evenodd" d="M14.7372 2.7619H7.97924C5.91924 2.7619 4.25024 4.4319 4.25024 6.4909V17.3399C4.26224 19.4389 5.97324 21.1299 8.07224 21.1169C8.11224 21.1169 8.15124 21.1159 8.19024 21.1149H16.0732C18.1412 21.0939 19.8062 19.4089 19.8022 17.3399V8.0399L14.7372 2.7619Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M14.474 2.75021V5.65921C14.474 7.07921 15.622 8.23021 17.042 8.23421H19.797" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M13.5761 14.6481L10.1101 11.1821" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M10.1112 14.6481L13.5772 11.1821" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+IconlyRegularLightPaperFailIcon.displayName = 'IconlyRegularLightPaperFailIcon';
+
+export const IconlyRegularLightPaperNegativeIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path fillRule="evenodd" clipRule="evenodd" d="M14.7366 2.76188H8.08455C6.00455 2.75288 4.29955 4.41088 4.25055 6.49088V17.3399C4.21555 19.3899 5.84855 21.0809 7.89955 21.1169C7.96055 21.1169 8.02255 21.1169 8.08455 21.1149H16.0726C18.1416 21.0939 19.8056 19.4089 19.8026 17.3399V8.03988L14.7366 2.76188Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M14.4734 2.75009V5.65909C14.4734 7.07909 15.6224 8.23009 17.0424 8.23409H19.7964" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M14.2927 13.7472H9.3927" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+IconlyRegularLightPaperNegativeIcon.displayName = 'IconlyRegularLightPaperNegativeIcon';
+
+export const IconlyRegularLightPaperPlusIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path fillRule="evenodd" clipRule="evenodd" d="M14.7366 2.7619H8.08455C6.00455 2.7539 4.29955 4.4109 4.25055 6.4909V17.3399C4.21555 19.3899 5.84855 21.0809 7.89955 21.1169C7.96055 21.1169 8.02255 21.1169 8.08455 21.1149H16.0726C18.1416 21.0939 19.8056 19.4089 19.8026 17.3399V8.0399L14.7366 2.7619Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M14.4742 2.75009V5.65909C14.4742 7.07909 15.6232 8.23009 17.0432 8.23409H19.7972" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M14.2937 12.9142H9.39368" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M11.8445 15.3639V10.4639" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+IconlyRegularLightPaperPlusIcon.displayName = 'IconlyRegularLightPaperPlusIcon';
+
+export const IconlyRegularLightPaperUploadIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path fillRule="evenodd" clipRule="evenodd" d="M14.7366 2.76178H8.08465C6.00465 2.75378 4.30065 4.41078 4.25065 6.49078V17.2278C4.20565 19.3298 5.87365 21.0698 7.97465 21.1148C8.01165 21.1148 8.04865 21.1158 8.08465 21.1148H16.0726C18.1626 21.0408 19.8146 19.3188 19.8026 17.2278V8.03778L14.7366 2.76178Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M14.475 2.75009V5.65909C14.475 7.07909 15.624 8.23009 17.044 8.23409H19.798" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M11.641 9.90878V15.9498" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M13.9866 12.2643L11.6416 9.9093L9.29663 12.2643" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+IconlyRegularLightPaperUploadIcon.displayName = 'IconlyRegularLightPaperUploadIcon';
+
+export const IconlyRegularLightPaperIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path fillRule="evenodd" clipRule="evenodd" d="M14.7378 2.76181H8.0848C6.0048 2.75381 4.2998 4.41181 4.2508 6.49081V17.2038C4.2048 19.3168 5.8798 21.0678 7.9928 21.1148C8.0238 21.1148 8.0538 21.1158 8.0848 21.1148H16.0738C18.1678 21.0298 19.8178 19.2998 19.8028 17.2038V8.03781L14.7378 2.76181Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M14.4751 2.75V5.659C14.4751 7.079 15.6231 8.23 17.0431 8.234H19.7981" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M14.2881 15.3585H8.88806" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M12.2432 11.606H8.88721" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+IconlyRegularLightPaperIcon.displayName = 'IconlyRegularLightPaperIcon';
+
+export const IconlyRegularLightPasswordIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.3341 2.75009H7.66512C4.64412 2.75009 2.75012 4.88909 2.75012 7.91609V16.0841C2.75012 19.1111 4.63512 21.2501 7.66512 21.2501H16.3331C19.3641 21.2501 21.2501 19.1111 21.2501 16.0841V7.91609C21.2501 4.88909 19.3641 2.75009 16.3341 2.75009Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M10.6891 12.0001C10.6891 13.0231 9.86011 13.8521 8.83711 13.8521C7.81411 13.8521 6.98511 13.0231 6.98511 12.0001C6.98511 10.9771 7.81411 10.1481 8.83711 10.1481H8.84011C9.86111 10.1491 10.6891 10.9781 10.6891 12.0001Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M10.692 12.0001H17.01V13.8521" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M14.1818 13.8522V12.0002" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+IconlyRegularLightPasswordIcon.displayName = 'IconlyRegularLightPasswordIcon';
+
+export const IconlyRegularLightPlayIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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 2.5C17.2459 2.5 21.5 6.75315 21.5 12C21.5 17.2469 17.2459 21.5 12 21.5C6.75315 21.5 2.5 17.2469 2.5 12C2.5 6.75315 6.75315 2.5 12 2.5Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M15 11.9951C15 11.184 10.8425 8.58912 10.3709 9.0557C9.8993 9.52228 9.85395 14.424 10.3709 14.9346C10.8879 15.4469 15 12.8063 15 11.9951Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+IconlyRegularLightPlayIcon.displayName = 'IconlyRegularLightPlayIcon';
+
+export const IconlyRegularLightPlusIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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.0001 8.3273V15.6537" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M15.6666 11.9905H8.33325" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M16.6857 2H7.31429C4.04762 2 2 4.31208 2 7.58516V16.4148C2 19.6879 4.0381 22 7.31429 22H16.6857C19.9619 22 22 19.6879 22 16.4148V7.58516C22 4.31208 19.9619 2 16.6857 2Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+IconlyRegularLightPlusIcon.displayName = 'IconlyRegularLightPlusIcon';
+
+export const IconlyRegularLightProfileIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.9848 15.3462C8.11719 15.3462 4.81433 15.931 4.81433 18.2729C4.81433 20.6148 8.09624 21.2205 11.9848 21.2205C15.8524 21.2205 19.1543 20.6348 19.1543 18.2938C19.1543 15.9529 15.8734 15.3462 11.9848 15.3462Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M11.9848 12.0059C14.5229 12.0059 16.58 9.94782 16.58 7.40972C16.58 4.87163 14.5229 2.81448 11.9848 2.81448C9.44667 2.81448 7.38858 4.87163 7.38858 7.40972C7.38001 9.93925 9.42382 11.9973 11.9524 12.0059H11.9848Z" stroke={color || 'currentColor'} strokeWidth="1.42857" strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+IconlyRegularLightProfileIcon.displayName = 'IconlyRegularLightProfileIcon';
+
+export const IconlyRegularLightScanIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path d="M22.5 12.8056H1.5" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M20.6299 8.5951V7.0821C20.6299 5.0211 18.9589 3.3501 16.8969 3.3501H15.6919" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M3.37012 8.5951V7.0821C3.37012 5.0211 5.04112 3.3501 7.10312 3.3501H8.33912" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M20.6299 12.8046V16.8786C20.6299 18.9406 18.9589 20.6116 16.8969 20.6116H15.6919" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M3.37012 12.8046V16.8786C3.37012 18.9406 5.04112 20.6116 7.10312 20.6116H8.33912" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+IconlyRegularLightScanIcon.displayName = 'IconlyRegularLightScanIcon';
+
+export const IconlyRegularLightSearchIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <circle cx="11.7666" cy="11.7666" r="8.98856" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M18.0183 18.4851L21.5423 22" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+IconlyRegularLightSearchIcon.displayName = 'IconlyRegularLightSearchIcon';
+
+export const IconlyRegularLightSendIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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.8325 8.17463L10.109 13.9592L3.59944 9.88767C2.66675 9.30414 2.86077 7.88744 3.91572 7.57893L19.3712 3.05277C20.3373 2.76963 21.2326 3.67283 20.9456 4.642L16.3731 20.0868C16.0598 21.1432 14.6512 21.332 14.0732 20.3953L10.106 13.9602" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+IconlyRegularLightSendIcon.displayName = 'IconlyRegularLightSendIcon';
+
+export const IconlyRegularLightSettingIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path fillRule="evenodd" clipRule="evenodd" d="M20.8067 7.62358L20.1842 6.54349C19.6577 5.62957 18.4907 5.31429 17.5755 5.83869V5.83869C17.1399 6.09531 16.6201 6.16812 16.1307 6.04106C15.6413 5.91399 15.2226 5.59749 14.9668 5.16134C14.8023 4.88412 14.7139 4.56836 14.7105 4.24601V4.24601C14.7254 3.72919 14.5304 3.22837 14.17 2.85764C13.8096 2.48691 13.3145 2.27783 12.7975 2.27805H11.5435C11.037 2.27804 10.5513 2.47988 10.194 2.83891C9.83669 3.19795 9.63717 3.68456 9.63961 4.19109V4.19109C9.6246 5.23689 8.77248 6.07678 7.72657 6.07667C7.40421 6.07332 7.08846 5.98491 6.81123 5.82038V5.82038C5.89606 5.29598 4.72911 5.61126 4.20254 6.52519L3.53435 7.62358C3.00841 8.53636 3.3194 9.70258 4.23 10.2323V10.2323C4.8219 10.574 5.18653 11.2056 5.18653 11.889C5.18653 12.5725 4.8219 13.204 4.23 13.5458V13.5458C3.32056 14.0719 3.00923 15.2353 3.53435 16.1453V16.1453L4.16593 17.2346C4.41265 17.6798 4.8266 18.0083 5.31619 18.1474C5.80578 18.2866 6.33064 18.2249 6.77462 17.976V17.976C7.21108 17.7213 7.73119 17.6515 8.21934 17.7822C8.70749 17.9128 9.12324 18.233 9.37416 18.6716C9.5387 18.9489 9.62711 19.2646 9.63046 19.587V19.587C9.63046 20.6435 10.487 21.5 11.5435 21.5H12.7975C13.8505 21.5 14.7055 20.6491 14.7105 19.5961V19.5961C14.7081 19.088 14.9089 18.6 15.2682 18.2407C15.6275 17.8814 16.1155 17.6806 16.6236 17.6831C16.9452 17.6917 17.2596 17.7797 17.5389 17.9394V17.9394C18.4517 18.4653 19.6179 18.1543 20.1476 17.2437V17.2437L20.8067 16.1453C21.0618 15.7075 21.1318 15.186 21.0012 14.6963C20.8706 14.2067 20.5502 13.7893 20.111 13.5366V13.5366C19.6718 13.2839 19.3514 12.8665 19.2208 12.3769C19.0902 11.8873 19.1603 11.3658 19.4154 10.9279C19.5812 10.6383 19.8214 10.3982 20.111 10.2323V10.2323C21.0161 9.70286 21.3264 8.54346 20.8067 7.63274V7.63274V7.62358Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<circle cx="12.175" cy="11.889" r="2.63616" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+IconlyRegularLightSettingIcon.displayName = 'IconlyRegularLightSettingIcon';
+
+export const IconlyRegularLightShieldDoneIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.9846 21.606C11.9846 21.606 19.6566 19.283 19.6566 12.879C19.6566 6.474 19.9346 5.974 19.3196 5.358C18.7036 4.742 12.9906 2.75 11.9846 2.75C10.9786 2.75 5.26557 4.742 4.65057 5.358C4.03457 5.974 4.31257 6.474 4.31257 12.879C4.31257 19.283 11.9846 21.606 11.9846 21.606Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M9.38599 11.8746L11.278 13.7696L15.176 9.8696" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+IconlyRegularLightShieldDoneIcon.displayName = 'IconlyRegularLightShieldDoneIcon';
+
+export const IconlyRegularLightShieldFailIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.985 21.606C11.985 21.606 19.657 19.283 19.657 12.879C19.657 6.474 19.935 5.974 19.319 5.358C18.704 4.742 12.991 2.75 11.985 2.75C10.979 2.75 5.26604 4.742 4.65004 5.358C4.03504 5.974 4.31304 6.474 4.31304 12.879C4.31304 19.283 11.985 21.606 11.985 21.606Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M13.864 13.8248L10.106 10.0668" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M10.1061 13.8248L13.8641 10.0668" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+IconlyRegularLightShieldFailIcon.displayName = 'IconlyRegularLightShieldFailIcon';
+
+export const IconlyRegularLightShowIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path fillRule="evenodd" clipRule="evenodd" d="M15.1615 12.0531C15.1615 13.7991 13.7455 15.2141 11.9995 15.2141C10.2535 15.2141 8.8385 13.7991 8.8385 12.0531C8.8385 10.3061 10.2535 8.89108 11.9995 8.89108C13.7455 8.89108 15.1615 10.3061 15.1615 12.0531Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M11.998 19.3549C15.806 19.3549 19.289 16.6169 21.25 12.0529C19.289 7.48888 15.806 4.75089 11.998 4.75089H12.002C8.194 4.75089 4.711 7.48888 2.75 12.0529C4.711 16.6169 8.194 19.3549 12.002 19.3549H11.998Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+IconlyRegularLightShowIcon.displayName = 'IconlyRegularLightShowIcon';
+
+export const IconlyRegularLightStarIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.1043 4.17701L14.9317 7.82776C15.1108 8.18616 15.4565 8.43467 15.8573 8.49218L19.9453 9.08062C20.9554 9.22644 21.3573 10.4505 20.6263 11.1519L17.6702 13.9924C17.3797 14.2718 17.2474 14.6733 17.3162 15.0676L18.0138 19.0778C18.1856 20.0698 17.1298 20.8267 16.227 20.3574L12.5732 18.4627C12.215 18.2768 11.786 18.2768 11.4268 18.4627L7.773 20.3574C6.87023 20.8267 5.81439 20.0698 5.98724 19.0778L6.68385 15.0676C6.75257 14.6733 6.62033 14.2718 6.32982 13.9924L3.37368 11.1519C2.64272 10.4505 3.04464 9.22644 4.05466 9.08062L8.14265 8.49218C8.54354 8.43467 8.89028 8.18616 9.06937 7.82776L10.8957 4.17701C11.3477 3.27433 12.6523 3.27433 13.1043 4.17701Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+IconlyRegularLightStarIcon.displayName = 'IconlyRegularLightStarIcon';
+
+export const IconlyRegularLightSwapIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path d="M16.8396 20.1642V6.54645" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M20.9173 16.0681L16.8395 20.1648L12.7617 16.0681" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M6.91115 3.83289V17.4507" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M2.8335 7.929L6.91127 3.83234L10.9891 7.929" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+IconlyRegularLightSwapIcon.displayName = 'IconlyRegularLightSwapIcon';
+
+export const IconlyRegularLightTickSquareIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.3344 2.75021H7.66537C4.64437 2.75021 2.75037 4.88921 2.75037 7.91621V16.0842C2.75037 19.1112 4.63537 21.2502 7.66537 21.2502H16.3334C19.3644 21.2502 21.2504 19.1112 21.2504 16.0842V7.91621C21.2504 4.88921 19.3644 2.75021 16.3344 2.75021Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M8.43982 12.0002L10.8138 14.3732L15.5598 9.62723" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+IconlyRegularLightTickSquareIcon.displayName = 'IconlyRegularLightTickSquareIcon';
+
+export const IconlyRegularLightTicketStarIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path fillRule="evenodd" clipRule="evenodd" d="M17.8572 20.4171C19.7302 20.4171 21.2492 18.8991 21.2502 17.0261V17.0241V14.3241C20.0132 14.3241 19.0112 13.3221 19.0102 12.0851C19.0102 10.8491 20.0122 9.84609 21.2492 9.84609H21.2502V7.14609C21.2522 5.27209 19.7352 3.75209 17.8622 3.75009H17.8562H6.14424C4.27024 3.75009 2.75124 5.26809 2.75024 7.14209V7.14309V9.93309C3.94424 9.89109 4.94524 10.8251 4.98724 12.0191C4.98824 12.0411 4.98924 12.0631 4.98924 12.0851C4.99024 13.3201 3.99124 14.3221 2.75624 14.3241H2.75024V17.0241C2.74924 18.8971 4.26824 20.4171 6.14124 20.4171H6.14224H17.8572Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M12.3713 9.06309L12.9873 10.3101C13.0473 10.4321 13.1633 10.5171 13.2983 10.5371L14.6753 10.7381C15.0163 10.7881 15.1513 11.2061 14.9053 11.4451L13.9093 12.4151C13.8113 12.5101 13.7673 12.6471 13.7893 12.7821L14.0243 14.1521C14.0823 14.4911 13.7273 14.7491 13.4233 14.5891L12.1923 13.9421C12.0713 13.8781 11.9273 13.8781 11.8063 13.9421L10.5763 14.5891C10.2713 14.7491 9.91634 14.4911 9.97434 14.1521L10.2093 12.7821C10.2323 12.6471 10.1873 12.5101 10.0893 12.4151L9.09434 11.4451C8.84834 11.2061 8.98334 10.7881 9.32334 10.7381L10.7003 10.5371C10.8353 10.5171 10.9523 10.4321 11.0123 10.3101L11.6273 9.06309C11.7793 8.75509 12.2193 8.75509 12.3713 9.06309Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+IconlyRegularLightTicketStarIcon.displayName = 'IconlyRegularLightTicketStarIcon';
+
+export const IconlyRegularLightTicketIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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.8497 4.25031V6.67031" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M13.8497 17.7601V19.7841" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M13.8497 14.3246V9.5036" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M18.7021 20C20.5242 20 22 18.5426 22 16.7431V14.1506C20.7943 14.1506 19.8233 13.1917 19.8233 12.001C19.8233 10.8104 20.7943 9.85039 22 9.85039L21.999 7.25686C21.999 5.45745 20.5221 4 18.7011 4H5.29892C3.47789 4 2.00104 5.45745 2.00104 7.25686L2 9.93485C3.20567 9.93485 4.17668 10.8104 4.17668 12.001C4.17668 13.1917 3.20567 14.1506 2 14.1506V16.7431C2 18.5426 3.4758 20 5.29787 20H18.7021Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+IconlyRegularLightTicketIcon.displayName = 'IconlyRegularLightTicketIcon';
+
+export const IconlyRegularLightTimeCircleIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path fillRule="evenodd" clipRule="evenodd" d="M21.2498 12.0005C21.2498 17.1095 17.1088 21.2505 11.9998 21.2505C6.89076 21.2505 2.74976 17.1095 2.74976 12.0005C2.74976 6.89149 6.89076 2.75049 11.9998 2.75049C17.1088 2.75049 21.2498 6.89149 21.2498 12.0005Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M15.4314 14.9429L11.6614 12.6939V7.84689" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+IconlyRegularLightTimeCircleIcon.displayName = 'IconlyRegularLightTimeCircleIcon';
+
+export const IconlyRegularLightTimeSquareIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.3347 2.75021H7.66573C4.64473 2.75021 2.75073 4.88921 2.75073 7.91621V16.0842C2.75073 19.1112 4.63473 21.2502 7.66573 21.2502H16.3337C19.3647 21.2502 21.2507 19.1112 21.2507 16.0842V7.91621C21.2507 4.88921 19.3647 2.75021 16.3347 2.75021Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M15.3912 14.0177L12.0002 11.9947V7.63373" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+IconlyRegularLightTimeSquareIcon.displayName = 'IconlyRegularLightTimeSquareIcon';
+
+export const IconlyRegularLightUnlockIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path d="M16.4242 5.56204C15.8072 3.78004 14.1142 2.50004 12.1222 2.50004C9.60925 2.49004 7.56325 4.51804 7.55225 7.03104V7.05104V9.19804" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M15.933 21.0004H8.292C6.198 21.0004 4.5 19.3024 4.5 17.2074V12.9194C4.5 10.8244 6.198 9.12643 8.292 9.12643H15.933C18.027 9.12643 19.725 10.8244 19.725 12.9194V17.2074C19.725 19.3024 18.027 21.0004 15.933 21.0004Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M12.1127 13.9526V16.1746" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+IconlyRegularLightUnlockIcon.displayName = 'IconlyRegularLightUnlockIcon';
+
+export const IconlyRegularLightUploadIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path d="M7.38948 8.984H6.45648C4.42148 8.984 2.77148 10.634 2.77148 12.669V17.544C2.77148 19.578 4.42148 21.228 6.45648 21.228H17.5865C19.6215 21.228 21.2715 19.578 21.2715 17.544V12.659C21.2715 10.63 19.6265 8.984 17.5975 8.984L16.6545 8.984" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M12.0214 2.19051V14.2315" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M9.10632 5.1188L12.0213 2.1908L14.9373 5.1188" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+IconlyRegularLightUploadIcon.displayName = 'IconlyRegularLightUploadIcon';
+
+export const IconlyRegularLightVideoIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.2969 15.5383C16.3778 17.3704 14.8992 18.9196 12.9946 18.9975C12.8543 19.0034 6.01531 18.9896 6.01531 18.9896C4.11996 19.1335 2.46115 17.7715 2.31165 15.9463C2.30039 15.8103 2.30346 8.47219 2.30346 8.47219C2.21949 6.63815 3.69604 5.08499 5.60163 5.00418C5.74396 4.99728 12.5738 5.01009 12.5738 5.01009C14.4783 4.86818 16.1423 6.24001 16.2897 8.07405C16.3 8.2061 16.2969 15.5383 16.2969 15.5383Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M16.3 9.97984L19.593 7.28484C20.409 6.61684 21.633 7.19884 21.632 8.25184L21.62 15.6008C21.619 16.6538 20.394 17.2308 19.58 16.5628L16.3 13.8678" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+IconlyRegularLightVideoIcon.displayName = 'IconlyRegularLightVideoIcon';
+
+export const IconlyRegularLightVoice3Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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.0002 22V18.839" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M12.0003 14.8481V14.8481C9.75618 14.8481 7.93848 13.0218 7.93848 10.7682V6.08095C7.93848 3.82732 9.75618 2 12.0003 2C14.2433 2 16.0611 3.82732 16.0611 6.08095V10.7682C16.0611 13.0218 14.2433 14.8481 12.0003 14.8481Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M20 10.8006C20 15.2394 16.418 18.8383 12 18.8383C7.58093 18.8383 4 15.2394 4 10.8006" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M14.0688 6.75576H16.0584" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M13.0703 10.0935H16.0604" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+IconlyRegularLightVoice3Icon.displayName = 'IconlyRegularLightVoice3Icon';
+
+export const IconlyRegularLightVoiceIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path d="M11.9997 22V18.839" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M11.9998 14.8481V14.8481C9.75662 14.8481 7.93774 13.0218 7.93774 10.7682V6.08095C7.93774 3.82732 9.75662 2 11.9998 2C14.2441 2 16.0619 3.82732 16.0619 6.08095V10.7682C16.0619 13.0218 14.2441 14.8481 11.9998 14.8481Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M20 10.8006C20 15.2394 16.4188 18.8383 11.9995 18.8383C7.58117 18.8383 4 15.2394 4 10.8006" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+IconlyRegularLightVoiceIcon.displayName = 'IconlyRegularLightVoiceIcon';
+
+export const IconlyRegularLightVolumeDownIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.00185 12.0001C3.99906 13.2298 3.94419 14.907 4.70494 15.5339C5.41453 16.1187 5.91395 15.968 7.20945 16.0631C8.50587 16.1591 11.242 19.97 13.3512 18.7646C14.4393 17.9089 14.5202 16.1151 14.5202 12.0001C14.5202 7.88515 14.4393 6.09135 13.3512 5.23571C11.242 4.02938 8.50587 7.84121 7.20945 7.93717C5.91395 8.03225 5.41453 7.88157 4.70494 8.46635C3.94419 9.09328 3.99906 10.7705 4.00185 12.0001Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M18.5813 8.31442C19.8926 10.6051 19.8926 13.4025 18.5813 15.6861" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+IconlyRegularLightVolumeDownIcon.displayName = 'IconlyRegularLightVolumeDownIcon';
+
+export const IconlyRegularLightVolumeOffIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path fillRule="evenodd" clipRule="evenodd" d="M14.5329 9.46704L7.71363 16.2869C7.53638 16.1842 7.36847 16.1189 7.21921 16.1096C5.92251 16.0163 5.41876 16.1656 4.70977 15.5592C3.94482 14.9061 4.00079 13.1615 4.00079 11.8834C4.00079 10.6052 3.94482 8.86063 4.70977 8.20757C5.41876 7.60115 5.92251 7.75975 7.21921 7.65713C8.5159 7.55451 11.2586 3.59882 13.3762 4.84897C14.2344 5.54868 14.4676 6.8548 14.5329 9.46704Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M14.5329 13.9172C14.4956 16.7907 14.2717 18.1901 13.3762 18.9178C12.3966 19.4962 11.2865 18.9644 10.2417 18.2088" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M4.00122 20L7.71406 16.2869L14.5334 9.46706L20 4" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+IconlyRegularLightVolumeOffIcon.displayName = 'IconlyRegularLightVolumeOffIcon';
+
+export const IconlyRegularLightVolumeUpIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.50185 12.0001C2.49906 13.2298 2.44419 14.907 3.20494 15.5339C3.91453 16.1187 4.41395 15.968 5.70945 16.0631C7.00587 16.1591 9.74195 19.97 11.8512 18.7646C12.9393 17.9089 13.0202 16.1151 13.0202 12.0001C13.0202 7.88515 12.9393 6.09135 11.8512 5.23571C9.74195 4.02938 7.00587 7.84121 5.70945 7.93717C4.41395 8.03225 3.91453 7.88157 3.20494 8.46635C2.44419 9.09328 2.49906 10.7705 2.50185 12.0001Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M19.5842 5.90399C22.1343 9.57501 22.1427 14.4174 19.5842 18.0956" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M17.0813 8.31442C18.3926 10.6051 18.3926 13.4025 17.0813 15.6861" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+IconlyRegularLightVolumeUpIcon.displayName = 'IconlyRegularLightVolumeUpIcon';
+
+export const IconlyRegularLightWalletIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path d="M21.6389 14.3958H17.5906C16.1042 14.3949 14.8993 13.1909 14.8984 11.7045C14.8984 10.218 16.1042 9.01413 17.5906 9.01321H21.6389" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M18.0485 11.6429H17.7369" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M7.74766 3H16.3911C19.2892 3 21.6388 5.34951 21.6388 8.24766V15.4247C21.6388 18.3229 19.2892 20.6724 16.3911 20.6724H7.74766C4.84951 20.6724 2.5 18.3229 2.5 15.4247V8.24766C2.5 5.34951 4.84951 3 7.74766 3Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M7.03564 7.53817H12.4346" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+IconlyRegularLightWalletIcon.displayName = 'IconlyRegularLightWalletIcon';
+
+export const IconlyRegularLightWorkIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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.9951 16.6768V14.1398" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M18.1899 5.3302C19.8799 5.3302 21.2399 6.7002 21.2399 8.3902V11.8302C18.7799 13.2702 15.5299 14.1402 11.9899 14.1402C8.44988 14.1402 5.20988 13.2702 2.74988 11.8302V8.3802C2.74988 6.6902 4.11988 5.3302 5.80988 5.3302H18.1899Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M15.4951 5.32579V4.95979C15.4951 3.73979 14.5051 2.74979 13.2851 2.74979H10.7051C9.48512 2.74979 8.49512 3.73979 8.49512 4.95979V5.32579" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M2.77441 15.483L2.96341 17.992C3.09141 19.683 4.50041 20.99 6.19541 20.99H17.7944C19.4894 20.99 20.8984 19.683 21.0264 17.992L21.2154 15.483" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+IconlyRegularLightWorkIcon.displayName = 'IconlyRegularLightWorkIcon';
+