@winplaybox/icons 0.0.0-stage → 0.1.0

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

@@ -0,0 +1,882 @@
+import React from 'react';
+import { IconProps } from '../../../types';
+
+export const IconlyRegularTwoTone2UserIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.63476C5.20557 5.21276 7.16957 3.24976 9.59157 3.24976C12.0126 3.24976 13.9766 5.21276 13.9766 7.63476C13.9856 10.0478 12.0356 12.0108 9.62257 12.0198H9.59157Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path opacity={fillOpacity ?? 0.4} d="M16.4832 10.8815C18.0842 10.6565 19.3172 9.28253 19.3202 7.61953C19.3202 5.98053 18.1252 4.62053 16.5582 4.36353" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path opacity={fillOpacity ?? 0.4} 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>
+);
+IconlyRegularTwoTone2UserIcon.displayName = 'IconlyRegularTwoTone2UserIcon';
+
+export const IconlyRegularTwoTone3UserIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path opacity={fillOpacity ?? 0.4} d="M17.8877 10.8967C19.2827 10.7007 20.3567 9.50473 20.3597 8.05573C20.3597 6.62773 19.3187 5.44373 17.9537 5.21973" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path opacity={fillOpacity ?? 0.4} d="M19.7285 14.2505C21.0795 14.4525 22.0225 14.9255 22.0225 15.9005C22.0225 16.5715 21.5785 17.0075 20.8605 17.2815" 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.888C13.9957 11.888 15.7057 10.179 15.7057 8.069C15.7057 5.96 13.9957 4.25 11.8867 4.25C9.77766 4.25 8.06766 5.96 8.06766 8.069C8.05966 10.171 9.75666 11.881 11.8587 11.888H11.8867Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path opacity={fillOpacity ?? 0.4} d="M5.88472 10.8967C4.48872 10.7007 3.41572 9.50473 3.41272 8.05573C3.41272 6.62773 4.45372 5.44373 5.81872 5.21973" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path opacity={fillOpacity ?? 0.4} d="M4.04388 14.2505C2.69288 14.4525 1.74988 14.9255 1.74988 15.9005C1.74988 16.5715 2.19388 17.0075 2.91188 17.2815" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+IconlyRegularTwoTone3UserIcon.displayName = 'IconlyRegularTwoTone3UserIcon';
+
+export const IconlyRegularTwoToneActivityIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path opacity={fillOpacity ?? 0.4} d="M7.24487 14.7815L10.238 10.8914L13.6522 13.5733L16.5813 9.79297" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<circle cx="19.9954" cy="4.20027" r="1.9222" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M14.9245 3.12012H7.65679C4.64535 3.12012 2.77808 5.25284 2.77808 8.26428V16.3467C2.77808 19.3581 4.60874 21.4817 7.65679 21.4817H16.2609C19.2724 21.4817 21.1396 19.3581 21.1396 16.3467V9.30776" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+IconlyRegularTwoToneActivityIcon.displayName = 'IconlyRegularTwoToneActivityIcon';
+
+export const IconlyRegularTwoToneAddUserIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.2063C6.03263 15.2063 2.74963 15.7873 2.74963 18.1153C2.74963 20.4433 6.01263 21.0453 9.87663 21.0453C13.7216 21.0453 17.0036 20.4633 17.0036 18.1363C17.0036 15.8093 13.7416 15.2063 9.87663 15.2063Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M9.8766 11.886C12.3996 11.886 14.4446 9.841 14.4446 7.318C14.4446 4.795 12.3996 2.75 9.8766 2.75C7.3546 2.75 5.3096 4.795 5.3096 7.318C5.3006 9.832 7.3306 11.877 9.8456 11.886H9.8766Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M19.2037 8.66919V12.6792" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M21.2497 10.6741H17.1597" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+IconlyRegularTwoToneAddUserIcon.displayName = 'IconlyRegularTwoToneAddUserIcon';
+
+export const IconlyRegularTwoToneArrowDown2Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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>
+);
+IconlyRegularTwoToneArrowDown2Icon.displayName = 'IconlyRegularTwoToneArrowDown2Icon';
+
+export const IconlyRegularTwoToneArrowDown3Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path opacity={fillOpacity ?? 0.4} d="M12.2513 12.6998V3.74976" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M7.25031 12.6997L12.2513 20.6367L17.2523 12.6997H7.25031Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+IconlyRegularTwoToneArrowDown3Icon.displayName = 'IconlyRegularTwoToneArrowDown3Icon';
+
+export const IconlyRegularTwoToneArrowDownCircleIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M2.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.5576L12.0001 14.0436L15.4711 10.5576" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+IconlyRegularTwoToneArrowDownCircleIcon.displayName = 'IconlyRegularTwoToneArrowDownCircleIcon';
+
+export const IconlyRegularTwoToneArrowDownSquareIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M7.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.0861V7.91406" 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>
+);
+IconlyRegularTwoToneArrowDownSquareIcon.displayName = 'IconlyRegularTwoToneArrowDownSquareIcon';
+
+export const IconlyRegularTwoToneArrowDownIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path opacity={fillOpacity ?? 0.4} d="M12.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>
+);
+IconlyRegularTwoToneArrowDownIcon.displayName = 'IconlyRegularTwoToneArrowDownIcon';
+
+export const IconlyRegularTwoToneArrowLeft2Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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>
+);
+IconlyRegularTwoToneArrowLeft2Icon.displayName = 'IconlyRegularTwoToneArrowLeft2Icon';
+
+export const IconlyRegularTwoToneArrowLeft3Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path opacity={fillOpacity ?? 0.4} d="M11.3002 12.2512L20.2502 12.2512" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M11.3002 7.25024L3.36317 12.2512L11.3002 17.2522L11.3002 7.25024Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+IconlyRegularTwoToneArrowLeft3Icon.displayName = 'IconlyRegularTwoToneArrowLeft3Icon';
+
+export const IconlyRegularTwoToneArrowLeftCircleIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M12 2.75024C6.892 2.75024 2.75 6.89124 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.89124 17.108 2.75024 12 2.75024Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M13.4423 8.52905L9.95626 12.0001L13.4423 15.4711" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+IconlyRegularTwoToneArrowLeftCircleIcon.displayName = 'IconlyRegularTwoToneArrowLeftCircleIcon';
+
+export const IconlyRegularTwoToneArrowLeftSquareIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M2.75 7.666L2.75 16.335C2.75 19.355 4.889 21.25 7.916 21.25L16.084 21.25C19.111 21.25 21.25 19.365 21.25 16.335L21.25 7.666C21.25 4.636 19.111 2.75 16.084 2.75L7.916 2.75C4.889 2.75 2.75 4.636 2.75 7.666Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M7.91406 12L16.0861 12" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M11.6777 15.748L7.91373 12L11.6777 8.25195" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+IconlyRegularTwoToneArrowLeftSquareIcon.displayName = 'IconlyRegularTwoToneArrowLeftSquareIcon';
+
+export const IconlyRegularTwoToneArrowLeftIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path opacity={fillOpacity ?? 0.4} d="M4.25 12.2744L19.25 12.2744" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M10.2998 18.2988L4.2498 12.2748L10.2998 6.24976" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+IconlyRegularTwoToneArrowLeftIcon.displayName = 'IconlyRegularTwoToneArrowLeftIcon';
+
+export const IconlyRegularTwoToneArrowRight2Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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>
+);
+IconlyRegularTwoToneArrowRight2Icon.displayName = 'IconlyRegularTwoToneArrowRight2Icon';
+
+export const IconlyRegularTwoToneArrowRight3Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path opacity={fillOpacity ?? 0.4} d="M12.6998 11.7488H3.74982" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M12.6998 16.7498L20.6368 11.7488L12.6998 6.74776V16.7498Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+IconlyRegularTwoToneArrowRight3Icon.displayName = 'IconlyRegularTwoToneArrowRight3Icon';
+
+export const IconlyRegularTwoToneArrowRightCircleIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M12 21.2498C17.108 21.2498 21.25 17.1088 21.25 11.9998C21.25 6.89176 17.108 2.74976 12 2.74976C6.892 2.74976 2.75 6.89176 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.4709L14.0437 11.9999L10.5577 8.52895" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+IconlyRegularTwoToneArrowRightCircleIcon.displayName = 'IconlyRegularTwoToneArrowRightCircleIcon';
+
+export const IconlyRegularTwoToneArrowRightSquareIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M21.25 16.334V7.665C21.25 4.645 19.111 2.75 16.084 2.75H7.916C4.889 2.75 2.75 4.635 2.75 7.665L2.75 16.334C2.75 19.364 4.889 21.25 7.916 21.25H16.084C19.111 21.25 21.25 19.364 21.25 16.334Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M16.0859 12H7.91394" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M12.3223 8.25205L16.0863 12L12.3223 15.748" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+IconlyRegularTwoToneArrowRightSquareIcon.displayName = 'IconlyRegularTwoToneArrowRightSquareIcon';
+
+export const IconlyRegularTwoToneArrowRightIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path opacity={fillOpacity ?? 0.4} d="M19.75 11.7256L4.75 11.7256" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M13.7002 5.70124L19.7502 11.7252L13.7002 17.7502" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+IconlyRegularTwoToneArrowRightIcon.displayName = 'IconlyRegularTwoToneArrowRightIcon';
+
+export const IconlyRegularTwoToneArrowUp2Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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>
+);
+IconlyRegularTwoToneArrowUp2Icon.displayName = 'IconlyRegularTwoToneArrowUp2Icon';
+
+export const IconlyRegularTwoToneArrowUp3Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path opacity={fillOpacity ?? 0.4} d="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.3003L11.7487 3.36329L6.74769 11.3003L16.7497 11.3003Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+IconlyRegularTwoToneArrowUp3Icon.displayName = 'IconlyRegularTwoToneArrowUp3Icon';
+
+export const IconlyRegularTwoToneArrowUpCircleIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M21.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.4424L11.9999 9.95638L8.52895 13.4424" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+IconlyRegularTwoToneArrowUpCircleIcon.displayName = 'IconlyRegularTwoToneArrowUpCircleIcon';
+
+export const IconlyRegularTwoToneArrowUpSquareIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M16.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.91394L12.0001 16.0859" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M8.25217 11.6777L12.0002 7.91373L15.7482 11.6777" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+IconlyRegularTwoToneArrowUpSquareIcon.displayName = 'IconlyRegularTwoToneArrowUpSquareIcon';
+
+export const IconlyRegularTwoToneArrowUpIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path opacity={fillOpacity ?? 0.4} d="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>
+);
+IconlyRegularTwoToneArrowUpIcon.displayName = 'IconlyRegularTwoToneArrowUpIcon';
+
+export const IconlyRegularTwoToneBag2Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path opacity={fillOpacity ?? 0.4} d="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.0004H7.25778C4.90569 21.0004 3 19.0954 3 16.7454V11.2294C3 8.87937 4.90569 6.97437 7.25778 6.97437H16.7422C19.0943 6.97437 21 8.87937 21 11.2294V16.7454C21 19.0954 19.0943 21.0004 16.7422 21.0004Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+IconlyRegularTwoToneBag2Icon.displayName = 'IconlyRegularTwoToneBag2Icon';
+
+export const IconlyRegularTwoToneBagIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.3925 3.41534 15.9348L4.19338 9.89363C4.60528 7.66937 6.02404 6.81812 7.26889 6.81812H17.4474C18.7105 6.81812 20.0469 7.73345 20.5229 9.89363L21.3009 15.9348C21.8684 19.8891 19.5801 21.5 16.5137 21.5Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path opacity={fillOpacity ?? 0.4} d="M16.651 6.59848C16.651 4.21241 14.7167 2.27812 12.3306 2.27812V2.27812C11.1816 2.27325 10.078 2.72628 9.26381 3.53703C8.44963 4.34778 7.99193 5.44947 7.99194 6.59848H7.99194" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M15.2963 11.102H15.2506" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M9.46566 11.102H9.41989" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+IconlyRegularTwoToneBagIcon.displayName = 'IconlyRegularTwoToneBagIcon';
+
+export const IconlyRegularTwoToneBookmarkIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.15368C19.7388 3.40281 17.8581 2.30005 15.1503 2.30005H8.79143C6.16687 2.30005 4.19995 3.32762 4.19995 5.97022V20.694C4.19995 21.4198 4.9809 21.877 5.61348 21.5221L11.9954 17.9422L18.3223 21.5161C18.9558 21.873 19.7388 21.4158 19.7388 20.689V6.15368Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path opacity={fillOpacity ?? 0.4} d="M8.27124 9.02811H15.5895" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+IconlyRegularTwoToneBookmarkIcon.displayName = 'IconlyRegularTwoToneBookmarkIcon';
+
+export const IconlyRegularTwoToneBuyIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M7.42233 19.8203C7.84433 19.8203 8.18733 20.1633 8.18733 20.5853C8.18733 21.0073 7.84433 21.3493 7.42233 21.3493C7.00033 21.3493 6.65833 21.0073 6.65833 20.5853C6.65833 20.1633 7.00033 19.8203 7.42233 19.8203Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M18.6747 19.8203C19.0967 19.8203 19.4397 20.1633 19.4397 20.5853C19.4397 21.0073 19.0967 21.3493 18.6747 21.3493C18.2527 21.3493 17.9097 21.0073 17.9097 20.5853C17.9097 20.1633 18.2527 19.8203 18.6747 19.8203Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M2.74988 3.25L4.82988 3.61L5.79288 15.083C5.87088 16.018 6.65188 16.736 7.58988 16.736H18.5019C19.3979 16.736 20.1579 16.078 20.2869 15.19L21.2359 8.632C21.3529 7.823 20.7259 7.099 19.9089 7.099H5.16388" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path opacity={fillOpacity ?? 0.4} d="M14.1254 10.7949H16.8984" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+IconlyRegularTwoToneBuyIcon.displayName = 'IconlyRegularTwoToneBuyIcon';
+
+export const IconlyRegularTwoToneCalendarIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path opacity={fillOpacity ?? 0.4} d="M3.09253 9.40421H20.9165" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path opacity={fillOpacity ?? 0.4} d="M7.56665 16.4465C7.98081 16.4465 8.31657 16.7824 8.31665 17.1965C8.31643 17.6106 7.98073 17.9465 7.56665 17.9465H7.55786C7.14397 17.9463 6.80808 17.6104 6.80786 17.1965C6.80795 16.7825 7.14389 16.4468 7.55786 16.4465H7.56665ZM12.0139 16.4465C12.428 16.4466 12.7638 16.7824 12.7639 17.1965C12.7637 17.6105 12.4279 17.9465 12.0139 17.9465H12.0051C11.591 17.9465 11.2553 17.6106 11.2551 17.1965C11.2552 16.7824 11.591 16.4465 12.0051 16.4465H12.0139ZM16.4514 16.4465C16.8655 16.4466 17.2013 16.7824 17.2014 17.1965C17.2012 17.6105 16.8654 17.9464 16.4514 17.9465H16.4426C16.0285 17.9465 15.6928 17.6106 15.6926 17.1965C15.6927 16.7824 16.0285 16.4465 16.4426 16.4465H16.4514ZM7.56665 12.5598C7.98081 12.5598 8.31657 12.8957 8.31665 13.3098C8.31657 13.724 7.98081 14.0598 7.56665 14.0598H7.55786C7.14389 14.0596 6.80795 13.7238 6.80786 13.3098C6.80795 12.8958 7.14389 12.56 7.55786 12.5598H7.56665ZM12.0139 12.5598C12.428 12.5599 12.7638 12.8957 12.7639 13.3098C12.7638 13.7239 12.428 14.0597 12.0139 14.0598H12.0051C11.591 14.0598 11.2552 13.724 11.2551 13.3098C11.2552 12.8957 11.591 12.5598 12.0051 12.5598H12.0139ZM16.4514 12.5598C16.8655 12.5599 17.2013 12.8957 17.2014 13.3098C17.2013 13.7239 16.8655 14.0597 16.4514 14.0598H16.4426C16.0285 14.0598 15.6927 13.724 15.6926 13.3098C15.6927 12.8957 16.0285 12.5598 16.4426 12.5598H16.4514Z" fill={color || 'currentColor'}/>
+<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.5791H7.77096C4.83427 3.5791 3 5.21504 3 8.22213V17.2718C3 20.3261 4.83427 21.9999 7.77096 21.9999H16.229C19.175 21.9999 21 20.3545 21 17.3474V8.22213C21.0092 5.21504 19.1842 3.5791 16.2383 3.5791Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+IconlyRegularTwoToneCalendarIcon.displayName = 'IconlyRegularTwoToneCalendarIcon';
+
+export const IconlyRegularTwoToneCallMissedIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <g opacity={fillOpacity ?? 0.4}>
+<path d="M21.3149 3.75L15.3149 9.75" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M15.3149 3.75L21.3149 9.75" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+</g>
+<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>
+);
+IconlyRegularTwoToneCallMissedIcon.displayName = 'IconlyRegularTwoToneCallMissedIcon';
+
+export const IconlyRegularTwoToneCallSilentIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path opacity={fillOpacity ?? 0.4} d="M6.5852 14.2054C0.153716 6.91826 3.36946 4.73963 3.65401 4.38547C6.72272 1.27315 7.19873 2.68979 9.60948 5.13672C11.6405 7.20803 9.00759 8.19539 10.0866 10.6531" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M12.4903 13.3826C15.7704 16.0763 16.6956 12.2235 19.0191 14.5846C21.4161 17.0315 22.7944 17.5252 19.755 20.6268C19.3975 20.938 17.0951 24.4689 9.19958 16.7417" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M4.5 21.5002L19.5 5.50021" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+IconlyRegularTwoToneCallSilentIcon.displayName = 'IconlyRegularTwoToneCallSilentIcon';
+
+export const IconlyRegularTwoToneCallIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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"/>
+<path opacity={fillOpacity ?? 0.4} d="M14.353 6.04297C16.124 6.38697 17.508 7.77197 17.853 9.54297" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+IconlyRegularTwoToneCallIcon.displayName = 'IconlyRegularTwoToneCallIcon';
+
+export const IconlyRegularTwoToneCallingIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path opacity={fillOpacity ?? 0.4} d="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 opacity={fillOpacity ?? 0.4} d="M14.353 6.04297C16.124 6.38697 17.508 7.77197 17.853 9.54297" 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>
+);
+IconlyRegularTwoToneCallingIcon.displayName = 'IconlyRegularTwoToneCallingIcon';
+
+export const IconlyRegularTwoToneCameraIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.05126C16.0502 4.45326 16.3592 5.85326 16.7722 6.30326C17.1852 6.75326 17.7762 6.90626 18.1032 6.90626C19.8412 6.90626 21.2502 8.31526 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.31526 4.15924 6.90626 5.89724 6.90626C6.22324 6.90626 6.81424 6.75326 7.22824 6.30326C7.64124 5.85326 7.94924 4.45326 8.95924 4.05126C9.97024 3.64926 14.0302 3.64926 15.0402 4.05126Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path opacity={fillOpacity ?? 0.4} d="M17.4955 9.69995H17.5045" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 2} strokeLinecap="round" strokeLinejoin="round"/>
+<path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M15.1789 13.3279C15.1789 11.5719 13.7559 10.1489 11.9999 10.1489C10.2439 10.1489 8.82092 11.5719 8.82092 13.3279C8.82092 15.0839 10.2439 16.5069 11.9999 16.5069C13.7559 16.5069 15.1789 15.0839 15.1789 13.3279Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+IconlyRegularTwoToneCameraIcon.displayName = 'IconlyRegularTwoToneCameraIcon';
+
+export const IconlyRegularTwoToneCategoryIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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 opacity={fillOpacity ?? 0.4} 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>
+);
+IconlyRegularTwoToneCategoryIcon.displayName = 'IconlyRegularTwoToneCategoryIcon';
+
+export const IconlyRegularTwoToneChartIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path opacity={fillOpacity ?? 0.4} d="M7.37145 10.2017V17.0618" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path opacity={fillOpacity ?? 0.4} d="M12.0382 6.91919V17.0619" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path opacity={fillOpacity ?? 0.4} d="M16.6285 13.8269V17.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>
+);
+IconlyRegularTwoToneChartIcon.displayName = 'IconlyRegularTwoToneChartIcon';
+
+export const IconlyRegularTwoToneChatIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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 opacity={fillOpacity ?? 0.4} d="M15.9393 12.4131H15.9483" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 2} strokeLinecap="round" strokeLinejoin="round"/>
+<path opacity={fillOpacity ?? 0.4} d="M11.9304 12.4131H11.9394" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 2} strokeLinecap="round" strokeLinejoin="round"/>
+<path opacity={fillOpacity ?? 0.4} d="M7.9214 12.4131H7.9304" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 2} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+IconlyRegularTwoToneChatIcon.displayName = 'IconlyRegularTwoToneChatIcon';
+
+export const IconlyRegularTwoToneCloseSquareIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path opacity={fillOpacity ?? 0.4} d="M9.07072 9.06242C9.36362 8.76957 9.8384 8.76955 10.1313 9.06242L11.9985 10.9306L13.8656 9.06437C14.1586 8.77175 14.6334 8.77157 14.9262 9.06437C15.2188 9.35718 15.2188 9.83205 14.9262 10.1249L13.059 11.9911L14.9272 13.8593C15.22 14.1522 15.22 14.627 14.9272 14.9198C14.6342 15.2127 14.1595 15.2128 13.8666 14.9198L11.9985 13.0517L10.1342 14.9169C9.84135 15.2097 9.36655 15.2096 9.07365 14.9169C8.78076 14.624 8.78075 14.1493 9.07365 13.8564L10.9379 11.9911L9.07072 10.123C8.77787 9.83006 8.77785 9.35528 9.07072 9.06242Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M16.3345 2.75024H7.66549C4.64449 2.75024 2.75049 4.88924 2.75049 7.91624V16.0842C2.75049 19.1112 4.63549 21.2502 7.66549 21.2502H16.3335C19.3645 21.2502 21.2505 19.1112 21.2505 16.0842V7.91624C21.2505 4.88924 19.3645 2.75024 16.3345 2.75024Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+IconlyRegularTwoToneCloseSquareIcon.displayName = 'IconlyRegularTwoToneCloseSquareIcon';
+
+export const IconlyRegularTwoToneDangerIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path opacity={fillOpacity ?? 0.4} d="M11.2504 16.2697C11.2504 15.8557 11.5864 15.5137 12.0004 15.5137C12.4144 15.5137 12.7504 15.8447 12.7504 16.2587V16.2697C12.7504 16.6837 12.4144 17.0197 12.0004 17.0197C11.5864 17.0197 11.2504 16.6837 11.2504 16.2697Z" fill={color || 'currentColor'}/>
+<path d="M4.79572 20.418H19.2777C20.4247 20.358 21.3067 19.381 21.2477 18.234C21.2347 18.002 21.1847 17.773 21.0967 17.559L13.8197 4.82298C13.2637 3.81798 11.9987 3.45398 10.9937 4.01098C10.6517 4.19898 10.3697 4.48098 10.1807 4.82298L2.90372 17.559C2.47172 18.623 2.98372 19.835 4.04672 20.268C4.26272 20.355 4.49072 20.405 4.72272 20.418" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path opacity={fillOpacity ?? 0.4} d="M11.9899 13.3961V10.2961" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+IconlyRegularTwoToneDangerIcon.displayName = 'IconlyRegularTwoToneDangerIcon';
+
+export const IconlyRegularTwoToneDeleteIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path opacity={fillOpacity ?? 0.4} d="M19.325 9.46826C19.325 9.46826 18.782 16.2033 18.467 19.0403C18.317 20.3953 17.48 21.1893 16.109 21.2143C13.5 21.2613 10.888 21.2643 8.28003 21.2093C6.96103 21.1823 6.13803 20.3783 5.99103 19.0473C5.67403 16.1853 5.13403 9.46826 5.13403 9.46826" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M20.7082 6.23975H3.75024" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M17.4406 6.23973C16.6556 6.23973 15.9796 5.68473 15.8256 4.91573L15.5826 3.69973C15.4326 3.13873 14.9246 2.75073 14.3456 2.75073H10.1126C9.53358 2.75073 9.02558 3.13873 8.87558 3.69973L8.63258 4.91573C8.47858 5.68473 7.80258 6.23973 7.01758 6.23973" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+IconlyRegularTwoToneDeleteIcon.displayName = 'IconlyRegularTwoToneDeleteIcon';
+
+export const IconlyRegularTwoToneDiscountIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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.79426 7.05575C4.79426 5.80675 5.80726 4.79375 7.05526 4.79375H8.08426C8.68026 4.79375 9.25326 4.55775 9.67726 4.13675L10.3963 3.41675C11.2773 2.53175 12.7093 2.52775 13.5943 3.40875L13.6033 3.41675L14.3233 4.13675C14.7463 4.55775 15.3193 4.79375 15.9163 4.79375H16.9443C18.1933 4.79375 19.2063 5.80675 19.2063 7.05575V8.08275C19.2063 8.68075 19.4423 9.25275 19.8633 9.67675L20.5833 10.3967C21.4683 11.2777 21.4733 12.7087 20.5923 13.5947L20.5833 13.6037L19.8633 14.3237C19.4423 14.7457 19.2063 15.3197 19.2063 15.9157V16.9447C19.2063 18.1937 18.1933 19.2057 16.9443 19.2057H15.9163C15.3193 19.2057 14.7463 19.4427 14.3233 19.8637L13.6033 20.5827C12.7233 21.4687 11.2913 21.4727 10.4053 20.5917C10.4023 20.5887 10.3993 20.5857 10.3963 20.5827L9.67726 19.8637C9.25326 19.4427 8.68026 19.2057 8.08426 19.2057H7.05526C5.80726 19.2057 4.79426 18.1937 4.79426 16.9447V15.9157C4.79426 15.3197 4.55726 14.7457 4.13626 14.3237L3.41726 13.6037C2.53126 12.7227 2.52726 11.2907 3.40826 10.4057L3.41726 10.3967L4.13626 9.67675C4.55726 9.25275 4.79426 8.68075 4.79426 8.08275V7.05575" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path opacity={fillOpacity ?? 0.4} d="M9.42993 14.5694L14.5699 9.42944" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path opacity={fillOpacity ?? 0.4} d="M14.5667 15.3223C14.3667 15.3223 14.1767 15.2423 14.0367 15.1023C13.9667 15.0323 13.9167 14.9423 13.8767 14.8523C13.8367 14.7623 13.8167 14.6733 13.8167 14.5723C13.8167 14.4723 13.8367 14.3723 13.8767 14.2823C13.9167 14.1923 13.9667 14.1123 14.0367 14.0423C14.3167 13.7623 14.8167 13.7623 15.0967 14.0423C15.1667 14.1123 15.2267 14.1923 15.2667 14.2823C15.2967 14.3723 15.3167 14.4723 15.3167 14.5723C15.3167 14.6733 15.2967 14.7623 15.2667 14.8523C15.2267 14.9423 15.1667 15.0323 15.0967 15.1023C14.9567 15.2423 14.7667 15.3223 14.5667 15.3223" fill={color || 'currentColor'}/>
+<path opacity={fillOpacity ?? 0.4} d="M9.42651 10.1826C9.32651 10.1826 9.23651 10.1616 9.14651 10.1216C9.05651 10.0816 8.96651 10.0326 8.89651 9.96264C8.82651 9.88264 8.77651 9.80264 8.73651 9.71264C8.69651 9.62164 8.67651 9.53264 8.67651 9.43264C8.67651 9.33164 8.69651 9.23264 8.73651 9.14264C8.77651 9.05264 8.82651 8.96264 8.89651 8.90264C9.18651 8.62164 9.67651 8.62164 9.95651 8.90264C10.0965 9.04164 10.1765 9.23264 10.1765 9.43264C10.1765 9.53264 10.1665 9.62164 10.1265 9.71264C10.0865 9.80264 10.0265 9.88264 9.95651 9.96264C9.88651 10.0326 9.80651 10.0816 9.71651 10.1216C9.62651 10.1616 9.52651 10.1826 9.42651 10.1826" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularTwoToneDiscountIcon.displayName = 'IconlyRegularTwoToneDiscountIcon';
+
+export const IconlyRegularTwoToneDiscoveryIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M8.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>
+);
+IconlyRegularTwoToneDiscoveryIcon.displayName = 'IconlyRegularTwoToneDiscoveryIcon';
+
+export const IconlyRegularTwoToneDocumentIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path opacity={fillOpacity ?? 0.4} d="M15.7161 16.2234H8.49609" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path opacity={fillOpacity ?? 0.4} d="M15.7161 12.0369H8.49609" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path opacity={fillOpacity ?? 0.4} d="M11.2511 7.86011H8.49609" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M15.9085 2.74976C15.9085 2.74976 8.23149 2.75376 8.21949 2.75376C5.45949 2.77076 3.75049 4.58676 3.75049 7.35676V16.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.35676C20.4155 4.57276 18.6925 2.74976 15.9085 2.74976Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+IconlyRegularTwoToneDocumentIcon.displayName = 'IconlyRegularTwoToneDocumentIcon';
+
+export const IconlyRegularTwoToneDownloadIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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.436L12.1222 3.39502" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M15.0382 12.5083L12.1222 15.4363L9.20621 12.5083" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path opacity={fillOpacity ?? 0.4} d="M16.7549 8.12793H17.6879C19.7229 8.12793 21.3719 9.77693 21.3719 11.8129V16.6969C21.3719 18.7269 19.7269 20.3719 17.6969 20.3719L6.55695 20.3719C4.52195 20.3719 2.87195 18.7219 2.87195 16.6869V11.8019C2.87195 9.77293 4.51795 8.12793 6.54695 8.12793L7.48895 8.12793" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+IconlyRegularTwoToneDownloadIcon.displayName = 'IconlyRegularTwoToneDownloadIcon';
+
+export const IconlyRegularTwoToneEditSquareIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path opacity={fillOpacity ?? 0.4} d="M11.4922 2.78906H7.75324C4.67824 2.78906 2.75024 4.96606 2.75024 8.04806V16.3621C2.75024 19.4441 4.66924 21.6211 7.75324 21.6211H16.5772C19.6622 21.6211 21.5812 19.4441 21.5812 16.3621V12.3341" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M8.82763 10.921L16.3006 3.44799C17.2316 2.51799 18.7406 2.51799 19.6716 3.44799L20.8886 4.66499C21.8196 5.59599 21.8196 7.10599 20.8886 8.03599L13.3796 15.545C12.9726 15.952 12.4206 16.181 11.8446 16.181H8.09863L8.19263 12.401C8.20663 11.845 8.43363 11.315 8.82763 10.921Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M15.165 4.60254L19.731 9.16854" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+IconlyRegularTwoToneEditSquareIcon.displayName = 'IconlyRegularTwoToneEditSquareIcon';
+
+export const IconlyRegularTwoToneEditIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path opacity={fillOpacity ?? 0.4} d="M13.6997 19.8979H20.0767" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M12.855 4.95561C13.592 4.01661 14.783 4.06561 15.723 4.80261L17.113 5.89261C18.053 6.62961 18.386 7.77261 17.649 8.71361L9.35996 19.2886C9.08296 19.6426 8.65996 19.8516 8.20996 19.8566L5.01296 19.8976L4.28896 16.7826C4.18696 16.3456 4.28896 15.8856 4.56596 15.5306L12.855 4.95561Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path opacity={fillOpacity ?? 0.4} d="M11.3027 6.93604L16.0967 10.694" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+IconlyRegularTwoToneEditIcon.displayName = 'IconlyRegularTwoToneEditIcon';
+
+export const IconlyRegularTwoToneFilter3Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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"/>
+<path opacity={fillOpacity ?? 0.4} d="M10 7H20.5" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+IconlyRegularTwoToneFilter3Icon.displayName = 'IconlyRegularTwoToneFilter3Icon';
+
+export const IconlyRegularTwoToneFilterIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path opacity={fillOpacity ?? 0.4} d="M11 17.5H4" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M20 17.5C20 18.8807 18.8807 20 17.5 20C16.1193 20 15 18.8807 15 17.5C15 16.1183 16.1193 15 17.5 15C18.8807 15 20 16.1183 20 17.5Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path opacity={fillOpacity ?? 0.4} d="M13 6.5H20" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M4 6.5C4 7.88174 5.11928 9 6.5 9C7.88072 9 9 7.88174 9 6.5C9 5.11928 7.88072 4 6.5 4C5.11928 4 4 5.11928 4 6.5Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+IconlyRegularTwoToneFilterIcon.displayName = 'IconlyRegularTwoToneFilterIcon';
+
+export const IconlyRegularTwoToneFolderIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.9446 15.7579C21.9446 19.336 19.836 21.4446 16.2579 21.4446H8.47173C4.88444 21.4446 2.77588 19.336 2.77588 15.7579V7.9626C2.77588 4.38444 4.09031 2.27588 7.66847 2.27588H9.66749C10.3858 2.27588 11.0621 2.61406 11.4931 3.18868L12.4059 4.40269C12.8378 4.97618 13.5135 5.31406 14.2315 5.31549H17.0611C20.6484 5.31549 21.972 7.14108 21.972 10.7923L21.9446 15.7579Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path opacity={fillOpacity ?? 0.4} d="M7.55884 14.4891H17.1523" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+IconlyRegularTwoToneFolderIcon.displayName = 'IconlyRegularTwoToneFolderIcon';
+
+export const IconlyRegularTwoToneGameIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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.1868H6.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.0027H17.0726" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path opacity={fillOpacity ?? 0.4} 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.9625C13.4231 22.0134 10.473 22.0113 7.57275 21.9625C4.3535 21.9625 2 19.6663 2 16.5112V11.8616C2 8.70651 4.3535 6.41029 7.57275 6.41029C10.4889 6.36044 13.4411 6.36148 16.4283 6.41029C19.6476 6.41029 22 8.70755 22 11.8616V16.5112C22 19.6663 19.6476 21.9625 16.4283 21.9625Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+IconlyRegularTwoToneGameIcon.displayName = 'IconlyRegularTwoToneGameIcon';
+
+export const IconlyRegularTwoToneGraphIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.8894C17.9527 13.8894 18.519 14.4462 18.4158 15.1125C17.8106 19.0325 14.4548 21.9431 10.4074 21.9431C5.92952 21.9431 2.30005 18.3136 2.30005 13.8368C2.30005 10.1483 5.10215 6.71255 8.25689 5.9357C8.93479 5.76834 9.62952 6.24518 9.62952 6.94307C9.62952 11.6715 9.78847 12.8947 10.6864 13.5599C11.5843 14.2252 12.64 13.8894 17.2779 13.8894Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M21.6926 9.9517C21.7463 6.9138 18.0147 2.01696 13.4674 2.10117C13.1137 2.10749 12.8305 2.40222 12.8147 2.75485C12.7 5.25275 12.8547 8.48959 12.9411 9.95696C12.9674 10.4138 13.3263 10.7727 13.7821 10.7991C15.2905 10.8854 18.6453 11.0033 21.1074 10.6306C21.4421 10.5801 21.6874 10.2896 21.6926 9.9517Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+IconlyRegularTwoToneGraphIcon.displayName = 'IconlyRegularTwoToneGraphIcon';
+
+export const IconlyRegularTwoToneHeartIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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 opacity={fillOpacity ?? 0.4} d="M16 6.69995C17.07 7.04595 17.826 8.00095 17.917 9.12195" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+IconlyRegularTwoToneHeartIcon.displayName = 'IconlyRegularTwoToneHeartIcon';
+
+export const IconlyRegularTwoToneHideIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path opacity={fillOpacity ?? 0.4} d="M9.76069 14.3667C9.18569 13.7927 8.83569 13.0127 8.83569 12.1377C8.83569 10.3847 10.2477 8.97168 11.9997 8.97168C12.8667 8.97168 13.6647 9.32268 14.2297 9.89668" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path opacity={fillOpacity ?? 0.4} d="M15.1049 12.6987C14.8729 13.9887 13.8569 15.0067 12.5679 15.2407" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M6.65463 17.4722C5.06763 16.2262 3.72363 14.4062 2.74963 12.1372C3.73363 9.85823 5.08663 8.02823 6.68363 6.77223C8.27063 5.51623 10.1016 4.83423 11.9996 4.83423C13.9086 4.83423 15.7386 5.52623 17.3356 6.79123" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M19.4477 8.99072C20.1357 9.90472 20.7407 10.9597 21.2497 12.1367C19.2827 16.6937 15.8067 19.4387 11.9997 19.4387C11.1367 19.4387 10.2857 19.2987 9.46765 19.0257" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M19.887 4.24951L4.11304 20.0235" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+IconlyRegularTwoToneHideIcon.displayName = 'IconlyRegularTwoToneHideIcon';
+
+export const IconlyRegularTwoToneHomeIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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>
+);
+IconlyRegularTwoToneHomeIcon.displayName = 'IconlyRegularTwoToneHomeIcon';
+
+export const IconlyRegularTwoToneImage2Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.74976H7.65076C4.63876 2.74976 2.74976 4.88376 2.74976 7.90376V16.0498C2.74976 19.0698 4.63076 21.2038 7.65076 21.2038H16.2978C19.3228 21.2038 21.2028 19.0698 21.2028 16.0498V7.90376C21.2068 4.88376 19.3258 2.74976 16.3028 2.74976Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M10.7031 8.78496C10.7031 9.80496 9.87711 10.631 8.85711 10.631C7.83811 10.631 7.01111 9.80496 7.01111 8.78496C7.01111 7.76496 7.83811 6.93896 8.85711 6.93896C9.87611 6.93996 10.7021 7.76596 10.7031 8.78496Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path opacity={fillOpacity ?? 0.4} 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>
+);
+IconlyRegularTwoToneImage2Icon.displayName = 'IconlyRegularTwoToneImage2Icon';
+
+export const IconlyRegularTwoToneImageIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.89924V16.0502C21.21 19.0702 19.32 21.2002 16.3 21.2002H7.65C4.63 21.2002 2.75 19.0702 2.75 16.0502V7.89924C2.75 4.87924 4.64 2.75024 7.65 2.75024H16.3C19.32 2.75024 21.21 4.87924 21.21 7.89924Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path opacity={fillOpacity ?? 0.4} d="M5.28125 16.4311L6.80925 14.8181C7.34025 14.2551 8.22525 14.2281 8.78925 14.7581C8.80625 14.7751 9.72625 15.7101 9.72625 15.7101C10.2813 16.2751 11.1883 16.2841 11.7533 15.7301C11.7903 15.6941 14.0872 12.9081 14.0872 12.9081C14.6792 12.1891 15.7422 12.0861 16.4622 12.6791C16.5102 12.7191 18.6803 14.9461 18.6803 14.9461" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M10.3126 9.13315C10.3126 10.1022 9.52757 10.8872 8.55857 10.8872C7.58957 10.8872 6.80457 10.1022 6.80457 9.13315C6.80457 8.16415 7.58957 7.37915 8.55857 7.37915C9.52757 7.38015 10.3126 8.16415 10.3126 9.13315Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+IconlyRegularTwoToneImageIcon.displayName = 'IconlyRegularTwoToneImageIcon';
+
+export const IconlyRegularTwoToneInfoCircleIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path fillRule="evenodd" clipRule="evenodd" d="M11.9999 2.75024C17.1089 2.75024 21.2499 6.89224 21.2499 12.0002C21.2499 17.1082 17.1089 21.2502 11.9999 21.2502C6.89188 21.2502 2.74988 17.1082 2.74988 12.0002C2.74988 6.89224 6.89188 2.75024 11.9999 2.75024Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path opacity={fillOpacity ?? 0.4} d="M11.995 8.20435V12.6233" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path opacity={fillOpacity ?? 0.4} d="M11.995 15.7961H12.005" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+IconlyRegularTwoToneInfoCircleIcon.displayName = 'IconlyRegularTwoToneInfoCircleIcon';
+
+export const IconlyRegularTwoToneInfoSquareIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path opacity={fillOpacity ?? 0.4} d="M11.9899 15.7962V11.3772" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path opacity={fillOpacity ?? 0.4} d="M11.9899 8.20435H11.9999" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M16.3346 2.75024H7.66561C4.64461 2.75024 2.75061 4.88924 2.75061 7.91624V16.0842C2.75061 19.1112 4.63561 21.2502 7.66561 21.2502H16.3336C19.3646 21.2502 21.2506 19.1112 21.2506 16.0842V7.91624C21.2506 4.88924 19.3646 2.75024 16.3346 2.75024Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+IconlyRegularTwoToneInfoSquareIcon.displayName = 'IconlyRegularTwoToneInfoSquareIcon';
+
+export const IconlyRegularTwoToneLocationIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.23901 10.3912C4.25342 6.15065 7.70278 2.72465 11.9434 2.73906C16.1839 2.75347 19.6099 6.20282 19.5955 10.4434V10.5304C19.5434 13.2869 18.0042 15.8347 16.1173 17.826C15.0381 18.9466 13.833 19.9387 12.526 20.7825C12.1765 21.0848 11.6581 21.0848 11.3086 20.7825C9.36008 19.5143 7.64995 17.9131 6.2564 16.0521C5.01436 14.4293 4.30918 12.4597 4.23901 10.4173L4.23901 10.3912Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<circle opacity={fillOpacity ?? 0.4} cx="11.9172" cy="10.539" r="2.46087" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+IconlyRegularTwoToneLocationIcon.displayName = 'IconlyRegularTwoToneLocationIcon';
+
+export const IconlyRegularTwoToneLockIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path opacity={fillOpacity ?? 0.4} d="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.2497H8.04224C5.94824 21.2497 4.25024 19.5527 4.25024 17.4577V13.1687C4.25024 11.0737 5.94824 9.37671 8.04224 9.37671H15.6832C17.7772 9.37671 19.4752 11.0737 19.4752 13.1687V17.4577C19.4752 19.5527 17.7772 21.2497 15.6832 21.2497Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M11.8629 14.2026V16.4236" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+IconlyRegularTwoToneLockIcon.displayName = 'IconlyRegularTwoToneLockIcon';
+
+export const IconlyRegularTwoToneLoginIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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.0217H3.77148" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M12.8848 9.10571L15.8128 12.0217L12.8848 14.9377" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path opacity={fillOpacity ?? 0.4} d="M8.50439 7.38897V6.45597C8.50439 4.42097 10.1534 2.77197 12.1894 2.77197H17.0734C19.1034 2.77197 20.7484 4.41697 20.7484 6.44697V17.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>
+);
+IconlyRegularTwoToneLoginIcon.displayName = 'IconlyRegularTwoToneLoginIcon';
+
+export const IconlyRegularTwoToneLogoutIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path opacity={fillOpacity ?? 0.4} d="M15.016 7.38948V6.45648C15.016 4.42148 13.366 2.77148 11.331 2.77148H6.45597C4.42197 2.77148 2.77197 4.42148 2.77197 6.45648V17.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.0215H9.76843" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M18.8812 9.1062L21.8092 12.0212L18.8812 14.9372" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+IconlyRegularTwoToneLogoutIcon.displayName = 'IconlyRegularTwoToneLogoutIcon';
+
+export const IconlyRegularTwoToneMessageIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path opacity={fillOpacity ?? 0.4} d="M17.2678 8.56104L13.0024 11.9953C12.1952 12.6282 11.0636 12.6282 10.2564 11.9953L5.95435 8.56104" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M6.88787 3H16.3158C17.6752 3.01525 18.969 3.58993 19.896 4.5902C20.823 5.59048 21.3022 6.92903 21.222 8.29412V14.822C21.3022 16.1871 20.823 17.5256 19.896 18.5259C18.969 19.5262 17.6752 20.1009 16.3158 20.1161H6.88787C3.96796 20.1161 2 17.7407 2 14.822V8.29412C2 5.37545 3.96796 3 6.88787 3Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+IconlyRegularTwoToneMessageIcon.displayName = 'IconlyRegularTwoToneMessageIcon';
+
+export const IconlyRegularTwoToneMoreCircleIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.75024C17.1082 2.75024 21.2502 6.89224 21.2502 12.0002C21.2502 17.1082 17.1082 21.2502 12.0002 21.2502C6.89124 21.2502 2.75024 17.1082 2.75024 12.0002C2.75024 6.89224 6.89124 2.75024 12.0002 2.75024Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path opacity={fillOpacity ?? 0.4} d="M7.52075 13.1975C6.85975 13.1975 6.32275 12.6605 6.32275 12.0005C6.32275 11.3405 6.85975 10.8025 7.52075 10.8025C8.18175 10.8025 8.71875 11.3405 8.71875 12.0005C8.71875 12.6605 8.18175 13.1975 7.52075 13.1975" fill={color || 'currentColor'}/>
+<path opacity={fillOpacity ?? 0.4} d="M12.0002 13.1975C11.3392 13.1975 10.8022 12.6605 10.8022 12.0005C10.8022 11.3405 11.3392 10.8025 12.0002 10.8025C12.6612 10.8025 13.1982 11.3405 13.1982 12.0005C13.1982 12.6605 12.6612 13.1975 12.0002 13.1975Z" fill={color || 'currentColor'}/>
+<path opacity={fillOpacity ?? 0.4} d="M16.4792 13.1975C15.8182 13.1975 15.2812 12.6605 15.2812 12.0005C15.2812 11.3405 15.8182 10.8025 16.4792 10.8025C17.1402 10.8025 17.6772 11.3405 17.6772 12.0005C17.6772 12.6605 17.1402 13.1975 16.4792 13.1975" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularTwoToneMoreCircleIcon.displayName = 'IconlyRegularTwoToneMoreCircleIcon';
+
+export const IconlyRegularTwoToneMoreSquareIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.75024H7.66573C4.64473 2.75024 2.75073 4.88924 2.75073 7.91624V16.0842C2.75073 19.1112 4.63473 21.2502 7.66573 21.2502H16.3337C19.3647 21.2502 21.2507 19.1112 21.2507 16.0842V7.91624C21.2507 4.88924 19.3647 2.75024 16.3347 2.75024Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path opacity={fillOpacity ?? 0.4} d="M7.52088 13.1975C6.85988 13.1975 6.32288 12.6605 6.32288 12.0005C6.32288 11.3405 6.85988 10.8025 7.52088 10.8025C8.18188 10.8025 8.71888 11.3405 8.71888 12.0005C8.71888 12.6605 8.18188 13.1975 7.52088 13.1975" fill={color || 'currentColor'}/>
+<path opacity={fillOpacity ?? 0.4} d="M12.0002 13.1975C11.3392 13.1975 10.8022 12.6605 10.8022 12.0005C10.8022 11.3405 11.3392 10.8025 12.0002 10.8025C12.6612 10.8025 13.1982 11.3405 13.1982 12.0005C13.1982 12.6605 12.6612 13.1975 12.0002 13.1975" fill={color || 'currentColor'}/>
+<path opacity={fillOpacity ?? 0.4} d="M16.4792 13.1975C15.8182 13.1975 15.2812 12.6605 15.2812 12.0005C15.2812 11.3405 15.8182 10.8025 16.4792 10.8025C17.1402 10.8025 17.6772 11.3405 17.6772 12.0005C17.6772 12.6605 17.1402 13.1975 16.4792 13.1975" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularTwoToneMoreSquareIcon.displayName = 'IconlyRegularTwoToneMoreSquareIcon';
+
+export const IconlyRegularTwoToneNotificationIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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 opacity={fillOpacity ?? 0.4} 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>
+);
+IconlyRegularTwoToneNotificationIcon.displayName = 'IconlyRegularTwoToneNotificationIcon';
+
+export const IconlyRegularTwoTonePaperDownloadIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.7364 2.76196H8.08437C6.02537 2.76196 4.25037 4.43096 4.25037 6.49096V17.228C4.25037 19.404 5.90837 21.115 8.08437 21.115H16.0724C18.1324 21.115 19.8024 19.288 19.8024 17.228V8.03796L14.7364 2.76196Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M14.4736 2.75024V5.65924C14.4736 7.07924 15.6226 8.23124 17.0426 8.23424C18.3586 8.23724 19.7056 8.23824 19.7966 8.23224" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path opacity={fillOpacity ?? 0.4} d="M11.6409 8.69092C12.0549 8.69115 12.3909 9.02685 12.3909 9.44092V14.1968L13.9475 12.6343C14.2398 12.3408 14.7146 12.3401 15.0081 12.6323C15.3014 12.9246 15.3022 13.3994 15.01 13.6929L12.1751 16.5386C12.0721 16.6436 11.9391 16.7183 11.7893 16.7485C11.7864 16.7491 11.7834 16.749 11.7805 16.7495C11.7352 16.7581 11.6887 16.7641 11.6409 16.7642L11.6399 16.7632V16.7642L11.6379 16.7632C11.5908 16.763 11.545 16.758 11.5003 16.7495C11.4489 16.7398 11.3988 16.7256 11.3508 16.7056C11.2827 16.677 11.2215 16.6367 11.1653 16.5903C11.1464 16.5748 11.1261 16.5609 11.1087 16.5435L8.27076 13.6929C7.97866 13.3994 7.97951 12.9246 8.27271 12.6323C8.5662 12.3402 9.04102 12.341 9.33326 12.6343L10.8909 14.1987V9.44092C10.8909 9.0267 11.2267 8.69092 11.6409 8.69092Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularTwoTonePaperDownloadIcon.displayName = 'IconlyRegularTwoTonePaperDownloadIcon';
+
+export const IconlyRegularTwoTonePaperFailIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.76196H7.97863C5.91963 2.76196 4.24963 4.43096 4.24963 6.49096V17.34C4.24963 19.516 6.01363 21.115 8.18963 21.115H16.0726C18.1326 21.115 19.8016 19.4 19.8016 17.34V8.03796L14.7366 2.76196Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M14.4739 2.75024V5.65924C14.4739 7.07924 15.6229 8.23124 17.0419 8.23424C18.3589 8.23724 19.7059 8.23824 19.7969 8.23224" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path opacity={fillOpacity ?? 0.4} d="M13.0458 10.6513C13.3387 10.3585 13.8135 10.3586 14.1064 10.6513C14.3993 10.9442 14.3993 11.419 14.1064 11.7119L12.9033 12.914L14.1064 14.1171C14.3993 14.41 14.3993 14.8848 14.1064 15.1777C13.8135 15.4706 13.3387 15.4706 13.0458 15.1777L11.8427 13.9746L10.6406 15.1777C10.3477 15.4704 9.87287 15.4705 9.58002 15.1777C9.28738 14.8848 9.28732 14.41 9.58002 14.1171L10.7822 12.914L9.58002 11.7119C9.28713 11.419 9.28713 10.9442 9.58002 10.6513C9.87291 10.3584 10.3477 10.3584 10.6406 10.6513L11.8427 11.8535L13.0458 10.6513Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularTwoTonePaperFailIcon.displayName = 'IconlyRegularTwoTonePaperFailIcon';
+
+export const IconlyRegularTwoTonePaperNegativeIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.7365 2.76196H8.08449C6.02449 2.76196 4.25049 4.43096 4.25049 6.49096V17.34C4.25049 19.516 5.90849 21.115 8.08449 21.115H16.0725C18.1325 21.115 19.8025 19.4 19.8025 17.34V8.03796L14.7365 2.76196Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M14.4738 2.75024V5.65924C14.4738 7.07924 15.6228 8.23124 17.0428 8.23424C18.3588 8.23724 19.7058 8.23824 19.7968 8.23224" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path opacity={fillOpacity ?? 0.4} d="M14.2941 13.7473H9.39307" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+IconlyRegularTwoTonePaperNegativeIcon.displayName = 'IconlyRegularTwoTonePaperNegativeIcon';
+
+export const IconlyRegularTwoTonePaperPlusIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.7362 2.76196H8.08424C6.02524 2.76196 4.25024 4.43096 4.25024 6.49096V17.34C4.25024 19.516 5.90824 21.115 8.08424 21.115H16.0722C18.1322 21.115 19.8022 19.4 19.8022 17.34V8.03796L14.7362 2.76196Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M14.4735 2.75024V5.65924C14.4735 7.07924 15.6225 8.23124 17.0425 8.23424C18.3585 8.23724 19.7055 8.23824 19.7965 8.23224" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path opacity={fillOpacity ?? 0.4} d="M11.8435 9.71436C12.2577 9.71436 12.5935 10.0501 12.5935 10.4644V12.1646H14.2947C14.7087 12.1647 15.0447 12.5005 15.0447 12.9146C15.0444 13.3284 14.7086 13.6644 14.2947 13.6646H12.5935V15.3657C12.5933 15.7798 12.2576 16.1157 11.8435 16.1157C11.4294 16.1157 11.0937 15.7797 11.0935 15.3657V13.6646H9.39331C8.97926 13.6646 8.64357 13.3285 8.64331 12.9146C8.64331 12.5003 8.9791 12.1646 9.39331 12.1646H11.0935V10.4644C11.0935 10.0502 11.4293 9.71439 11.8435 9.71436Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularTwoTonePaperPlusIcon.displayName = 'IconlyRegularTwoTonePaperPlusIcon';
+
+export const IconlyRegularTwoTonePaperUploadIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.7362 2.76196H8.08424C6.02524 2.76196 4.25024 4.43096 4.25024 6.49096V17.228C4.25024 19.404 5.90824 21.115 8.08424 21.115H16.0722C18.1322 21.115 19.8022 19.288 19.8022 17.228V8.03796L14.7362 2.76196Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M14.4735 2.75024V5.65924C14.4735 7.07924 15.6225 8.23124 17.0425 8.23424C18.3585 8.23724 19.7055 8.23824 19.7965 8.23224" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path opacity={fillOpacity ?? 0.4} d="M11.6546 8.69116C11.6976 8.69195 11.7396 8.69613 11.7806 8.70386C11.7834 8.70441 11.7865 8.70425 11.7893 8.70483C11.8055 8.70808 11.8205 8.71523 11.8362 8.71948C11.8676 8.72805 11.899 8.73624 11.929 8.74878C11.9588 8.76121 11.9863 8.77768 12.014 8.7937C12.0285 8.8021 12.044 8.80874 12.0579 8.81812C12.1001 8.84648 12.1395 8.87866 12.1751 8.91479L15.0101 11.7625C15.3023 12.056 15.3016 12.5307 15.0081 12.823C14.7146 13.115 14.2397 13.1135 13.9476 12.8201L12.3909 11.2566V16.0144C12.3905 16.4281 12.0547 16.7642 11.6409 16.7644C11.2269 16.7644 10.8913 16.4283 10.8909 16.0144V11.2546L9.33329 12.8201C9.04108 13.1136 8.5663 13.1152 8.27275 12.823C7.9792 12.5308 7.97862 12.056 8.27079 11.7625L11.1087 8.91089L11.2229 8.81714C11.2603 8.79214 11.3001 8.77155 11.3411 8.75366C11.3491 8.75016 11.3573 8.74713 11.3655 8.7439C11.3979 8.73108 11.4311 8.72084 11.4651 8.71265C11.4829 8.70839 11.5006 8.7039 11.5188 8.70093C11.5247 8.69996 11.5305 8.69882 11.5364 8.698C11.5621 8.69444 11.5881 8.69304 11.6145 8.69214C11.623 8.69185 11.6314 8.69019 11.6399 8.69019C11.6448 8.69019 11.6497 8.69107 11.6546 8.69116Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularTwoTonePaperUploadIcon.displayName = 'IconlyRegularTwoTonePaperUploadIcon';
+
+export const IconlyRegularTwoTonePaperIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.7368 2.76196H8.08376C6.02476 2.76196 4.24976 4.43096 4.24976 6.49096V17.204C4.24976 19.38 5.90876 21.115 8.08376 21.115H16.0728C18.1328 21.115 19.8018 19.265 19.8018 17.204V8.03796L14.7368 2.76196Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M14.474 2.75024V5.65924C14.474 7.07924 15.623 8.23124 17.042 8.23424C18.359 8.23724 19.706 8.23824 19.797 8.23224" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path opacity={fillOpacity ?? 0.4} d="M14.2841 15.5579H8.88708" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path opacity={fillOpacity ?? 0.4} d="M12.2426 10.6057H8.8866" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+IconlyRegularTwoTonePaperIcon.displayName = 'IconlyRegularTwoTonePaperIcon';
+
+export const IconlyRegularTwoTonePasswordIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M16.3344 2.75024H7.66537C4.64437 2.75024 2.75037 4.88924 2.75037 7.91624V16.0842C2.75037 19.1112 4.63537 21.2502 7.66537 21.2502H16.3334C19.3644 21.2502 21.2504 19.1112 21.2504 16.0842V7.91624C21.2504 4.88924 19.3644 2.75024 16.3344 2.75024Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M10.6923 12.0002C10.6923 13.0222 9.86326 13.8522 8.84026 13.8522C7.81826 13.8522 6.98926 13.0222 6.98926 12.0002C6.98926 10.9782 7.81826 10.1482 8.84026 10.1482C9.86326 10.1482 10.6923 10.9782 10.6923 12.0002Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M10.6923 12.0002H17.0103V13.8522" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M14.1815 13.8518V11.9998" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+IconlyRegularTwoTonePasswordIcon.displayName = 'IconlyRegularTwoTonePasswordIcon';
+
+export const IconlyRegularTwoTonePlayIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path fillRule="evenodd" clipRule="evenodd" d="M12 2C17.5228 2 22 6.47716 22 12C22 17.5228 17.5228 22 12 22C6.47716 22 2 17.5228 2 12C2 6.47716 6.47716 2 12 2Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M15.0502 12.4668C14.3212 13.2528 12.3372 14.5828 11.3222 15.0098C11.1602 15.0778 10.7472 15.2218 10.6582 15.2238C10.4692 15.2298 10.2872 15.1238 10.1992 14.9538C10.1652 14.8878 10.0652 14.4568 10.0332 14.2648C9.93815 13.6808 9.88915 12.7738 9.89015 11.8618C9.88915 10.9048 9.94215 9.95483 10.0482 9.37683C10.0762 9.22083 10.1582 8.86183 10.1822 8.80383C10.2272 8.69583 10.3092 8.61083 10.4082 8.55783C10.4842 8.51683 10.5712 8.49483 10.6582 8.49783C10.7472 8.49983 11.1092 8.62683 11.2332 8.67583C12.2112 9.05583 14.2802 10.4338 15.0402 11.2438C15.1082 11.3168 15.2952 11.5128 15.3262 11.5528C15.3972 11.6428 15.4322 11.7518 15.4322 11.8618C15.4322 11.9638 15.4012 12.0678 15.3372 12.1548C15.3042 12.1998 15.1132 12.3998 15.0502 12.4668Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+IconlyRegularTwoTonePlayIcon.displayName = 'IconlyRegularTwoTonePlayIcon';
+
+export const IconlyRegularTwoTonePlusIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path opacity={fillOpacity ?? 0.4} d="M12.0002 7.57715C12.4143 7.57735 12.7502 7.91306 12.7502 8.32715V11.2402H15.6663C16.0804 11.2402 16.4162 11.5761 16.4163 11.9902C16.4163 12.4044 16.0805 12.7402 15.6663 12.7402H12.7502V15.6533C12.7502 16.0674 12.4143 16.4031 12.0002 16.4033C11.5861 16.4033 11.2502 16.0675 11.2502 15.6533V12.7402H8.33325C7.91904 12.7402 7.58325 12.4044 7.58325 11.9902C7.58333 11.5761 7.91909 11.2402 8.33325 11.2402H11.2502V8.32715C11.2502 7.91295 11.5861 7.57717 12.0002 7.57715Z" fill={color || 'currentColor'}/>
+<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>
+);
+IconlyRegularTwoTonePlusIcon.displayName = 'IconlyRegularTwoTonePlusIcon';
+
+export const IconlyRegularTwoToneProfileIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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 opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M11.9848 12.0059C14.5229 12.0059 16.58 9.94779 16.58 7.40969C16.58 4.8716 14.5229 2.81445 11.9848 2.81445C9.44667 2.81445 7.38858 4.8716 7.38858 7.40969C7.38001 9.93922 9.42382 11.9973 11.9524 12.0059H11.9848Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+IconlyRegularTwoToneProfileIcon.displayName = 'IconlyRegularTwoToneProfileIcon';
+
+export const IconlyRegularTwoToneScanIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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.6315 13.0143H1.5" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path opacity={fillOpacity ?? 0.4} d="M20.7501 8.7779V6.82514C20.7501 4.996 19.2541 3.5 17.425 3.5H15.7812" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path opacity={fillOpacity ?? 0.4} d="M3.38159 8.7779V6.82095C3.38159 4.98867 4.86607 3.50314 6.69835 3.50105L8.37873 3.5" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M20.7501 13.0144V17.5454C20.7501 19.3735 19.2541 20.8705 17.425 20.8705H15.7812" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M3.38159 13.0144V17.5495C3.38159 19.3818 4.86607 20.8674 6.69835 20.8695L8.37873 20.8705" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+IconlyRegularTwoToneScanIcon.displayName = 'IconlyRegularTwoToneScanIcon';
+
+export const IconlyRegularTwoToneSearchIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={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 opacity={fillOpacity ?? 0.4} d="M18.0183 18.4851L21.5423 22" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+IconlyRegularTwoToneSearchIcon.displayName = 'IconlyRegularTwoToneSearchIcon';
+
+export const IconlyRegularTwoToneSendIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path opacity={fillOpacity ?? 0.4} d="M15.712 7.72681L9.89099 13.5478" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M9.8912 13.548L3.0762 9.381C2.1832 8.835 2.3642 7.488 3.3702 7.197L19.4602 2.549C20.3752 2.284 21.2212 3.138 20.9472 4.05L16.1732 20.014C15.8742 21.014 14.5332 21.186 13.9912 20.294L9.8912 13.548" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+IconlyRegularTwoToneSendIcon.displayName = 'IconlyRegularTwoToneSendIcon';
+
+export const IconlyRegularTwoToneSettingIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.62361L20.1842 6.54352C19.6577 5.6296 18.4907 5.31432 17.5755 5.83872V5.83872C17.1399 6.09534 16.6201 6.16815 16.1307 6.04109C15.6413 5.91402 15.2226 5.59752 14.9668 5.16137C14.8023 4.88415 14.7139 4.56839 14.7105 4.24604V4.24604C14.7254 3.72922 14.5304 3.2284 14.17 2.85767C13.8096 2.48694 13.3145 2.27786 12.7975 2.27808H11.5435C11.037 2.27807 10.5513 2.47991 10.194 2.83895C9.83669 3.19798 9.63717 3.68459 9.63961 4.19112V4.19112C9.6246 5.23693 8.77248 6.07681 7.72657 6.0767C7.40421 6.07336 7.08846 5.98494 6.81123 5.82041V5.82041C5.89606 5.29601 4.72911 5.61129 4.20254 6.52522L3.53435 7.62361C3.00841 8.53639 3.3194 9.70261 4.23 10.2323V10.2323C4.8219 10.574 5.18653 11.2056 5.18653 11.8891C5.18653 12.5725 4.8219 13.2041 4.23 13.5458V13.5458C3.32056 14.0719 3.00923 15.2353 3.53435 16.1454V16.1454L4.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.6516 8.21934 17.7822C8.70749 17.9128 9.12324 18.233 9.37416 18.6717C9.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.5001 14.7055 20.6491 14.7105 19.5962V19.5962C14.7081 19.088 14.9089 18.6 15.2682 18.2407C15.6275 17.8814 16.1155 17.6807 16.6236 17.6831C16.9452 17.6917 17.2596 17.7798 17.5389 17.9394V17.9394C18.4517 18.4653 19.6179 18.1544 20.1476 17.2438V17.2438L20.8067 16.1454C21.0618 15.7075 21.1318 15.186 21.0012 14.6964C20.8706 14.2067 20.5502 13.7894 20.111 13.5367V13.5367C19.6718 13.284 19.3514 12.8666 19.2208 12.3769C19.0902 11.8873 19.1603 11.3658 19.4154 10.928C19.5812 10.6383 19.8214 10.3982 20.111 10.2323V10.2323C21.0161 9.70289 21.3264 8.54349 20.8067 7.63277V7.63277V7.62361Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<circle opacity={fillOpacity ?? 0.4} cx="12.175" cy="11.8891" r="2.63616" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+IconlyRegularTwoToneSettingIcon.displayName = 'IconlyRegularTwoToneSettingIcon';
+
+export const IconlyRegularTwoToneShieldDoneIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path fillRule="evenodd" clipRule="evenodd" d="M18.865 5.12377C19.302 5.27677 19.594 5.68877 19.594 6.15177V12.9248C19.594 14.8178 18.906 16.6248 17.691 18.0248C17.08 18.7298 16.307 19.2788 15.486 19.7228L11.928 21.6448L8.364 19.7218C7.542 19.2778 6.768 18.7298 6.156 18.0238C4.94 16.6238 4.25 14.8158 4.25 12.9208V6.15177C4.25 5.68877 4.542 5.27677 4.979 5.12377L11.561 2.81077C11.795 2.72877 12.05 2.72877 12.283 2.81077L18.865 5.12377Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path opacity={fillOpacity ?? 0.4} d="M9.32251 11.9176L11.2145 13.8106L15.1125 9.9126" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+IconlyRegularTwoToneShieldDoneIcon.displayName = 'IconlyRegularTwoToneShieldDoneIcon';
+
+export const IconlyRegularTwoToneShieldFailIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path fillRule="evenodd" clipRule="evenodd" d="M18.8651 5.12377C19.3021 5.27677 19.5941 5.68877 19.5941 6.15177V12.9248C19.5941 14.8178 18.9051 16.6248 17.6911 18.0248C17.0791 18.7298 16.3071 19.2788 15.4861 19.7228L11.9281 21.6448L8.36412 19.7218C7.54112 19.2778 6.76812 18.7298 6.15612 18.0238C4.94012 16.6238 4.25012 14.8158 4.25012 12.9208V6.15177C4.25012 5.68877 4.54212 5.27677 4.97912 5.12377L11.5611 2.81077C11.7951 2.72877 12.0501 2.72877 12.2831 2.81077L18.8651 5.12377Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path opacity={fillOpacity ?? 0.4} d="M13.2706 9.55805C13.5634 9.26522 14.0382 9.26536 14.3311 9.55805C14.624 9.85094 14.624 10.3257 14.3311 10.6186L12.9825 11.9672L14.3311 13.3159C14.624 13.6088 14.624 14.0835 14.3311 14.3764C14.0382 14.6693 13.5635 14.6693 13.2706 14.3764L11.9219 13.0278L10.5733 14.3764C10.2804 14.6692 9.80562 14.6693 9.51276 14.3764C9.2201 14.0835 9.22004 13.6087 9.51276 13.3159L10.8614 11.9672L9.51276 10.6186C9.21987 10.3257 9.21987 9.85094 9.51276 9.55805C9.80565 9.26516 10.2804 9.26516 10.5733 9.55805L11.9219 10.9067L13.2706 9.55805Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularTwoToneShieldFailIcon.displayName = 'IconlyRegularTwoToneShieldFailIcon';
+
+export const IconlyRegularTwoToneShowIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M15.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.89111 11.9995 8.89111C13.7455 8.89111 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.355C15.806 19.355 19.289 16.617 21.25 12.053C19.289 7.48898 15.806 4.75098 11.998 4.75098H12.002C8.194 4.75098 4.711 7.48898 2.75 12.053C4.711 16.617 8.194 19.355 12.002 19.355H11.998Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+IconlyRegularTwoToneShowIcon.displayName = 'IconlyRegularTwoToneShowIcon';
+
+export const IconlyRegularTwoToneStarIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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>
+);
+IconlyRegularTwoToneStarIcon.displayName = 'IconlyRegularTwoToneStarIcon';
+
+export const IconlyRegularTwoToneSwapIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path opacity={fillOpacity ?? 0.4} d="M16.8396 20.1642V6.54639" 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 opacity={fillOpacity ?? 0.4} d="M6.91115 3.83276V17.4505" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M2.8335 7.92894L6.91127 3.83228L10.9891 7.92894" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+IconlyRegularTwoToneSwapIcon.displayName = 'IconlyRegularTwoToneSwapIcon';
+
+export const IconlyRegularTwoToneTickSquareIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.75024H7.66537C4.64437 2.75024 2.75037 4.88924 2.75037 7.91624V16.0842C2.75037 19.1112 4.63537 21.2502 7.66537 21.2502H16.3334C19.3644 21.2502 21.2504 19.1112 21.2504 16.0842V7.91624C21.2504 4.88924 19.3644 2.75024 16.3344 2.75024Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path opacity={fillOpacity ?? 0.4} d="M8.43982 12.0002L10.8138 14.3732L15.5598 9.6272" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+IconlyRegularTwoToneTickSquareIcon.displayName = 'IconlyRegularTwoToneTickSquareIcon';
+
+export const IconlyRegularTwoToneTicketStarIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.4168C19.7322 20.4168 21.2502 18.8978 21.2502 17.0238V14.3238C20.0102 14.3238 19.0102 13.3238 19.0102 12.0848C19.0102 10.8448 20.0102 9.84576 21.2502 9.84576L21.2482 7.14276C21.2482 5.26876 19.7302 3.74976 17.8562 3.74976H6.14424C4.27024 3.74976 2.75124 5.26876 2.75124 7.14276L2.75024 9.93276C3.98924 9.93276 4.98924 10.8448 4.98924 12.0848C4.98924 13.3238 3.98924 14.3238 2.75024 14.3238V17.0238C2.75024 18.8978 4.26824 20.4168 6.14224 20.4168H17.8572Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path opacity={fillOpacity ?? 0.4} fillRule="evenodd" clipRule="evenodd" d="M11.9997 13.8543L13.7397 14.7693C13.9027 14.8543 14.0937 14.7163 14.0627 14.5353L13.7297 12.5963L15.1387 11.2253C15.2707 11.0963 15.1977 10.8733 15.0157 10.8463L13.0697 10.5633L12.1987 8.79929C12.1177 8.63429 11.8827 8.63429 11.8007 8.79929L10.9297 10.5633L8.98469 10.8463C8.80269 10.8733 8.72969 11.0963 8.86169 11.2253L10.2697 12.5963L9.93669 14.5353C9.90569 14.7163 10.0967 14.8543 10.2597 14.7693L11.9997 13.8543Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+IconlyRegularTwoToneTicketStarIcon.displayName = 'IconlyRegularTwoToneTicketStarIcon';
+
+export const IconlyRegularTwoToneTicketIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path opacity={fillOpacity ?? 0.4} d="M13.8497 4.25024V6.67024" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path opacity={fillOpacity ?? 0.4} d="M13.8497 17.76V19.784" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path opacity={fillOpacity ?? 0.4} d="M13.8497 14.3247V9.50366" 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>
+);
+IconlyRegularTwoToneTicketIcon.displayName = 'IconlyRegularTwoToneTicketIcon';
+
+export const IconlyRegularTwoToneTimeCircleIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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 opacity={fillOpacity ?? 0.4} d="M15.4314 14.9429L11.6614 12.6939V7.84692" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+IconlyRegularTwoToneTimeCircleIcon.displayName = 'IconlyRegularTwoToneTimeCircleIcon';
+
+export const IconlyRegularTwoToneTimeSquareIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.75024H7.66573C4.64473 2.75024 2.75073 4.88924 2.75073 7.91624V16.0842C2.75073 19.1112 4.63473 21.2502 7.66573 21.2502H16.3337C19.3647 21.2502 21.2507 19.1112 21.2507 16.0842V7.91624C21.2507 4.88924 19.3647 2.75024 16.3347 2.75024Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path opacity={fillOpacity ?? 0.4} d="M15.3912 14.0178L12.0002 11.9948V7.63379" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+IconlyRegularTwoToneTimeSquareIcon.displayName = 'IconlyRegularTwoToneTimeSquareIcon';
+
+export const IconlyRegularTwoToneUnlockIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path opacity={fillOpacity ?? 0.4} d="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.0005H8.292C6.198 21.0005 4.5 19.3025 4.5 17.2075V12.9195C4.5 10.8245 6.198 9.12646 8.292 9.12646H15.933C18.027 9.12646 19.725 10.8245 19.725 12.9195V17.2075C19.725 19.3025 18.027 21.0005 15.933 21.0005Z" 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>
+);
+IconlyRegularTwoToneUnlockIcon.displayName = 'IconlyRegularTwoToneUnlockIcon';
+
+export const IconlyRegularTwoToneUploadIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path opacity={fillOpacity ?? 0.4} d="M7.38948 8.98403H6.45648C4.42148 8.98403 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.98403 17.5975 8.98403L16.6545 8.98403" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M12.0214 2.19044V14.2314" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M9.10632 5.1189L12.0213 2.1909L14.9373 5.1189" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+IconlyRegularTwoToneUploadIcon.displayName = 'IconlyRegularTwoToneUploadIcon';
+
+export const IconlyRegularTwoToneVideoIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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 opacity={fillOpacity ?? 0.4} 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>
+);
+IconlyRegularTwoToneVideoIcon.displayName = 'IconlyRegularTwoToneVideoIcon';
+
+export const IconlyRegularTwoToneVoice2Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path opacity={fillOpacity ?? 0.4} d="M19.5229 10.1821C19.9372 10.1821 20.2729 10.5179 20.2729 10.9321C20.2729 15.1829 17.0204 18.6714 12.8687 19.0503V21.147C12.8686 21.561 12.5327 21.8968 12.1187 21.897C11.7046 21.8968 11.3687 21.5611 11.3687 21.147V19.0503C7.2166 18.6716 3.96436 15.1829 3.96436 10.9321C3.96436 10.5179 4.30014 10.1821 4.71436 10.1821C5.12857 10.1821 5.46436 10.5179 5.46436 10.9321C5.46436 14.6074 8.44334 17.5864 12.1187 17.5864C15.7939 17.5862 18.7729 14.6072 18.7729 10.9321C18.7729 10.5179 19.1087 10.1821 19.5229 10.1821Z" fill={color || 'currentColor'}/>
+<path d="M12.2444 1.96387C14.6806 1.96387 16.6545 3.93898 16.6545 6.37402V10.9248C16.6543 13.3607 14.6803 15.334 12.2444 15.334H11.9924C9.55755 15.334 7.58252 13.3608 7.58228 10.9248V6.37402C7.58228 3.93886 9.55727 1.96387 11.9924 1.96387H12.2444ZM11.9924 3.46387C10.3857 3.46387 9.08228 4.76728 9.08228 6.37402V10.9248C9.08252 12.5322 10.3857 13.834 11.9924 13.834H12.2444C13.8519 13.834 15.1543 12.5323 15.1545 10.9248V10.7988H13.0491C12.6351 10.7987 12.2993 10.4628 12.2991 10.0488C12.2991 9.63467 12.6349 9.29891 13.0491 9.29883H15.1545V7.62695H14.0012C13.5873 7.62674 13.2514 7.29087 13.2512 6.87695C13.2514 6.46304 13.5873 6.12716 14.0012 6.12695H15.1438C15.0184 4.63568 13.7687 3.46387 12.2444 3.46387H11.9924Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularTwoToneVoice2Icon.displayName = 'IconlyRegularTwoToneVoice2Icon';
+
+export const IconlyRegularTwoToneVoiceIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path opacity={fillOpacity ?? 0.4} d="M19.522 10.1819C19.9362 10.1819 20.272 10.5177 20.272 10.9319C20.272 15.1825 17.0204 18.6712 12.8687 19.05V21.1467C12.8686 21.5608 12.5327 21.8965 12.1187 21.8967C11.7046 21.8966 11.3687 21.5608 11.3687 21.1467V19.05C7.2166 18.6714 3.96436 15.1827 3.96436 10.9319C3.96436 10.5177 4.30014 10.1819 4.71436 10.1819C5.12857 10.1819 5.46436 10.5177 5.46436 10.9319C5.46436 14.6072 8.44334 17.5862 12.1187 17.5862C15.7937 17.5859 18.772 14.607 18.772 10.9319C18.772 10.5177 19.1078 10.1819 19.522 10.1819Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M12.2447 14.5843H11.9923C9.97132 14.5843 8.33228 12.9462 8.33228 10.9243V6.37387C8.33228 4.35291 9.97132 2.71387 11.9923 2.71387H12.2447C14.2656 2.71387 15.9047 4.35291 15.9047 6.37387V10.9243C15.9047 12.9462 14.2656 14.5843 12.2447 14.5843Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+IconlyRegularTwoToneVoiceIcon.displayName = 'IconlyRegularTwoToneVoiceIcon';
+
+export const IconlyRegularTwoToneVolumeDownIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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 opacity={fillOpacity ?? 0.4} d="M18.5813 8.31445C19.8926 10.6051 19.8926 13.4026 18.5813 15.6861" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+IconlyRegularTwoToneVolumeDownIcon.displayName = 'IconlyRegularTwoToneVolumeDownIcon';
+
+export const IconlyRegularTwoToneVolumeOffIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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.09479 16.6499C5.85979 16.5769 5.64679 16.4689 5.45979 16.3089C4.69479 15.6559 4.75079 13.9119 4.75079 12.6329C4.75079 11.3549 4.69479 9.60995 5.45979 8.95795C6.16879 8.35095 6.67279 8.50995 7.96979 8.40695C9.26579 8.30395 12.0088 4.34895 14.1258 5.59895C14.6108 5.99295 14.8958 6.58095 15.0638 7.48595" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M15.2833 14.6675C15.2463 17.5405 15.0213 18.9395 14.1263 19.6675C13.1463 20.2465 12.0363 19.7145 10.9913 18.9585" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path opacity={fillOpacity ?? 0.4} d="M4.75159 20.7495L8.46459 17.0365L15.2836 10.2165L20.7506 4.74951" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+IconlyRegularTwoToneVolumeOffIcon.displayName = 'IconlyRegularTwoToneVolumeOffIcon';
+
+export const IconlyRegularTwoToneVolumeUpIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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 opacity={fillOpacity ?? 0.4} d="M19.5842 5.90405C22.1343 9.57507 22.1427 14.4174 19.5842 18.0956" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path opacity={fillOpacity ?? 0.4} d="M17.0813 8.31445C18.3926 10.6051 18.3926 13.4026 17.0813 15.6861" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+IconlyRegularTwoToneVolumeUpIcon.displayName = 'IconlyRegularTwoToneVolumeUpIcon';
+
+export const IconlyRegularTwoToneWalletIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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.3957H17.5906C16.1042 14.3948 14.8993 13.1909 14.8984 11.7045C14.8984 10.218 16.1042 9.01409 17.5906 9.01318H21.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 opacity={fillOpacity ?? 0.4} d="M7.03564 7.5382H12.4346" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+IconlyRegularTwoToneWalletIcon.displayName = 'IconlyRegularTwoToneWalletIcon';
+
+export const IconlyRegularTwoToneWorkIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path opacity={fillOpacity ?? 0.4} d="M2.80408 15.4771C2.80408 15.4771 2.94608 17.2151 2.97908 17.7631C3.02308 18.4981 3.30708 19.3191 3.78108 19.8891C4.45008 20.6971 5.23808 20.9821 6.29008 20.9841C7.52708 20.9861 16.5221 20.9861 17.7591 20.9841C18.8111 20.9821 19.5991 20.6971 20.2681 19.8891C20.7421 19.3191 21.0261 18.4981 21.0711 17.7631C21.1031 17.2151 21.2451 15.4771 21.2451 15.4771" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M8.49597 5.32949V4.95849C8.49597 3.73849 9.48397 2.75049 10.704 2.75049H13.286C14.505 2.75049 15.494 3.73849 15.494 4.95849L15.495 5.32949" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M11.995 16.6783V15.3843" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M2.74988 8.38905V11.8561C4.66788 13.1211 6.96588 14.0071 9.48788 14.3581C9.78988 13.2571 10.7829 12.4501 11.9899 12.4501C13.1779 12.4501 14.1909 13.2571 14.4729 14.3681C17.0049 14.0171 19.3119 13.1311 21.2399 11.8561V8.38905C21.2399 6.69505 19.8769 5.33105 18.1829 5.33105H5.81688C4.12288 5.33105 2.74988 6.69505 2.74988 8.38905Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+IconlyRegularTwoToneWorkIcon.displayName = 'IconlyRegularTwoToneWorkIcon';
+