@winplaybox/icons 0.0.0-stage → 0.1.0

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

@@ -0,0 +1,1231 @@
+import React from 'react';
+import { IconProps } from '../../../types';
+
+export const IconlyRegularOutline2UserIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.45581 7.135C4.45581 9.966 6.75981 12.27 9.59181 12.27H9.62581C10.9928 12.265 12.2778 11.728 13.2398 10.757C14.2038 9.787 14.7328 8.499 14.7268 7.135C14.7268 4.304 12.4228 2 9.59181 2C6.75981 2 4.45581 4.304 4.45581 7.135ZM5.95581 7.135C5.95581 5.131 7.58681 3.5 9.59181 3.5C11.5958 3.5 13.2268 5.131 13.2268 7.138C13.2308 8.104 12.8578 9.015 12.1758 9.7C11.4948 10.387 10.5868 10.766 9.62281 10.77H9.59181C7.58681 10.77 5.95581 9.139 5.95581 7.135Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M1.99976 17.519C1.99976 21.057 7.51576 21.057 9.59176 21.057C11.4698 21.057 17.1838 21.057 17.1838 17.499C17.1838 14.324 12.8508 13.957 9.59176 13.957C7.71376 13.957 1.99976 13.957 1.99976 17.519ZM3.49976 17.519C3.49976 15.814 6.81276 15.457 9.59176 15.457C13.6338 15.457 15.6838 16.144 15.6838 17.499C15.6838 18.864 13.6338 19.557 9.59176 19.557C5.54976 19.557 3.49976 18.871 3.49976 17.519Z" fill={color || 'currentColor'}/>
+<path d="M16.4824 11.1318C16.1144 11.1318 15.7934 10.8608 15.7404 10.4858C15.6834 10.0758 15.9684 9.69577 16.3784 9.63877C17.6264 9.46377 18.5684 8.38077 18.5704 7.11877C18.5704 5.86477 17.6724 4.80677 16.4374 4.60477C16.0284 4.53677 15.7514 4.15177 15.8184 3.74277C15.8854 3.33377 16.2724 3.05877 16.6794 3.12377C18.6444 3.44577 20.0704 5.12677 20.0704 7.11977C20.0664 9.12477 18.5694 10.8468 16.5874 11.1248C16.5524 11.1298 16.5174 11.1318 16.4824 11.1318Z" fill={color || 'currentColor'}/>
+<path d="M19.1945 17.9769C19.3075 18.2759 19.5925 18.4609 19.8955 18.4609C19.9845 18.4609 20.0745 18.4449 20.1615 18.4119C21.6645 17.8429 21.9795 16.8559 21.9795 16.1269C21.9795 15.1479 21.4125 13.8949 18.7065 13.4899C18.3045 13.4369 17.9155 13.7119 17.8535 14.1219C17.7925 14.5309 18.0755 14.9129 18.4855 14.9749C19.8085 15.1719 20.4795 15.5599 20.4795 16.1269C20.4795 16.2949 20.4795 16.6879 19.6295 17.0099C19.2425 17.1559 19.0475 17.5899 19.1945 17.9769Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularOutline2UserIcon.displayName = 'IconlyRegularOutline2UserIcon';
+
+export const IconlyRegularOutline3UserIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.8598 13.138H11.8868C14.4068 13.138 16.4558 11.088 16.4558 8.569C16.4558 6.05 14.4068 4 11.8868 4C9.36776 4 7.31877 6.05 7.31877 8.566C7.31377 9.783 7.78277 10.929 8.64077 11.792C9.49677 12.656 10.6398 13.134 11.8598 13.138ZM8.81877 8.569C8.81877 6.877 10.1948 5.5 11.8868 5.5C13.5788 5.5 14.9558 6.877 14.9558 8.569C14.9558 10.262 13.5788 11.638 11.8868 11.638H11.8618C11.0458 11.635 10.2798 11.314 9.70477 10.735C9.12977 10.156 8.81576 9.389 8.81877 8.569Z" fill={color || 'currentColor'}/>
+<path d="M17.1448 11.5005C17.1978 11.8755 17.5188 12.1465 17.8868 12.1465C17.9208 12.1465 17.9558 12.1445 17.9908 12.1395C19.7658 11.8905 21.1068 10.3505 21.1108 8.55551C21.1108 6.77251 19.8338 5.26851 18.0758 4.97951C17.6648 4.91451 17.2818 5.18851 17.2138 5.59751C17.1468 6.00651 17.4238 6.39251 17.8318 6.45951C18.8628 6.62851 19.6108 7.51051 19.6108 8.55351C19.6088 9.60551 18.8238 10.5075 17.7838 10.6535C17.3728 10.7105 17.0878 11.0895 17.1448 11.5005Z" fill={color || 'currentColor'}/>
+<path d="M20.1604 18.0482C20.2744 18.3472 20.5594 18.5312 20.8614 18.5312C20.9504 18.5312 21.0404 18.5152 21.1284 18.4822C22.5584 17.9372 22.7724 16.9442 22.7724 16.4002C22.7724 15.5092 22.2634 14.3712 19.8404 14.0082C19.4274 13.9552 19.0474 14.2282 18.9864 14.6382C18.9254 15.0492 19.2084 15.4302 19.6174 15.4922C20.7154 15.6562 21.2724 15.9622 21.2724 16.4002C21.2724 16.5372 21.2724 16.8222 20.5944 17.0802C20.2074 17.2272 20.0124 17.6612 20.1604 18.0482Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M11.8867 20.7909C10.2277 20.7909 5.17773 20.7909 5.17773 17.5959C5.17773 14.4139 10.2277 14.4139 11.8867 14.4139C13.5457 14.4139 18.5947 14.4139 18.5947 17.6129C18.5947 20.7909 13.7217 20.7909 11.8867 20.7909ZM11.8867 15.9139C9.51073 15.9139 6.67773 16.2059 6.67773 17.5959C6.67773 18.9969 9.51073 19.2909 11.8867 19.2909C14.2627 19.2909 17.0947 18.9999 17.0947 17.6129C17.0947 16.2089 14.2627 15.9139 11.8867 15.9139Z" fill={color || 'currentColor'}/>
+<path d="M5.88572 12.1465C5.85172 12.1465 5.81672 12.1445 5.78172 12.1395C4.00672 11.8905 2.66672 10.3505 2.66272 8.55745C2.66272 6.77245 3.93972 5.26845 5.69772 4.97945C6.11872 4.91345 6.49172 5.19045 6.55972 5.59745C6.62672 6.00645 6.34972 6.39245 5.94172 6.45945C4.91072 6.62845 4.16272 7.51045 4.16272 8.55545C4.16472 9.60545 4.94972 10.5085 5.98872 10.6535C6.39972 10.7105 6.68472 11.0894 6.62772 11.5005C6.57472 11.8755 6.25372 12.1465 5.88572 12.1465Z" fill={color || 'currentColor'}/>
+<path d="M2.64512 18.4822C2.73312 18.5152 2.82312 18.5312 2.91212 18.5312C3.21412 18.5312 3.49912 18.3472 3.61312 18.0482C3.76112 17.6612 3.56612 17.2272 3.17912 17.0802C2.50012 16.8212 2.50012 16.5372 2.50012 16.4002C2.50012 15.9622 3.05712 15.6562 4.15512 15.4922C4.56412 15.4302 4.84712 15.0492 4.78612 14.6382C4.72412 14.2282 4.34612 13.9562 3.93312 14.0082C1.50912 14.3712 1.00012 15.5102 1.00012 16.4002C1.00012 16.9432 1.21412 17.9362 2.64512 18.4822Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularOutline3UserIcon.displayName = 'IconlyRegularOutline3UserIcon';
+
+export const IconlyRegularOutlineActivityIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path fillRule="evenodd" clipRule="evenodd" d="M7.21629 16.0029C7.05629 16.0029 6.89529 15.9519 6.75929 15.8479C6.43129 15.5949 6.36929 15.1239 6.62229 14.7959L9.61529 10.9059C9.73729 10.7469 9.91829 10.6439 10.1163 10.6189C10.3183 10.5929 10.5163 10.6489 10.6733 10.7739L13.4933 12.9889L15.9603 9.80587C16.2143 9.47687 16.6843 9.41587 17.0123 9.67187C17.3403 9.92587 17.4003 10.3969 17.1463 10.7239L14.2163 14.5039C14.0943 14.6619 13.9143 14.7649 13.7163 14.7889C13.5163 14.8159 13.3183 14.7579 13.1603 14.6349L10.3423 12.4209L7.81129 15.7099C7.66329 15.9019 7.44129 16.0029 7.21629 16.0029" fill={color || 'currentColor'}/>
+<mask id="ic_regular_outline_activity_mask0_42284_13834" style={{ maskType: 'luminance' }} maskUnits="userSpaceOnUse" x="17" y="2" width="6" height="6">
+<path fillRule="evenodd" clipRule="evenodd" d="M17.2954 2.00012H22.6394V7.34502H17.2954V2.00012Z" fill={color || 'currentColor'}/>
+</mask>
+<g mask="url(#ic_regular_outline_activity_mask0_42284_13834)">
+<path fillRule="evenodd" clipRule="evenodd" d="M19.9674 3.5C19.3214 3.5 18.7954 4.025 18.7954 4.672C18.7954 5.318 19.3214 5.845 19.9674 5.845C20.6134 5.845 21.1394 5.318 21.1394 4.672C21.1394 4.025 20.6134 3.5 19.9674 3.5M19.9674 7.345C18.4944 7.345 17.2954 6.146 17.2954 4.672C17.2954 3.198 18.4944 2 19.9674 2C21.4414 2 22.6394 3.198 22.6394 4.672C22.6394 6.146 21.4414 7.345 19.9674 7.345" fill={color || 'currentColor'}/>
+</g>
+<mask id="ic_regular_outline_activity_mask1_42284_13834" style={{ maskType: 'luminance' }} maskUnits="userSpaceOnUse" x="2" y="2" width="20" height="21">
+<path fillRule="evenodd" clipRule="evenodd" d="M2 2.84216H21.8619V22.7032H2V2.84216Z" fill={color || 'currentColor'}/>
+</mask>
+<g mask="url(#ic_regular_outline_activity_mask1_42284_13834)">
+<path fillRule="evenodd" clipRule="evenodd" d="M16.233 22.7032H7.629C4.262 22.7032 2 20.3382 2 16.8182V8.73616C2 5.21116 4.262 2.84216 7.629 2.84216H14.897C15.311 2.84216 15.647 3.17816 15.647 3.59216C15.647 4.00616 15.311 4.34216 14.897 4.34216H7.629C5.121 4.34216 3.5 6.06616 3.5 8.73616V16.8182C3.5 19.5232 5.082 21.2032 7.629 21.2032H16.233C18.741 21.2032 20.362 19.4822 20.362 16.8182V9.77916C20.362 9.36516 20.698 9.02916 21.112 9.02916C21.526 9.02916 21.862 9.36516 21.862 9.77916V16.8182C21.862 20.3382 19.6 22.7032 16.233 22.7032" fill={color || 'currentColor'}/>
+</g>
+  </svg>
+);
+IconlyRegularOutlineActivityIcon.displayName = 'IconlyRegularOutlineActivityIcon';
+
+export const IconlyRegularOutlineAddUserIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.84597 12.636H9.87697C12.81 12.636 15.195 10.25 15.195 7.318C15.195 4.386 12.81 2 9.87697 2C6.94497 2 4.55997 4.386 4.55997 7.315C4.55497 8.731 5.10197 10.065 6.09997 11.07C7.09697 12.074 8.42697 12.631 9.84597 12.636ZM6.05997 7.318C6.05997 5.213 7.77297 3.5 9.87697 3.5C11.982 3.5 13.695 5.213 13.695 7.318C13.695 9.423 11.982 11.136 9.87697 11.136H9.84897C8.83297 11.132 7.87897 10.733 7.16297 10.013C6.44797 9.292 6.05597 8.337 6.05997 7.318Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M2 18.1151C2 21.7951 7.929 21.7951 9.877 21.7951C13.259 21.7951 17.754 21.4161 17.754 18.1371C17.754 14.4561 11.825 14.4561 9.877 14.4561C6.495 14.4561 2 14.8351 2 18.1151ZM3.5 18.1151C3.5 16.6831 5.646 15.9561 9.877 15.9561C14.108 15.9561 16.254 16.6891 16.254 18.1371C16.254 19.5681 14.108 20.2951 9.877 20.2951C5.646 20.2951 3.5 19.5611 3.5 18.1151Z" fill={color || 'currentColor'}/>
+<path d="M19.2041 13.4297C18.7901 13.4297 18.4541 13.0937 18.4541 12.6797V11.4238H17.16C16.746 11.4238 16.41 11.0878 16.41 10.6738C16.41 10.2598 16.746 9.92383 17.16 9.92383H18.4541V8.6687C18.4541 8.2547 18.7901 7.9187 19.2041 7.9187C19.6181 7.9187 19.9541 8.2547 19.9541 8.6687V9.92383H21.25C21.664 9.92383 22 10.2598 22 10.6738C22 11.0878 21.664 11.4238 21.25 11.4238H19.9541V12.6797C19.9541 13.0937 19.6181 13.4297 19.2041 13.4297Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularOutlineAddUserIcon.displayName = 'IconlyRegularOutlineAddUserIcon';
+
+export const IconlyRegularOutlineArrowDown2Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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.46967 7.96967C4.73594 7.7034 5.1526 7.6792 5.44621 7.89705L5.53033 7.96967L12 14.439L18.4697 7.96967C18.7359 7.7034 19.1526 7.6792 19.4462 7.89705L19.5303 7.96967C19.7966 8.23594 19.8208 8.6526 19.6029 8.94621L19.5303 9.03033L12.5303 16.0303C12.2641 16.2966 11.8474 16.3208 11.5538 16.1029L11.4697 16.0303L4.46967 9.03033C4.17678 8.73744 4.17678 8.26256 4.46967 7.96967Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularOutlineArrowDown2Icon.displayName = 'IconlyRegularOutlineArrowDown2Icon';
+
+export const IconlyRegularOutlineArrowDown3Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.7512 13.4502C11.3372 13.4502 11.0012 13.1142 11.0012 12.7002V3.75018C11.0012 3.33618 11.3372 3.00018 11.7512 3.00018C12.1652 3.00018 12.5012 3.33618 12.5012 3.75018V12.7002C12.5012 13.1142 12.1652 13.4502 11.7512 13.4502" fill={color || 'currentColor'}/>
+<mask id="ic_regular_outline_arrowdown3_mask0_42284_13872" style={{ maskType: 'luminance' }} maskUnits="userSpaceOnUse" x="6" y="11" width="12" height="11">
+<path fillRule="evenodd" clipRule="evenodd" d="M6.00006 11.9502H17.502V21.3867H6.00006V11.9502Z" fill={color || 'currentColor'}/>
+</mask>
+<g mask="url(#ic_regular_outline_arrowdown3_mask0_42284_13872)">
+<path fillRule="evenodd" clipRule="evenodd" d="M8.10961 13.4502L11.7516 19.2292L15.3926 13.4502H8.10961ZM11.7516 21.3872C11.4936 21.3872 11.2546 21.2552 11.1166 21.0362L6.11561 13.0992C5.96961 12.8692 5.96161 12.5772 6.09361 12.3382C6.22561 12.0982 6.47661 11.9502 6.75061 11.9502H16.7526C17.0256 11.9502 17.2766 12.0982 17.4086 12.3382C17.5416 12.5772 17.5326 12.8692 17.3866 13.0992L12.3856 21.0362C12.2486 21.2552 12.0086 21.3872 11.7516 21.3872V21.3872Z" fill={color || 'currentColor'}/>
+</g>
+  </svg>
+);
+IconlyRegularOutlineArrowDown3Icon.displayName = 'IconlyRegularOutlineArrowDown3Icon';
+
+export const IconlyRegularOutlineArrowDownCircleIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path fillRule="evenodd" clipRule="evenodd" d="M12 3.5C7.313 3.5 3.5 7.313 3.5 12C3.5 16.687 7.313 20.5 12 20.5C16.687 20.5 20.5 16.687 20.5 12C20.5 7.313 16.687 3.5 12 3.5M12 22C6.486 22 2 17.514 2 12C2 6.486 6.486 2 12 2C17.514 2 22 6.486 22 12C22 17.514 17.514 22 12 22" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M12 14.7939V14.7939C11.801 14.7939 11.609 14.7149 11.469 14.5729L7.99805 11.0869C7.70505 10.7929 7.70705 10.3179 8.00005 10.0259C8.29405 9.73388 8.76905 9.73388 9.06105 10.0279L12 12.9819L14.94 10.0279C15.232 9.73388 15.707 9.73388 16.001 10.0259C16.294 10.3179 16.295 10.7929 16.003 11.0869L12.531 14.5729C12.391 14.7149 12.199 14.7939 12 14.7939" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularOutlineArrowDownCircleIcon.displayName = 'IconlyRegularOutlineArrowDownCircleIcon';
+
+export const IconlyRegularOutlineArrowDownSquareIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path fillRule="evenodd" clipRule="evenodd" d="M7.666 3.5C5.136 3.5 3.5 5.233 3.5 7.916V16.084C3.5 18.767 5.136 20.5 7.666 20.5H16.335C18.865 20.5 20.5 18.767 20.5 16.084V7.916C20.5 5.233 18.865 3.5 16.335 3.5H7.666ZM16.335 22H7.666C4.277 22 2 19.622 2 16.084V7.916C2 4.378 4.277 2 7.666 2H16.335C19.724 2 22 4.378 22 7.916V16.084C22 19.622 19.724 22 16.335 22V22Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M12 16.8359C11.586 16.8359 11.25 16.4999 11.25 16.0859V7.91388C11.25 7.49988 11.586 7.16388 12 7.16388C12.414 7.16388 12.75 7.49988 12.75 7.91388V16.0859C12.75 16.4999 12.414 16.8359 12 16.8359" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M11.9999 16.8369C11.8009 16.8369 11.6089 16.7579 11.4689 16.6159L7.72095 12.8519C7.42795 12.5579 7.42995 12.0829 7.72295 11.7909C8.01695 11.4999 8.49095 11.4979 8.78295 11.7929L11.9999 15.0239L15.2169 11.7929C15.5099 11.4979 15.9839 11.4999 16.2769 11.7909C16.5699 12.0829 16.5719 12.5579 16.2789 12.8519L12.5309 16.6159C12.3909 16.7579 12.1989 16.8369 11.9999 16.8369" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularOutlineArrowDownSquareIcon.displayName = 'IconlyRegularOutlineArrowDownSquareIcon';
+
+export const IconlyRegularOutlineArrowDownIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path d="M12.2744 4C12.6541 4 12.9679 4.28215 13.0176 4.64823L13.0244 4.75V19.75C13.0244 20.1642 12.6886 20.5 12.2744 20.5C11.8947 20.5 11.5809 20.2178 11.5313 19.8518L11.5244 19.75V4.75C11.5244 4.33579 11.8602 4 12.2744 4Z" fill={color || 'currentColor'}/>
+<path d="M17.7673 13.171C18.0595 12.8775 18.5344 12.8765 18.8279 13.1687C19.0948 13.4344 19.1199 13.851 18.9027 14.1451L18.8302 14.2294L12.8062 20.2794C12.5397 20.547 12.1216 20.5714 11.8276 20.3524L11.7433 20.2794L5.71833 14.2294C5.42604 13.9359 5.42703 13.4611 5.72052 13.1688C5.98734 12.9031 6.40406 12.8797 6.69721 13.0982L6.78118 13.171L12.2751 18.687L17.7673 13.171Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularOutlineArrowDownIcon.displayName = 'IconlyRegularOutlineArrowDownIcon';
+
+export const IconlyRegularOutlineArrowLeft2Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path d="M16.0303 4.46967C16.2966 4.73594 16.3208 5.1526 16.1029 5.44621L16.0303 5.53033L9.561 12L16.0303 18.4697C16.2966 18.7359 16.3208 19.1526 16.1029 19.4462L16.0303 19.5303C15.7641 19.7966 15.3474 19.8208 15.0538 19.6029L14.9697 19.5303L7.96967 12.5303C7.7034 12.2641 7.6792 11.8474 7.89705 11.5538L7.96967 11.4697L14.9697 4.46967C15.2626 4.17678 15.7374 4.17678 16.0303 4.46967Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularOutlineArrowLeft2Icon.displayName = 'IconlyRegularOutlineArrowLeft2Icon';
+
+export const IconlyRegularOutlineArrowLeft3Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.2998 13.5004H21.2498C21.6638 13.5004 21.9998 13.1644 21.9998 12.7504C21.9998 12.3364 21.6638 12.0004 21.2498 12.0004H12.2998C11.8858 12.0004 11.5498 12.3364 11.5498 12.7504C11.5498 13.1644 11.8858 13.5004 12.2998 13.5004" fill={color || 'currentColor'}/>
+<mask id="ic_regular_outline_arrowleft3_mask0_42284_13867" style={{ maskType: 'luminance' }} maskUnits="userSpaceOnUse" x="3" y="7" width="11" height="12">
+<path fillRule="evenodd" clipRule="evenodd" d="M13.0498 7.00037H3.6128V18.5014H13.0498V7.00037Z" fill={color || 'currentColor'}/>
+</mask>
+<g mask="url(#ic_regular_outline_arrowleft3_mask0_42284_13867)">
+<path fillRule="evenodd" clipRule="evenodd" d="M11.5498 9.10881V16.3918L5.7698 12.7508L11.5498 9.10881ZM12.2998 18.5018C12.4248 18.5018 12.5488 18.4698 12.6618 18.4078C12.9018 18.2758 13.0498 18.0248 13.0498 17.7518V7.74981C13.0498 7.47581 12.9018 7.22481 12.6618 7.09281C12.4228 6.96181 12.1298 6.96981 11.9008 7.11481L3.9628 12.1158C3.7438 12.2538 3.6128 12.4928 3.6128 12.7508C3.6128 13.0078 3.7438 13.2478 3.9628 13.3848L11.9008 18.3858C12.0218 18.4628 12.1608 18.5018 12.2998 18.5018V18.5018Z" fill={color || 'currentColor'}/>
+</g>
+  </svg>
+);
+IconlyRegularOutlineArrowLeft3Icon.displayName = 'IconlyRegularOutlineArrowLeft3Icon';
+
+export const IconlyRegularOutlineArrowLeftCircleIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path fillRule="evenodd" clipRule="evenodd" d="M12 3.5C7.313 3.5 3.5 7.313 3.5 12C3.5 16.687 7.313 20.5 12 20.5C16.687 20.5 20.5 16.687 20.5 12C20.5 7.313 16.687 3.5 12 3.5M12 22C6.486 22 2 17.514 2 12C2 6.486 6.486 2 12 2C17.514 2 22 6.486 22 12C22 17.514 17.514 22 12 22" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M13.4424 16.2207C13.2514 16.2207 13.0594 16.1477 12.9134 16.0017L9.42642 12.5317C9.28542 12.3907 9.20642 12.1997 9.20642 11.9997C9.20642 11.8007 9.28542 11.6097 9.42642 11.4687L12.9134 7.99768C13.2064 7.70568 13.6804 7.70568 13.9734 7.99968C14.2664 8.29368 14.2644 8.76868 13.9714 9.06068L11.0194 11.9997L13.9714 14.9397C14.2644 15.2317 14.2664 15.7057 13.9734 15.9997C13.8274 16.1477 13.6344 16.2207 13.4424 16.2207" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularOutlineArrowLeftCircleIcon.displayName = 'IconlyRegularOutlineArrowLeftCircleIcon';
+
+export const IconlyRegularOutlineArrowLeftSquareIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.084 3.5C18.767 3.5 20.5 5.135 20.5 7.665V16.334C20.5 18.864 18.767 20.5 16.084 20.5H7.916C5.233 20.5 3.5 18.864 3.5 16.334V7.665C3.5 5.135 5.233 3.5 7.916 3.5H16.084ZM7.916 22H16.084C19.622 22 22 19.723 22 16.334V7.665C22 4.276 19.622 2 16.084 2H7.916C4.378 2 2 4.276 2 7.665V16.334C2 19.723 4.378 22 7.916 22V22Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M7.91406 12.75H16.0861C16.5001 12.75 16.8361 12.414 16.8361 12C16.8361 11.586 16.5001 11.25 16.0861 11.25H7.91406C7.50006 11.25 7.16406 11.586 7.16406 12C7.16406 12.414 7.50006 12.75 7.91406 12.75" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M11.6777 16.4979C11.8697 16.4979 12.0627 16.4249 12.2087 16.2769C12.5007 15.9829 12.4997 15.5089 12.2067 15.2169L8.97675 11.9999L12.2067 8.78295C12.4997 8.49095 12.5007 8.01695 12.2087 7.72295C11.9167 7.42895 11.4427 7.42895 11.1487 7.72095L7.38475 11.4689C7.24275 11.6089 7.16375 11.8009 7.16375 11.9999C7.16375 12.1989 7.24275 12.3909 7.38475 12.5309L11.1487 16.2789C11.2947 16.4249 11.4867 16.4979 11.6777 16.4979" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularOutlineArrowLeftSquareIcon.displayName = 'IconlyRegularOutlineArrowLeftSquareIcon';
+
+export const IconlyRegularOutlineArrowLeftIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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="M20 12.2744C20 12.6541 19.7178 12.9679 19.3518 13.0176L19.25 13.0244L4.25 13.0244C3.83579 13.0244 3.5 12.6886 3.5 12.2744C3.5 11.8947 3.78215 11.5809 4.14823 11.5313L4.25 11.5244L19.25 11.5244C19.6642 11.5244 20 11.8602 20 12.2744Z" fill={color || 'currentColor'}/>
+<path d="M10.829 17.7673C11.1225 18.0595 11.1235 18.5344 10.8313 18.8279C10.5656 19.0948 10.149 19.1199 9.85489 18.9027L9.77062 18.8302L3.72062 12.8062C3.45298 12.5397 3.42863 12.1216 3.64759 11.8276L3.72057 11.7433L9.77057 5.71833C10.0641 5.42604 10.5389 5.42703 10.8312 5.72052C11.0969 5.98734 11.1203 6.40406 10.9018 6.69721L10.829 6.78118L5.313 12.2751L10.829 17.7673Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularOutlineArrowLeftIcon.displayName = 'IconlyRegularOutlineArrowLeftIcon';
+
+export const IconlyRegularOutlineArrowRight2Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path d="M7.96967 19.5303C7.7034 19.2641 7.6792 18.8474 7.89705 18.5538L7.96967 18.4697L14.439 12L7.96967 5.53033C7.7034 5.26406 7.6792 4.8474 7.89705 4.55379L7.96967 4.46967C8.23594 4.2034 8.6526 4.1792 8.94621 4.39705L9.03033 4.46967L16.0303 11.4697C16.2966 11.7359 16.3208 12.1526 16.1029 12.4462L16.0303 12.5303L9.03033 19.5303C8.73744 19.8232 8.26256 19.8232 7.96967 19.5303Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularOutlineArrowRight2Icon.displayName = 'IconlyRegularOutlineArrowRight2Icon';
+
+export const IconlyRegularOutlineArrowRight3Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.7002 13.5004H3.75018C3.33618 13.5004 3.00018 13.1644 3.00018 12.7504C3.00018 12.3364 3.33618 12.0004 3.75018 12.0004H12.7002C13.1142 12.0004 13.4502 12.3364 13.4502 12.7504C13.4502 13.1644 13.1142 13.5004 12.7002 13.5004" fill={color || 'currentColor'}/>
+<mask id="ic_regular_outline_arrowright3_mask0_42284_13857" style={{ maskType: 'luminance' }} maskUnits="userSpaceOnUse" x="11" y="7" width="11" height="12">
+<path fillRule="evenodd" clipRule="evenodd" d="M11.9502 7.00037H21.3872V18.5014H11.9502V7.00037Z" fill={color || 'currentColor'}/>
+</mask>
+<g mask="url(#ic_regular_outline_arrowright3_mask0_42284_13857)">
+<path fillRule="evenodd" clipRule="evenodd" d="M13.4502 9.10881V16.3918L19.2302 12.7508L13.4502 9.10881ZM12.7002 18.5018C12.5752 18.5018 12.4512 18.4698 12.3382 18.4078C12.0982 18.2758 11.9502 18.0248 11.9502 17.7518V7.74981C11.9502 7.47581 12.0982 7.22481 12.3382 7.09281C12.5772 6.96181 12.8702 6.96981 13.0992 7.11481L21.0372 12.1158C21.2562 12.2538 21.3872 12.4928 21.3872 12.7508C21.3872 13.0078 21.2562 13.2478 21.0372 13.3848L13.0992 18.3858C12.9782 18.4628 12.8392 18.5018 12.7002 18.5018V18.5018Z" fill={color || 'currentColor'}/>
+</g>
+  </svg>
+);
+IconlyRegularOutlineArrowRight3Icon.displayName = 'IconlyRegularOutlineArrowRight3Icon';
+
+export const IconlyRegularOutlineArrowRightCircleIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path fillRule="evenodd" clipRule="evenodd" d="M12 3.5C7.313 3.5 3.5 7.313 3.5 12C3.5 16.687 7.313 20.5 12 20.5C16.687 20.5 20.5 16.687 20.5 12C20.5 7.313 16.687 3.5 12 3.5M12 22C6.486 22 2 17.514 2 12C2 6.486 6.486 2 12 2C17.514 2 22 6.486 22 12C22 17.514 17.514 22 12 22" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M10.5586 16.2207C10.3666 16.2207 10.1736 16.1477 10.0276 15.9997C9.73558 15.7057 9.73658 15.2317 10.0296 14.9397L12.9816 11.9997L10.0296 9.06068C9.73658 8.76868 9.73558 8.29368 10.0276 7.99968C10.3196 7.70468 10.7936 7.70668 11.0876 7.99768L14.5736 11.4687C14.7146 11.6097 14.7936 11.8007 14.7936 11.9997C14.7936 12.1997 14.7146 12.3907 14.5736 12.5317L11.0876 16.0017C10.9416 16.1477 10.7496 16.2207 10.5586 16.2207" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularOutlineArrowRightCircleIcon.displayName = 'IconlyRegularOutlineArrowRightCircleIcon';
+
+export const IconlyRegularOutlineArrowRightSquareIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path fillRule="evenodd" clipRule="evenodd" d="M7.916 3.5C5.233 3.5 3.5 5.135 3.5 7.665V16.334C3.5 18.864 5.233 20.5 7.916 20.5H16.084C18.767 20.5 20.5 18.864 20.5 16.334V7.665C20.5 5.135 18.767 3.5 16.084 3.5H7.916ZM16.084 22H7.916C4.378 22 2 19.723 2 16.334V7.665C2 4.276 4.378 2 7.916 2H16.084C19.622 2 22 4.276 22 7.665V16.334C22 19.723 19.622 22 16.084 22V22Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M16.0859 12.75H7.91394C7.49994 12.75 7.16394 12.414 7.16394 12C7.16394 11.586 7.49994 11.25 7.91394 11.25H16.0859C16.4999 11.25 16.8359 11.586 16.8359 12C16.8359 12.414 16.4999 12.75 16.0859 12.75" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M12.3223 16.4979C12.1303 16.4979 11.9373 16.4249 11.7913 16.2769C11.4993 15.9829 11.5003 15.5089 11.7933 15.2169L15.0233 11.9999L11.7933 8.78295C11.5003 8.49095 11.4993 8.01695 11.7913 7.72295C12.0833 7.42895 12.5573 7.42895 12.8513 7.72095L16.6153 11.4689C16.7573 11.6089 16.8363 11.8009 16.8363 11.9999C16.8363 12.1989 16.7573 12.3909 16.6153 12.5309L12.8513 16.2789C12.7053 16.4249 12.5133 16.4979 12.3223 16.4979" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularOutlineArrowRightSquareIcon.displayName = 'IconlyRegularOutlineArrowRightSquareIcon';
+
+export const IconlyRegularOutlineArrowRightIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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 11.7256C4 11.3459 4.28215 11.0321 4.64823 10.9824L4.75 10.9756H19.75C20.1642 10.9756 20.5 11.3114 20.5 11.7256C20.5 12.1053 20.2178 12.4191 19.8518 12.4687L19.75 12.4756L4.75 12.4756C4.33579 12.4756 4 12.1398 4 11.7256Z" fill={color || 'currentColor'}/>
+<path d="M13.171 6.23271C12.8775 5.94045 12.8765 5.46558 13.1687 5.17206C13.4344 4.90522 13.851 4.88012 14.1451 5.09734L14.2294 5.16977L20.2794 11.1938C20.547 11.4603 20.5714 11.8784 20.3524 12.1724L20.2794 12.2567L14.2294 18.2817C13.9359 18.574 13.4611 18.573 13.1688 18.2795C12.9031 18.0127 12.8797 17.5959 13.0982 17.3028L13.171 17.2188L18.687 11.7249L13.171 6.23271Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularOutlineArrowRightIcon.displayName = 'IconlyRegularOutlineArrowRightIcon';
+
+export const IconlyRegularOutlineArrowUp2Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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.5303 16.0303C19.2641 16.2966 18.8474 16.3208 18.5538 16.1029L18.4697 16.0303L12 9.561L5.53033 16.0303C5.26406 16.2966 4.8474 16.3208 4.55379 16.1029L4.46967 16.0303C4.2034 15.7641 4.1792 15.3474 4.39705 15.0538L4.46967 14.9697L11.4697 7.96967C11.7359 7.7034 12.1526 7.6792 12.4462 7.89705L12.5303 7.96967L19.5303 14.9697C19.8232 15.2626 19.8232 15.7374 19.5303 16.0303Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularOutlineArrowUp2Icon.displayName = 'IconlyRegularOutlineArrowUp2Icon';
+
+export const IconlyRegularOutlineArrowUp3Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.7512 11.5498C11.3372 11.5498 11.0012 11.8858 11.0012 12.2998V21.2498C11.0012 21.6638 11.3372 21.9998 11.7512 21.9998C12.1652 21.9998 12.5012 21.6638 12.5012 21.2498V12.2998C12.5012 11.8858 12.1652 11.5498 11.7512 11.5498" fill={color || 'currentColor'}/>
+<mask id="ic_regular_outline_arrowup3_mask0_42284_13862" style={{ maskType: 'luminance' }} maskUnits="userSpaceOnUse" x="6" y="3" width="12" height="11">
+<path fillRule="evenodd" clipRule="evenodd" d="M6.00006 13.0498H17.502V3.61331H6.00006V13.0498Z" fill={color || 'currentColor'}/>
+</mask>
+<g mask="url(#ic_regular_outline_arrowup3_mask0_42284_13862)">
+<path fillRule="evenodd" clipRule="evenodd" d="M8.10961 11.5498L11.7516 5.7708L15.3926 11.5498H8.10961ZM11.7516 3.6128C11.4936 3.6128 11.2546 3.7448 11.1166 3.9638L6.11561 11.9008C5.96961 12.1308 5.96161 12.4228 6.09361 12.6618C6.22561 12.9018 6.47661 13.0498 6.75061 13.0498H16.7526C17.0256 13.0498 17.2766 12.9018 17.4086 12.6618C17.5416 12.4228 17.5326 12.1308 17.3866 11.9008L12.3856 3.9638C12.2486 3.7448 12.0086 3.6128 11.7516 3.6128V3.6128Z" fill={color || 'currentColor'}/>
+</g>
+  </svg>
+);
+IconlyRegularOutlineArrowUp3Icon.displayName = 'IconlyRegularOutlineArrowUp3Icon';
+
+export const IconlyRegularOutlineArrowUpCircleIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path fillRule="evenodd" clipRule="evenodd" d="M12 3.5C7.313 3.5 3.5 7.313 3.5 12C3.5 16.687 7.313 20.5 12 20.5C16.687 20.5 20.5 16.687 20.5 12C20.5 7.313 16.687 3.5 12 3.5M12 22C6.486 22 2 17.514 2 12C2 6.486 6.486 2 12 2C17.514 2 22 6.486 22 12C22 17.514 17.514 22 12 22" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M15.4717 14.1924C15.2797 14.1924 15.0867 14.1194 14.9407 13.9714L11.9997 11.0184L9.06068 13.9714C8.76868 14.2654 8.29368 14.2654 7.99968 13.9734C7.70668 13.6814 7.70468 13.2074 7.99768 12.9134L11.4687 9.42636C11.7497 9.14336 12.2497 9.14336 12.5317 9.42636L16.0027 12.9134C16.2947 13.2074 16.2937 13.6814 16.0007 13.9734C15.8547 14.1194 15.6627 14.1924 15.4717 14.1924" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularOutlineArrowUpCircleIcon.displayName = 'IconlyRegularOutlineArrowUpCircleIcon';
+
+export const IconlyRegularOutlineArrowUpSquareIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path fillRule="evenodd" clipRule="evenodd" d="M7.666 20.5C5.136 20.5 3.5 18.767 3.5 16.084V7.916C3.5 5.233 5.136 3.5 7.666 3.5H16.335C18.865 3.5 20.5 5.233 20.5 7.916V16.084C20.5 18.767 18.865 20.5 16.335 20.5H7.666ZM16.335 2H7.666C4.277 2 2 4.378 2 7.916V16.084C2 19.622 4.277 22 7.666 22H16.335C19.724 22 22 19.622 22 16.084V7.916C22 4.378 19.724 2 16.335 2V2Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M12 7.16406C11.586 7.16406 11.25 7.50006 11.25 7.91406V16.0861C11.25 16.5001 11.586 16.8361 12 16.8361C12.414 16.8361 12.75 16.5001 12.75 16.0861V7.91406C12.75 7.50006 12.414 7.16406 12 7.16406" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M11.9999 7.16311C11.8009 7.16311 11.6089 7.24211 11.4689 7.38411L7.72095 11.1481C7.42795 11.4421 7.42995 11.9171 7.72295 12.2091C8.01695 12.5001 8.49095 12.5021 8.78295 12.2071L11.9999 8.97611L15.2169 12.2071C15.5099 12.5021 15.9839 12.5001 16.2769 12.2091C16.5699 11.9171 16.5719 11.4421 16.2789 11.1481L12.5309 7.38411C12.3909 7.24211 12.1989 7.16311 11.9999 7.16311" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularOutlineArrowUpSquareIcon.displayName = 'IconlyRegularOutlineArrowUpSquareIcon';
+
+export const IconlyRegularOutlineArrowUpIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path d="M11.7256 20C11.3459 20 11.0321 19.7178 10.9824 19.3518L10.9756 19.25L10.9756 4.25C10.9756 3.83579 11.3114 3.5 11.7256 3.5C12.1053 3.5 12.4191 3.78215 12.4687 4.14823L12.4756 4.25L12.4756 19.25C12.4756 19.6642 12.1398 20 11.7256 20Z" fill={color || 'currentColor'}/>
+<path d="M6.23271 10.829C5.94045 11.1225 5.46558 11.1235 5.17206 10.8313C4.90522 10.5656 4.88012 10.149 5.09734 9.85489L5.16977 9.77062L11.1938 3.72062C11.4603 3.45298 11.8784 3.42863 12.1724 3.64759L12.2567 3.72057L18.2817 9.77057C18.574 10.0641 18.573 10.5389 18.2795 10.8312C18.0127 11.0969 17.5959 11.1203 17.3028 10.9018L17.2188 10.829L11.7249 5.313L6.23271 10.829Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularOutlineArrowUpIcon.displayName = 'IconlyRegularOutlineArrowUpIcon';
+
+export const IconlyRegularOutlineBag3Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <mask id="ic_regular_outline_bag3_mask0_42284_13843" style={{ maskType: 'luminance' }} maskUnits="userSpaceOnUse" x="7" y="2" width="10" height="9">
+<path fillRule="evenodd" clipRule="evenodd" d="M7.21094 2H16.2729V10.3057H7.21094V2Z" fill={color || 'currentColor'}/>
+</mask>
+<g mask="url(#ic_regular_outline_bag3_mask0_42284_13843)">
+<path fillRule="evenodd" clipRule="evenodd" d="M15.5229 10.3058C15.1089 10.3058 14.7729 9.96976 14.7729 9.55576V6.52376C14.7729 4.85676 13.4179 3.49976 11.7509 3.49976C10.9399 3.52776 10.1799 3.80776 9.60594 4.37576C9.03194 4.94476 8.71394 5.70176 8.71094 6.50876V9.55576C8.71094 9.96976 8.37494 10.3058 7.96094 10.3058C7.54694 10.3058 7.21094 9.96976 7.21094 9.55576V6.52376C7.21594 5.29476 7.69094 4.16076 8.54994 3.31076C9.40794 2.45976 10.5599 2.03476 11.7539 1.99976C14.2449 1.99976 16.2729 4.02976 16.2729 6.52376V9.55576C16.2729 9.96976 15.9369 10.3058 15.5229 10.3058" fill={color || 'currentColor'}/>
+</g>
+<mask id="ic_regular_outline_bag3_mask1_42284_13843" style={{ maskType: 'luminance' }} maskUnits="userSpaceOnUse" x="2" y="6" width="20" height="16">
+<path fillRule="evenodd" clipRule="evenodd" d="M2 6.47461H21.4998V21.9996H2V6.47461Z" fill={color || 'currentColor'}/>
+</mask>
+<g mask="url(#ic_regular_outline_bag3_mask1_42284_13843)">
+<path fillRule="evenodd" clipRule="evenodd" d="M7.00776 7.97461C5.07376 7.97461 3.49976 9.54661 3.49976 11.4796V16.9956C3.49976 18.9276 5.07376 20.4996 7.00776 20.4996H16.4918C18.4258 20.4996 19.9998 18.9276 19.9998 16.9956V11.4796C19.9998 9.54661 18.4258 7.97461 16.4918 7.97461H7.00776ZM16.4918 21.9996H7.00776C4.24676 21.9996 1.99976 19.7546 1.99976 16.9956V11.4796C1.99976 8.71961 4.24676 6.47461 7.00776 6.47461H16.4918C19.2538 6.47461 21.4998 8.71961 21.4998 11.4796V16.9956C21.4998 19.7546 19.2538 21.9996 16.4918 21.9996V21.9996Z" fill={color || 'currentColor'}/>
+</g>
+  </svg>
+);
+IconlyRegularOutlineBag3Icon.displayName = 'IconlyRegularOutlineBag3Icon';
+
+export const IconlyRegularOutlineBagIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <mask id="ic_regular_outline_bag_mask0_42284_13841" style={{ maskType: 'luminance' }} maskUnits="userSpaceOnUse" x="2" y="6" width="20" height="17">
+<path fillRule="evenodd" clipRule="evenodd" d="M2 6.54004H21.5859V22.7216H2V6.54004Z" fill={color || 'currentColor'}/>
+</mask>
+<g mask="url(#ic_regular_outline_bag_mask0_42284_13841)">
+<path fillRule="evenodd" clipRule="evenodd" d="M6.71553 8.04004C6.27453 8.04004 4.80053 8.21804 4.37753 10.502L3.60553 16.502C3.35453 18.185 3.54853 19.403 4.18353 20.14C4.81053 20.868 5.93253 21.222 7.61253 21.222H15.9605C17.0085 21.222 18.4395 21.013 19.3035 20.015C19.9895 19.224 20.2255 18.046 20.0055 16.513L19.2265 10.461C18.8945 8.97004 18.0185 8.04004 16.8945 8.04004H6.71553ZM15.9605 22.722H7.61253C5.46953 22.722 3.97653 22.197 3.04753 21.118C2.11453 20.036 1.80253 18.413 2.12053 16.295L2.89653 10.269C3.40653 7.50604 5.27153 6.54004 6.71553 6.54004H16.8945C18.3445 6.54004 20.1075 7.50304 20.7025 10.204L21.4915 16.311C21.7745 18.282 21.4205 19.863 20.4375 20.997C19.4595 22.125 17.9115 22.722 15.9605 22.722V22.722Z" fill={color || 'currentColor'}/>
+</g>
+<path fillRule="evenodd" clipRule="evenodd" d="M16.0978 7.82024C15.6838 7.82024 15.3478 7.48424 15.3478 7.07024C15.3478 5.10124 13.7458 3.50024 11.7778 3.50024H11.7628C10.8218 3.50024 9.90484 3.87924 9.23984 4.54024C8.57184 5.20524 8.18884 6.12824 8.18884 7.07024C8.18884 7.48424 7.85284 7.82024 7.43884 7.82024C7.02484 7.82024 6.68884 7.48424 6.68884 7.07024C6.68884 5.73124 7.23284 4.42224 8.18084 3.47724C9.12584 2.53824 10.4288 2.00024 11.7598 2.00024H11.7808C14.5738 2.00024 16.8478 4.27424 16.8478 7.07024C16.8478 7.48424 16.5118 7.82024 16.0978 7.82024" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M14.7433 12.3241H14.6973C14.2833 12.3241 13.9473 11.9881 13.9473 11.5741C13.9473 11.1601 14.2833 10.8241 14.6973 10.8241C15.1113 10.8241 15.4703 11.1601 15.4703 11.5741C15.4703 11.9881 15.1573 12.3241 14.7433 12.3241" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M8.91219 12.3241H8.86719C8.45319 12.3241 8.11719 11.9881 8.11719 11.5741C8.11719 11.1601 8.45319 10.8241 8.86719 10.8241C9.28119 10.8241 9.64019 11.1601 9.64019 11.5741C9.64019 11.9881 9.32619 12.3241 8.91219 12.3241" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularOutlineBagIcon.displayName = 'IconlyRegularOutlineBagIcon';
+
+export const IconlyRegularOutlineBookmarkIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <mask id="ic_regular_outline_bookmark_mask0_42284_13777" style={{ maskType: 'luminance' }} maskUnits="userSpaceOnUse" x="3" y="2" width="18" height="21">
+<path fillRule="evenodd" clipRule="evenodd" d="M3 2H20.0388V22.8467H3V2Z" fill={color || 'currentColor'}/>
+</mask>
+<g mask="url(#ic_regular_outline_bookmark_mask0_42284_13777)">
+<path fillRule="evenodd" clipRule="evenodd" d="M8.34176 3.5C5.79276 3.5 4.49976 4.482 4.49976 6.421V21.145C4.49976 21.239 4.55376 21.29 4.59876 21.316C4.64376 21.344 4.71476 21.364 4.79676 21.318L11.1788 17.738C11.4068 17.611 11.6858 17.61 11.9148 17.739L18.2418 21.313C18.3248 21.361 18.3958 21.339 18.4408 21.312C18.4858 21.285 18.5388 21.234 18.5388 21.14V6.604C18.5388 5.837 18.5388 3.5 14.7008 3.5H8.34176ZM4.69876 22.847C4.40376 22.847 4.10876 22.768 3.84076 22.61C3.31376 22.303 2.99976 21.754 2.99976 21.145V6.421C2.99976 3.611 4.94676 2 8.34176 2H14.7008C18.0928 2 20.0388 3.679 20.0388 6.604V21.14C20.0388 21.75 19.7248 22.299 19.1968 22.606C18.6708 22.914 18.0368 22.92 17.5048 22.62L11.5448 19.253L5.52976 22.627C5.26976 22.773 4.98476 22.847 4.69876 22.847V22.847Z" fill={color || 'currentColor'}/>
+</g>
+<path fillRule="evenodd" clipRule="evenodd" d="M15.1395 10.2285H7.82153C7.40753 10.2285 7.07153 9.89252 7.07153 9.47852C7.07153 9.06452 7.40753 8.72852 7.82153 8.72852H15.1395C15.5535 8.72852 15.8895 9.06452 15.8895 9.47852C15.8895 9.89252 15.5535 10.2285 15.1395 10.2285" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularOutlineBookmarkIcon.displayName = 'IconlyRegularOutlineBookmarkIcon';
+
+export const IconlyRegularOutlineBuyIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path fillRule="evenodd" clipRule="evenodd" d="M6.32772 8.34736L6.93072 15.5194C6.97472 16.0714 7.42572 16.4854 7.97672 16.4854H7.98072H18.8917H18.8937C19.4147 16.4854 19.8597 16.0974 19.9337 15.5824L20.8837 9.02336C20.9057 8.86736 20.8667 8.71136 20.7717 8.58536C20.6777 8.45836 20.5397 8.37636 20.3837 8.35436C20.1747 8.36236 11.5017 8.35036 6.32772 8.34736V8.34736ZM7.97472 17.9854C6.65772 17.9854 5.54272 16.9574 5.43572 15.6424L4.51972 4.74836L3.01272 4.48836C2.60372 4.41636 2.33072 4.02936 2.40072 3.62036C2.47272 3.21136 2.86772 2.94536 3.26772 3.00936L5.34772 3.36936C5.68272 3.42836 5.93772 3.70637 5.96672 4.04637L6.20172 6.84736C20.4777 6.85336 20.5237 6.86037 20.5927 6.86837C21.1497 6.94937 21.6397 7.24036 21.9737 7.68836C22.3077 8.13536 22.4477 8.68637 22.3677 9.23837L21.4187 15.7964C21.2397 17.0444 20.1557 17.9854 18.8957 17.9854H18.8907H7.98272H7.97472Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M17.2876 12.0437H14.5156C14.1006 12.0437 13.7656 11.7077 13.7656 11.2937C13.7656 10.8797 14.1006 10.5437 14.5156 10.5437H17.2876C17.7016 10.5437 18.0376 10.8797 18.0376 11.2937C18.0376 11.7077 17.7016 12.0437 17.2876 12.0437" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M7.54451 20.7019C7.84551 20.7019 8.08851 20.9449 8.08851 21.2459C8.08851 21.5469 7.84551 21.7909 7.54451 21.7909C7.24251 21.7909 6.99951 21.5469 6.99951 21.2459C6.99951 20.9449 7.24251 20.7019 7.54451 20.7019" fill={color || 'currentColor'}/>
+<mask id="ic_regular_outline_buy_mask0_42284_13794" style={{ maskType: 'luminance' }} maskUnits="userSpaceOnUse" x="6" y="20" width="3" height="2">
+<path fillRule="evenodd" clipRule="evenodd" d="M6.99902 21.2454C6.99902 21.5474 7.24202 21.7914 7.54502 21.7914V21.7914C7.84602 21.7914 8.08902 21.5474 8.08902 21.2454V21.2454C8.08902 20.9444 7.84602 20.7014 7.54502 20.7014V20.7014C7.24202 20.7014 6.99902 20.9444 6.99902 21.2454V21.2454Z" fill={color || 'currentColor'}/>
+</mask>
+<g mask="url(#ic_regular_outline_buy_mask0_42284_13794)">
+<path fillRule="evenodd" clipRule="evenodd" d="M2 26.7904H13.089V15.7014H2V26.7904Z" fill={color || 'currentColor'}/>
+</g>
+<path fillRule="evenodd" clipRule="evenodd" d="M7.54351 21.0408C7.43051 21.0408 7.33851 21.1328 7.33851 21.2458C7.33851 21.4728 7.74951 21.4728 7.74951 21.2458C7.74951 21.1328 7.65651 21.0408 7.54351 21.0408M7.54351 22.5408C6.82951 22.5408 6.24951 21.9598 6.24951 21.2458C6.24951 20.5318 6.82951 19.9518 7.54351 19.9518C8.25751 19.9518 8.83851 20.5318 8.83851 21.2458C8.83851 21.9598 8.25751 22.5408 7.54351 22.5408" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M18.8248 20.7019C19.1258 20.7019 19.3698 20.9449 19.3698 21.2459C19.3698 21.5469 19.1258 21.7909 18.8248 21.7909C18.5228 21.7909 18.2798 21.5469 18.2798 21.2459C18.2798 20.9449 18.5228 20.7019 18.8248 20.7019" fill={color || 'currentColor'}/>
+<mask id="ic_regular_outline_buy_mask1_42284_13794" style={{ maskType: 'luminance' }} maskUnits="userSpaceOnUse" x="18" y="20" width="2" height="2">
+<path fillRule="evenodd" clipRule="evenodd" d="M18.28 21.2454C18.28 21.5474 18.523 21.7914 18.825 21.7914V21.7914C19.125 21.7914 19.37 21.5474 19.37 21.2454V21.2454C19.37 20.9444 19.125 20.7014 18.825 20.7014V20.7014C18.523 20.7014 18.28 20.9444 18.28 21.2454V21.2454Z" fill={color || 'currentColor'}/>
+</mask>
+<g mask="url(#ic_regular_outline_buy_mask1_42284_13794)">
+<path fillRule="evenodd" clipRule="evenodd" d="M13.28 26.7904H24.37V15.7014H13.28V26.7904Z" fill={color || 'currentColor'}/>
+</g>
+<path fillRule="evenodd" clipRule="evenodd" d="M18.8238 21.0408C18.7118 21.0408 18.6198 21.1328 18.6198 21.2458C18.6208 21.4748 19.0308 21.4728 19.0298 21.2458C19.0298 21.1328 18.9368 21.0408 18.8238 21.0408M18.8238 22.5408C18.1098 22.5408 17.5298 21.9598 17.5298 21.2458C17.5298 20.5318 18.1098 19.9518 18.8238 19.9518C19.5388 19.9518 20.1198 20.5318 20.1198 21.2458C20.1198 21.9598 19.5388 22.5408 18.8238 22.5408" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularOutlineBuyIcon.displayName = 'IconlyRegularOutlineBuyIcon';
+
+export const IconlyRegularOutlineCalendarIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.6665 9.9043H2.84253C2.42853 9.9043 2.09253 9.5683 2.09253 9.1543C2.09253 8.7403 2.42853 8.4043 2.84253 8.4043H20.6665C21.0805 8.4043 21.4165 8.7403 21.4165 9.1543C21.4165 9.5683 21.0805 9.9043 20.6665 9.9043" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M16.2013 13.8096C15.7873 13.8096 15.4473 13.4736 15.4473 13.0596C15.4473 12.6456 15.7783 12.3096 16.1923 12.3096H16.2013C16.6153 12.3096 16.9513 12.6456 16.9513 13.0596C16.9513 13.4736 16.6153 13.8096 16.2013 13.8096" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M11.7638 13.8096C11.3498 13.8096 11.0098 13.4736 11.0098 13.0596C11.0098 12.6456 11.3408 12.3096 11.7548 12.3096H11.7638C12.1778 12.3096 12.5138 12.6456 12.5138 13.0596C12.5138 13.4736 12.1778 13.8096 11.7638 13.8096" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M7.31701 13.8096C6.90301 13.8096 6.56201 13.4736 6.56201 13.0596C6.56201 12.6456 6.89401 12.3096 7.30801 12.3096H7.31701C7.73101 12.3096 8.06701 12.6456 8.06701 13.0596C8.06701 13.4736 7.73101 13.8096 7.31701 13.8096" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M16.2013 17.6963C15.7873 17.6963 15.4473 17.3603 15.4473 16.9463C15.4473 16.5323 15.7783 16.1963 16.1923 16.1963H16.2013C16.6153 16.1963 16.9513 16.5323 16.9513 16.9463C16.9513 17.3603 16.6153 17.6963 16.2013 17.6963" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M11.7638 17.6963C11.3498 17.6963 11.0098 17.3603 11.0098 16.9463C11.0098 16.5323 11.3408 16.1963 11.7548 16.1963H11.7638C12.1778 16.1963 12.5138 16.5323 12.5138 16.9463C12.5138 17.3603 12.1778 17.6963 11.7638 17.6963" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M7.31701 17.6963C6.90301 17.6963 6.56201 17.3603 6.56201 16.9463C6.56201 16.5323 6.89401 16.1963 7.30801 16.1963H7.31701C7.73101 16.1963 8.06701 16.5323 8.06701 16.9463C8.06701 17.3603 7.73101 17.6963 7.31701 17.6963" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M15.7935 5.791C15.3795 5.791 15.0435 5.455 15.0435 5.041V1.75C15.0435 1.336 15.3795 1 15.7935 1C16.2075 1 16.5435 1.336 16.5435 1.75V5.041C16.5435 5.455 16.2075 5.791 15.7935 5.791" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M7.71533 5.791C7.30133 5.791 6.96533 5.455 6.96533 5.041V1.75C6.96533 1.336 7.30133 1 7.71533 1C8.12933 1 8.46533 1.336 8.46533 1.75V5.041C8.46533 5.455 8.12933 5.791 7.71533 5.791" fill={color || 'currentColor'}/>
+<mask id="ic_regular_outline_calendar_mask0_42284_13835" style={{ maskType: 'luminance' }} maskUnits="userSpaceOnUse" x="2" y="2" width="20" height="21">
+<path fillRule="evenodd" clipRule="evenodd" d="M2 2.5791H21.5V22.5H2V2.5791Z" fill={color || 'currentColor'}/>
+</mask>
+<g mask="url(#ic_regular_outline_calendar_mask0_42284_13835)">
+<path fillRule="evenodd" clipRule="evenodd" d="M7.521 4.0791C4.928 4.0791 3.5 5.4621 3.5 7.9731V17.0221C3.5 19.5881 4.928 21.0001 7.521 21.0001H15.979C18.572 21.0001 20 19.6141 20 17.0981V7.9731C20.004 6.7381 19.672 5.7781 19.013 5.1181C18.335 4.4381 17.29 4.0791 15.988 4.0791H7.521ZM15.979 22.5001H7.521C4.116 22.5001 2 20.4011 2 17.0221V7.9731C2 4.6451 4.116 2.5791 7.521 2.5791H15.988C17.697 2.5791 19.11 3.0911 20.075 4.0581C21.012 4.9991 21.505 6.3521 21.5 7.9751V17.0981C21.5 20.4301 19.384 22.5001 15.979 22.5001V22.5001Z" fill={color || 'currentColor'}/>
+</g>
+  </svg>
+);
+IconlyRegularOutlineCalendarIcon.displayName = 'IconlyRegularOutlineCalendarIcon';
+
+export const IconlyRegularOutlineCallMissedIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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="M20.7846 3.21955C21.0775 2.92665 21.5524 2.92665 21.8453 3.21955C22.1115 3.48581 22.1357 3.90248 21.9179 4.19609L21.8453 4.28021L15.8453 10.2802C15.5524 10.5731 15.0775 10.5731 14.7846 10.2802C14.5183 10.0139 14.4941 9.59728 14.712 9.30367L14.7846 9.21955L20.7846 3.21955Z" fill={color || 'currentColor'}/>
+<path d="M14.7846 3.21955C15.0509 2.95328 15.4675 2.92908 15.7612 3.14693L15.8453 3.21955L21.8453 9.21955C22.1382 9.51244 22.1382 9.98731 21.8453 10.2802C21.579 10.5465 21.1623 10.5707 20.8687 10.3528L20.7846 10.2802L14.7846 4.28021C14.4917 3.98731 14.4917 3.51244 14.7846 3.21955Z" fill={color || 'currentColor'}/>
+<path d="M2.54359 3.75316C4.47084 1.82579 5.72595 1.31522 7.06507 2.08519C7.45025 2.30669 7.81139 2.61681 8.30238 3.11547L9.80921 4.67699C10.6412 5.58482 10.8301 6.45604 10.5592 7.47582L10.5221 7.61156L10.4811 7.74535L10.2789 8.33617C9.84796 9.66109 10.0287 10.4086 11.5621 11.9416C13.1566 13.5357 13.9008 13.6668 15.3278 13.1682L15.5827 13.0793L15.8903 12.9797L16.025 12.9426C17.1089 12.6535 18.0247 12.8843 18.9957 13.8547L20.2096 15.0266L20.566 15.3782C20.9622 15.7821 21.2242 16.1024 21.4176 16.4407C22.1828 17.7794 21.671 19.0335 19.6881 21.009L19.4996 21.2004C19.2037 21.4856 18.9273 21.6902 18.5211 21.883C17.839 22.2069 17.0327 22.3287 16.0963 22.1985C13.7889 21.8775 10.8621 20.0571 7.15394 16.3498C6.8522 16.0482 6.5633 15.7523 6.28675 15.4621L5.74964 14.8889C0.719944 9.42426 0.276321 6.06751 2.33753 3.96214L2.47132 3.82933L2.54359 3.75316ZM6.318 3.385C5.85648 3.1196 5.35739 3.23189 4.43519 4.02562L4.14613 4.28441C4.09565 4.331 4.04368 4.37974 3.99085 4.42992L3.65882 4.75414L3.62855 4.79125L3.40296 5.01781C2.8588 5.57377 2.60073 6.25234 2.82288 7.41918C3.1875 9.3342 4.85651 11.9322 8.21449 15.2893C11.7134 18.7873 14.3797 20.4456 16.3034 20.7131C17.4244 20.869 17.9965 20.5976 18.5797 20.0002L19.025 19.551C19.2336 19.3328 19.4117 19.135 19.5621 18.9543L19.7672 18.6955C20.2918 17.9968 20.3401 17.5773 20.1159 17.1848C20.0305 17.0354 19.906 16.8713 19.7252 16.6711L19.4801 16.4123L19.3346 16.2668L17.8034 14.7883C17.2918 14.3167 16.9416 14.2502 16.4108 14.3918L16.2584 14.4358L15.6237 14.6506C13.7836 15.2449 12.4565 14.9566 10.5016 13.0022C8.47704 10.9781 8.23933 9.62698 8.91761 7.68089L8.96058 7.55589L9.08167 7.19261L9.14027 6.96214C9.24517 6.45918 9.12528 6.10838 8.5846 5.56761C8.56236 5.54538 8.53742 5.51984 8.51038 5.49242L7.08851 4.02269C6.76279 3.70158 6.52661 3.50498 6.318 3.385Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularOutlineCallMissedIcon.displayName = 'IconlyRegularOutlineCallMissedIcon';
+
+export const IconlyRegularOutlineCallSilentIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <mask id="ic_regular_outline_callsilent_mask0_42284_13826" style={{ maskType: 'luminance' }} maskUnits="userSpaceOnUse" x="2" y="2" width="10" height="14">
+<path fillRule="evenodd" clipRule="evenodd" d="M2 2.00049H11.2953V15.1045H2V2.00049Z" fill={color || 'currentColor'}/>
+</mask>
+<g mask="url(#ic_regular_outline_callsilent_mask0_42284_13826)">
+<path fillRule="evenodd" clipRule="evenodd" d="M6.72535 15.1045C6.51835 15.1045 6.31135 15.0185 6.16335 14.8505C0.821355 8.79849 1.58735 5.66449 3.17135 4.10049C3.18735 4.08049 3.24235 4.02649 3.25935 4.00849C4.66335 2.58349 5.62335 2.00049 6.56035 2.00049H6.58935C7.70035 2.01449 8.48535 2.85349 9.47935 3.91649C9.72335 4.17749 9.98935 4.46049 10.2834 4.75949C11.7134 6.21849 11.3074 7.40649 10.9804 8.36049C10.7444 9.05149 10.5384 9.64949 10.9124 10.5005C11.0794 10.8805 10.9074 11.3235 10.5284 11.4895C10.1464 11.6555 9.70535 11.4835 9.53935 11.1045C8.93035 9.71549 9.29435 8.65149 9.56135 7.87449C9.85035 7.03149 9.99535 6.60849 9.21335 5.81149C8.91035 5.50349 8.63635 5.21049 8.38335 4.94149C7.60435 4.10749 7.04035 3.50549 6.57035 3.50049H6.56235C6.09535 3.50049 5.36435 4.01049 4.32835 5.06149C4.32935 5.05949 4.33135 5.05849 4.33135 5.05849C4.33335 5.05849 4.28635 5.10749 4.22535 5.16749C2.08335 7.28349 5.22435 11.5205 7.28735 13.8585C7.56135 14.1685 7.53235 14.6425 7.22135 14.9175C7.07935 15.0425 6.90235 15.1045 6.72535 15.1045" fill={color || 'currentColor'}/>
+</g>
+<path fillRule="evenodd" clipRule="evenodd" d="M17.9628 22.8174C15.6718 22.8174 12.7338 21.0784 9.2258 17.6454C8.9298 17.3554 8.9238 16.8804 9.2138 16.5854C9.5048 16.2884 9.9798 16.2844 10.2748 16.5734C14.3338 20.5464 16.7058 21.3744 18.0278 21.3164C18.9928 21.2964 19.4488 20.8074 19.6678 20.5734C19.7288 20.5084 19.7768 20.4604 19.8128 20.4284C20.8058 19.4124 21.3068 18.6644 21.3008 18.1804C21.2938 17.6874 20.6988 17.1094 19.8748 16.3084C19.6138 16.0554 19.3318 15.7814 19.0328 15.4774C18.2658 14.6954 17.8858 14.8314 17.0508 15.1334C16.0228 15.5034 14.6128 16.0134 12.5658 14.3294C12.2448 14.0664 12.1978 13.5934 12.4618 13.2744C12.7238 12.9534 13.1998 12.9074 13.5168 13.1714C14.9078 14.3094 15.6268 14.0494 16.5428 13.7214C17.4368 13.3994 18.6618 12.9614 20.1038 14.4254C20.3938 14.7214 20.6678 14.9874 20.9198 15.2334C21.9628 16.2464 22.7858 17.0464 22.7998 18.1624C22.8128 19.1144 22.2438 20.0874 20.8418 21.5194L20.7459 21.6165L20.7939 21.568C20.4909 21.892 19.6568 22.7814 18.0618 22.8164C18.0278 22.8174 17.9948 22.8174 17.9628 22.8174Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M4.63941 22.3994C4.45541 22.3994 4.27141 22.3324 4.12641 22.1964C3.82441 21.9134 3.80941 21.4384 4.09241 21.1364L19.0924 5.13643C19.3744 4.83343 19.8504 4.81843 20.1524 5.10243C20.4544 5.38543 20.4694 5.86043 20.1864 6.16243L5.18641 22.1624C5.03841 22.3204 4.83941 22.3994 4.63941 22.3994" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularOutlineCallSilentIcon.displayName = 'IconlyRegularOutlineCallSilentIcon';
+
+export const IconlyRegularOutlineCallIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path d="M3.36121 4.01158C5.28846 2.08421 6.54357 1.57364 7.8827 2.34361C8.26788 2.56511 8.62902 2.87523 9.12 3.37389L10.6268 4.93541C11.4588 5.84325 11.6477 6.71446 11.3768 7.73424L11.3397 7.86998L11.2987 8.00377L11.0966 8.59459C10.6656 9.91951 10.8463 10.667 12.3798 12.2001C13.9743 13.7941 14.7185 13.9252 16.1454 13.4266L16.4003 13.3378L16.7079 13.2381L16.8427 13.201C17.9265 12.912 18.8423 13.1427 19.8134 14.1131L21.0272 15.285L21.3837 15.6366C21.7798 16.0405 22.0419 16.3608 22.2352 16.6991C23.0004 18.0378 22.4887 19.2919 20.5057 21.2674L20.3173 21.4588C20.0213 21.744 19.7449 21.9486 19.3388 22.1415C18.6566 22.4653 17.8504 22.5871 16.9139 22.4569C14.6065 22.1359 11.6798 20.3155 7.97157 16.6083C7.66983 16.3066 7.38092 16.0107 7.10438 15.7206L6.56727 15.1473C1.53757 9.68268 1.09395 6.32593 3.15516 4.22057L3.28895 4.08776L3.36121 4.01158ZM7.13563 3.64342C6.6741 3.37802 6.17502 3.49031 5.25282 4.28404L4.96375 4.54283C4.91328 4.58942 4.86131 4.63816 4.80848 4.68834L4.47645 5.01256L4.44618 5.04967L4.22059 5.27623C3.67642 5.83219 3.41835 6.51076 3.64051 7.6776C4.00512 9.59262 5.67413 12.1906 9.03211 15.5477C12.531 19.0457 15.1973 20.704 17.121 20.9715C18.2421 21.1274 18.8141 20.856 19.3973 20.2587L19.8427 19.8094C20.0512 19.5913 20.2293 19.3934 20.3798 19.2128L20.5848 18.954C21.1094 18.2552 21.1577 17.8357 20.9335 17.4432C20.8481 17.2939 20.7236 17.1297 20.5429 16.9296L20.2977 16.6708L20.1522 16.5253L18.621 15.0467C18.1094 14.5751 17.7592 14.5086 17.2284 14.6503L17.0761 14.6942L16.4413 14.909C14.6012 15.5033 13.2741 15.215 11.3192 13.2606C9.29467 11.2366 9.05695 9.8854 9.73524 7.93932L9.77821 7.81432L9.8993 7.45104L9.95789 7.22057C10.0628 6.7176 9.94291 6.3668 9.40223 5.82604C9.37999 5.8038 9.35505 5.77826 9.32801 5.75084L7.90614 4.28111C7.58042 3.96 7.34424 3.76341 7.13563 3.64342Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularOutlineCallIcon.displayName = 'IconlyRegularOutlineCallIcon';
+
+export const IconlyRegularOutlineCallingIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <mask id="ic_regular_outline_calling_mask0_42284_13811" style={{ maskType: 'luminance' }} maskUnits="userSpaceOnUse" x="14" y="2" width="9" height="9">
+<path fillRule="evenodd" clipRule="evenodd" d="M14.354 2.00024H22.893V10.5331H14.354V2.00024Z" fill={color || 'currentColor'}/>
+</mask>
+<g mask="url(#ic_regular_outline_calling_mask0_42284_13811)">
+<path fillRule="evenodd" clipRule="evenodd" d="M22.1427 10.5331C21.7657 10.5331 21.4417 10.2501 21.3987 9.86706C21.0197 6.49106 18.3977 3.87106 15.0207 3.49606C14.6097 3.45006 14.3127 3.08006 14.3587 2.66806C14.4037 2.25706 14.7707 1.95406 15.1867 2.00606C19.2647 2.45906 22.4317 5.62206 22.8887 9.69906C22.9347 10.1111 22.6387 10.4821 22.2277 10.5281C22.1997 10.5311 22.1707 10.5331 22.1427 10.5331" fill={color || 'currentColor'}/>
+</g>
+<path fillRule="evenodd" clipRule="evenodd" d="M18.6026 10.5439C18.2506 10.5439 17.9376 10.2959 17.8676 9.93791C17.5796 8.45791 16.4386 7.31691 14.9606 7.02991C14.5536 6.95091 14.2886 6.55791 14.3676 6.15091C14.4466 5.74391 14.8466 5.47791 15.2466 5.55791C17.3276 5.96191 18.9346 7.56791 19.3396 9.64991C19.4186 10.0579 19.1536 10.4509 18.7476 10.5299C18.6986 10.5389 18.6506 10.5439 18.6026 10.5439" fill={color || 'currentColor'}/>
+<path d="M3.36121 4.01158C5.28846 2.08421 6.54357 1.57364 7.8827 2.34361C8.26788 2.56511 8.62902 2.87523 9.12 3.37389L10.6268 4.93541C11.4588 5.84325 11.6477 6.71446 11.3768 7.73424L11.3397 7.86998L11.2987 8.00377L11.0966 8.59459C10.6656 9.91951 10.8463 10.667 12.3798 12.2001C13.9743 13.7941 14.7185 13.9252 16.1454 13.4266L16.4003 13.3378L16.7079 13.2381L16.8427 13.201C17.9265 12.912 18.8423 13.1427 19.8134 14.1131L21.0272 15.285L21.3837 15.6366C21.7798 16.0405 22.0419 16.3608 22.2352 16.6991C23.0004 18.0378 22.4887 19.2919 20.5057 21.2674L20.3173 21.4588C20.0213 21.744 19.7449 21.9486 19.3388 22.1415C18.6566 22.4653 17.8504 22.5871 16.9139 22.4569C14.6065 22.1359 11.6798 20.3155 7.97157 16.6083C7.66983 16.3066 7.38092 16.0107 7.10438 15.7206L6.56727 15.1473C1.53757 9.68268 1.09395 6.32593 3.15516 4.22057L3.28895 4.08776L3.36121 4.01158ZM7.13563 3.64342C6.6741 3.37802 6.17502 3.49031 5.25282 4.28404L4.96375 4.54283C4.91328 4.58942 4.86131 4.63816 4.80848 4.68834L4.47645 5.01256L4.44618 5.04967L4.22059 5.27623C3.67642 5.83219 3.41835 6.51076 3.64051 7.6776C4.00512 9.59262 5.67413 12.1906 9.03211 15.5477C12.531 19.0457 15.1973 20.704 17.121 20.9715C18.2421 21.1274 18.8141 20.856 19.3973 20.2587L19.8427 19.8094C20.0512 19.5913 20.2293 19.3934 20.3798 19.2128L20.5848 18.954C21.1094 18.2552 21.1577 17.8357 20.9335 17.4432C20.8481 17.2939 20.7236 17.1297 20.5429 16.9296L20.2977 16.6708L20.1522 16.5253L18.621 15.0467C18.1094 14.5751 17.7592 14.5086 17.2284 14.6503L17.0761 14.6942L16.4413 14.909C14.6012 15.5033 13.2741 15.215 11.3192 13.2606C9.29467 11.2366 9.05695 9.8854 9.73524 7.93932L9.77821 7.81432L9.8993 7.45104L9.95789 7.22057C10.0628 6.7176 9.94291 6.3668 9.40223 5.82604C9.37999 5.8038 9.35505 5.77826 9.32801 5.75084L7.90614 4.28111C7.58042 3.96 7.34424 3.76341 7.13563 3.64342Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularOutlineCallingIcon.displayName = 'IconlyRegularOutlineCallingIcon';
+
+export const IconlyRegularOutlineCameraIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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.68188 3.35437C9.87088 2.88159 14.1295 2.88151 15.3176 3.35437C15.9661 3.61246 16.4037 4.10068 16.8059 4.83093L17.2581 5.69812C17.2684 5.7153 17.2778 5.73102 17.2864 5.74402L17.3245 5.79578C17.5304 6.02013 17.8752 6.15594 18.1028 6.15613C20.2548 6.15613 22.0002 7.90121 22.0002 10.0526V15.8475C22.0002 18.5916 19.7746 20.8171 17.0305 20.8173H6.96997C4.22525 20.8171 2.00033 18.5919 2.00024 15.8475V10.0526C2.00024 7.90121 3.74568 6.15613 5.89771 6.15613C6.12449 6.15594 6.4698 6.01993 6.67603 5.79578C6.68009 5.7913 6.68536 5.7848 6.69165 5.77624L6.74341 5.69714L7.1936 4.83191C7.59552 4.10145 8.03313 3.61264 8.68188 3.35437ZM14.6438 4.70886C13.6147 4.41799 10.0348 4.43063 9.23657 4.74792C8.98356 4.84863 8.75772 5.10082 8.50806 5.55456L8.12329 6.29871L8.02856 6.47058C7.94956 6.60195 7.87074 6.71308 7.78052 6.8114C7.27418 7.36177 6.52486 7.65598 5.89771 7.65613L5.73267 7.66199C4.48574 7.74655 3.50024 8.78499 3.50024 10.0526V15.8475C3.50033 17.7635 5.05373 19.3171 6.96997 19.3173H17.0305C18.9461 19.3171 20.5002 17.7632 20.5002 15.8475V10.0526C20.5002 8.72971 19.4265 7.65613 18.1028 7.65613L17.929 7.64929C17.3405 7.60083 16.6798 7.31136 16.22 6.81042C16.1309 6.71332 16.0515 6.60295 15.9729 6.47253C15.9617 6.45386 15.9479 6.42924 15.9319 6.40027L15.8157 6.18249L15.4915 5.55456C15.2416 5.10103 15.016 4.84865 14.7629 4.74792L14.6438 4.70886Z" fill={color || 'currentColor'}/>
+<path d="M17.5045 8.5C18.0568 8.5 18.5045 8.94772 18.5045 9.5C18.5045 10.0128 18.1184 10.4355 17.6211 10.4933L17.5045 10.5C16.9432 10.5 16.4955 10.0523 16.4955 9.5C16.4955 8.98716 16.8815 8.56449 17.3789 8.50673L17.5045 8.5Z" fill={color || 'currentColor'}/>
+<path d="M11.9996 9.19897C14.1698 9.19897 15.9292 10.9576 15.9293 13.1277C15.9293 15.2979 14.1698 17.0574 11.9996 17.0574C9.82955 17.0572 8.07092 15.2978 8.07092 13.1277C8.07108 10.9577 9.82965 9.19913 11.9996 9.19897ZM11.9996 10.699C10.6581 10.6991 9.57108 11.7861 9.57092 13.1277C9.57092 14.4694 10.658 15.5572 11.9996 15.5574C13.3414 15.5574 14.4293 14.4695 14.4293 13.1277C14.4292 11.786 13.3413 10.699 11.9996 10.699Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularOutlineCameraIcon.displayName = 'IconlyRegularOutlineCameraIcon';
+
+export const IconlyRegularOutlineCategoryIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path fillRule="evenodd" clipRule="evenodd" d="M6.25 3.5C3.5 3.5 3.5 3.708 3.5 6.25V6.275C3.5 7.382 3.5 8.182 3.771 8.52C4.036 8.848 4.823 9 6.25 9C7.677 9 8.464 8.847 8.729 8.519C9 8.182 9 7.382 9 6.274C9 3.708 9 3.5 6.25 3.5M6.25 10.5C4.564 10.5 3.299 10.323 2.604 9.46C2 8.711 2 7.689 2 6.275L2.75 6.25H2C2 3.38 2.181 2 6.25 2C10.319 2 10.5 3.38 10.5 6.25C10.5 7.688 10.5 8.711 9.896 9.46C9.201 10.323 7.936 10.5 6.25 10.5" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M17.25 3.5C14.5 3.5 14.5 3.708 14.5 6.25V6.275C14.5 7.382 14.5 8.182 14.771 8.52C15.036 8.848 15.823 9 17.25 9C18.677 9 19.464 8.847 19.729 8.519C20 8.182 20 7.382 20 6.274C20 3.708 20 3.5 17.25 3.5M17.25 10.5C15.564 10.5 14.299 10.323 13.604 9.46C13 8.711 13 7.689 13 6.275L13.75 6.25H13C13 3.38 13.181 2 17.25 2C21.319 2 21.5 3.38 21.5 6.25C21.5 7.688 21.5 8.711 20.896 9.46C20.201 10.323 18.936 10.5 17.25 10.5" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M6.25 14.5C3.5 14.5 3.5 14.708 3.5 17.25V17.275C3.5 18.382 3.5 19.182 3.771 19.52C4.036 19.848 4.823 20 6.25 20C7.677 20 8.464 19.847 8.729 19.519C9 19.182 9 18.382 9 17.274C9 14.708 9 14.5 6.25 14.5M6.25 21.5C4.564 21.5 3.299 21.323 2.604 20.46C2 19.711 2 18.689 2 17.275L2.75 17.25H2C2 14.38 2.181 13 6.25 13C10.319 13 10.5 14.38 10.5 17.25C10.5 18.688 10.5 19.711 9.896 20.46C9.201 21.323 7.936 21.5 6.25 21.5" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M17.25 14.5C14.5 14.5 14.5 14.708 14.5 17.25V17.275C14.5 18.382 14.5 19.182 14.771 19.52C15.036 19.848 15.823 20 17.25 20C18.677 20 19.464 19.847 19.729 19.519C20 19.182 20 18.382 20 17.274C20 14.708 20 14.5 17.25 14.5M17.25 21.5C15.564 21.5 14.299 21.323 13.604 20.46C13 19.711 13 18.689 13 17.275L13.75 17.25H13C13 14.38 13.181 13 17.25 13C21.319 13 21.5 14.38 21.5 17.25C21.5 18.688 21.5 19.711 20.896 20.46C20.201 21.323 18.936 21.5 17.25 21.5" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularOutlineCategoryIcon.displayName = 'IconlyRegularOutlineCategoryIcon';
+
+export const IconlyRegularOutlineChartIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path fillRule="evenodd" clipRule="evenodd" d="M7.12109 17.5625C6.70709 17.5625 6.37109 17.2265 6.37109 16.8125V9.95251C6.37109 9.53851 6.70709 9.20251 7.12109 9.20251C7.53509 9.20251 7.87109 9.53851 7.87109 9.95251V16.8125C7.87109 17.2265 7.53509 17.5625 7.12109 17.5625" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M11.7881 17.5615C11.3741 17.5615 11.0381 17.2255 11.0381 16.8115V6.66846C11.0381 6.25446 11.3741 5.91846 11.7881 5.91846C12.2021 5.91846 12.5381 6.25446 12.5381 6.66846V16.8115C12.5381 17.2255 12.2021 17.5615 11.7881 17.5615" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M16.3784 17.5615C15.9644 17.5615 15.6284 17.2255 15.6284 16.8115V13.5775C15.6284 13.1635 15.9644 12.8275 16.3784 12.8275C16.7924 12.8275 17.1284 13.1635 17.1284 13.5775V16.8115C17.1284 17.2255 16.7924 17.5615 16.3784 17.5615" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M7.064 2.5C4.292 2.5 2.5 4.397 2.5 7.335V16.165C2.5 19.103 4.292 21 7.064 21H16.436C19.209 21 21 19.103 21 16.165V7.335C21 4.397 19.209 2.5 16.436 2.5H7.064ZM16.436 22.5H7.064C3.437 22.5 1 19.954 1 16.165V7.335C1 3.546 3.437 1 7.064 1H16.436C20.063 1 22.5 3.546 22.5 7.335V16.165C22.5 19.954 20.063 22.5 16.436 22.5V22.5Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularOutlineChartIcon.displayName = 'IconlyRegularOutlineChartIcon';
+
+export const IconlyRegularOutlineChatIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <mask id="ic_regular_outline_chat_mask0_42284_13781" style={{ maskType: 'luminance' }} maskUnits="userSpaceOnUse" x="1" y="1" width="22" height="22">
+<path fillRule="evenodd" clipRule="evenodd" d="M1 1.00031H22.493V22.4941H1V1.00031Z" fill={color || 'currentColor'}/>
+</mask>
+<g mask="url(#ic_regular_outline_chat_mask0_42284_13781)">
+<path fillRule="evenodd" clipRule="evenodd" d="M6.10844 19.6753C6.68844 19.6753 7.23544 19.8953 7.81444 20.1283C11.3614 21.7683 15.5564 21.0223 18.2894 18.2903C21.8954 14.6823 21.8954 8.81331 18.2894 5.20731C16.5434 3.46131 14.2214 2.50031 11.7494 2.50031C9.27644 2.50031 6.95344 3.46231 5.20844 5.20831C2.47444 7.94031 1.73044 12.1353 3.35544 15.6483C3.58944 16.2273 3.81544 16.7913 3.81544 17.3773C3.81544 17.9623 3.61444 18.5513 3.43744 19.0713C3.29144 19.4993 3.07044 20.1453 3.21244 20.2873C3.35144 20.4313 4.00144 20.2043 4.43044 20.0573C4.94544 19.8813 5.52944 19.6793 6.10844 19.6753V19.6753ZM11.7244 22.4943C10.1964 22.4943 8.65844 22.1713 7.21944 21.5053C6.79544 21.3353 6.39844 21.1753 6.11344 21.1753C5.78544 21.1773 5.34444 21.3293 4.91844 21.4763C4.04444 21.7763 2.95644 22.1503 2.15144 21.3483C1.34944 20.5453 1.71944 19.4603 2.01744 18.5873C2.16444 18.1573 2.31544 17.7133 2.31544 17.3773C2.31544 17.1013 2.18244 16.7493 1.97844 16.2423C0.105437 12.1973 0.971437 7.32231 4.14844 4.14731C6.17644 2.11831 8.87544 1.00031 11.7484 1.00031C14.6214 1.00031 17.3214 2.11731 19.3494 4.14631C23.5414 8.3383 23.5414 15.1583 19.3494 19.3503C17.2944 21.4063 14.5274 22.4943 11.7244 22.4943V22.4943Z" fill={color || 'currentColor'}/>
+</g>
+<path fillRule="evenodd" clipRule="evenodd" d="M15.6963 13.163C15.1443 13.163 14.6923 12.716 14.6923 12.163C14.6923 11.61 15.1353 11.163 15.6873 11.163H15.6963C16.2483 11.163 16.6963 11.61 16.6963 12.163C16.6963 12.716 16.2483 13.163 15.6963 13.163" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M11.6875 13.163C11.1355 13.163 10.6835 12.716 10.6835 12.163C10.6835 11.61 11.1255 11.163 11.6785 11.163H11.6875C12.2395 11.163 12.6875 11.61 12.6875 12.163C12.6875 12.716 12.2395 13.163 11.6875 13.163" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M7.67832 13.163C7.12632 13.163 6.67432 12.716 6.67432 12.163C6.67432 11.61 7.11732 11.163 7.66932 11.163H7.67832C8.23032 11.163 8.67832 11.61 8.67832 12.163C8.67832 12.716 8.23032 13.163 7.67832 13.163" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularOutlineChatIcon.displayName = 'IconlyRegularOutlineChatIcon';
+
+export const IconlyRegularOutlineCloseSquareIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.60253 15.1367C9.41053 15.1367 9.21853 15.0637 9.07253 14.9167C8.77953 14.6237 8.77953 14.1497 9.07253 13.8567L13.8645 9.06472C14.1575 8.77172 14.6315 8.77172 14.9245 9.06472C15.2175 9.35772 15.2175 9.83172 14.9245 10.1247L10.1325 14.9167C9.98653 15.0637 9.79453 15.1367 9.60253 15.1367" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M14.3965 15.1396C14.2045 15.1396 14.0125 15.0666 13.8665 14.9196L9.07046 10.1226C8.77746 9.82965 8.77746 9.35565 9.07046 9.06265C9.36446 8.76965 9.83846 8.76965 10.1305 9.06265L14.9265 13.8596C15.2195 14.1526 15.2195 14.6266 14.9265 14.9196C14.7805 15.0666 14.5875 15.1396 14.3965 15.1396" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M7.665 3.5C5.135 3.5 3.5 5.233 3.5 7.916V16.084C3.5 18.767 5.135 20.5 7.665 20.5H16.333C18.864 20.5 20.5 18.767 20.5 16.084V7.916C20.5 5.233 18.864 3.5 16.334 3.5H7.665ZM16.333 22H7.665C4.276 22 2 19.622 2 16.084V7.916C2 4.378 4.276 2 7.665 2H16.334C19.723 2 22 4.378 22 7.916V16.084C22 19.622 19.723 22 16.333 22V22Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularOutlineCloseSquareIcon.displayName = 'IconlyRegularOutlineCloseSquareIcon';
+
+export const IconlyRegularOutlineDangerCircleIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path fillRule="evenodd" clipRule="evenodd" d="M12 3.5C7.313 3.5 3.5 7.313 3.5 12C3.5 16.687 7.313 20.5 12 20.5C16.687 20.5 20.5 16.687 20.5 12C20.5 7.313 16.687 3.5 12 3.5M12 22C6.486 22 2 17.514 2 12C2 6.486 6.486 2 12 2C17.514 2 22 6.486 22 12C22 17.514 17.514 22 12 22" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M11.9941 13.373C11.5801 13.373 11.2441 13.037 11.2441 12.623V8.20398C11.2441 7.78998 11.5801 7.45398 11.9941 7.45398C12.4081 7.45398 12.7441 7.78998 12.7441 8.20398V12.623C12.7441 13.037 12.4081 13.373 11.9941 13.373" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M12.0039 16.7959C11.4509 16.7959 10.9989 16.3489 10.9989 15.7959C10.9989 15.2429 11.4419 14.7959 11.9939 14.7959H12.0039C12.5569 14.7959 13.0039 15.2429 13.0039 15.7959C13.0039 16.3489 12.5569 16.7959 12.0039 16.7959" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularOutlineDangerCircleIcon.displayName = 'IconlyRegularOutlineDangerCircleIcon';
+
+export const IconlyRegularOutlineDangerTriangleIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <mask id="ic_regular_outline_dangertriangle_mask0_42284_13824" style={{ maskType: 'luminance' }} maskUnits="userSpaceOnUse" x="2" y="3" width="21" height="19">
+<path fillRule="evenodd" clipRule="evenodd" d="M2 3H22.0137V21.1855H2V3Z" fill={color || 'currentColor'}/>
+</mask>
+<g mask="url(#ic_regular_outline_dangertriangle_mask0_42284_13824)">
+<path fillRule="evenodd" clipRule="evenodd" d="M12.0126 4.5C11.5366 4.5 11.1126 4.746 10.8746 5.159L3.67665 17.724C3.44265 18.134 3.44465 18.623 3.68165 19.032C3.91865 19.441 4.34265 19.686 4.81565 19.686H19.1986C19.6706 19.686 20.0946 19.441 20.3316 19.032C20.5696 18.623 20.5716 18.134 20.3356 17.724L13.1506 5.159C12.9136 4.746 12.4896 4.5 12.0126 4.5M19.1986 21.186H4.81565C3.80165 21.186 2.89265 20.662 2.38365 19.784C1.87465 18.907 1.87165 17.858 2.37465 16.979L9.57465 4.413C10.0806 3.528 10.9916 3 12.0126 3H12.0136C13.0336 3 13.9466 3.529 14.4526 4.415L21.6386 16.979C22.1416 17.858 22.1386 18.907 21.6296 19.784C21.1206 20.662 20.2116 21.186 19.1986 21.186" fill={color || 'currentColor'}/>
+</g>
+<path fillRule="evenodd" clipRule="evenodd" d="M12.0039 14.164C11.5899 14.164 11.2539 13.828 11.2539 13.414V10.314C11.2539 9.89996 11.5899 9.56396 12.0039 9.56396C12.4179 9.56396 12.7539 9.89996 12.7539 10.314V13.414C12.7539 13.828 12.4179 14.164 12.0039 14.164" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M12.0059 17.499C11.4529 17.499 11.0009 17.052 11.0009 16.499C11.0009 15.946 11.4439 15.499 11.9959 15.499H12.0059C12.5589 15.499 13.0059 15.946 13.0059 16.499C13.0059 17.052 12.5589 17.499 12.0059 17.499" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularOutlineDangerTriangleIcon.displayName = 'IconlyRegularOutlineDangerTriangleIcon';
+
+export const IconlyRegularOutlineDeleteIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.2466 21.9999C10.8916 21.9999 9.5706 21.9849 8.2636 21.9579C6.5916 21.9249 5.4346 20.8409 5.2456 19.1289C4.9306 16.2889 4.3916 9.59491 4.3866 9.52791C4.3526 9.11491 4.6606 8.75291 5.0736 8.71991C5.4806 8.70891 5.8486 8.99491 5.8816 9.40691C5.8866 9.47491 6.4246 16.1459 6.7366 18.9639C6.8436 19.9369 7.3686 20.4389 8.2946 20.4579C10.7946 20.5109 13.3456 20.5139 16.0956 20.4639C17.0796 20.4449 17.6116 19.9529 17.7216 18.9569C18.0316 16.1629 18.5716 9.47491 18.5776 9.40691C18.6106 8.99491 18.9756 8.70691 19.3846 8.71991C19.7976 8.75391 20.1056 9.11491 20.0726 9.52791C20.0666 9.59591 19.5246 16.3069 19.2126 19.1219C19.0186 20.8689 17.8646 21.9319 16.1226 21.9639C14.7896 21.9869 13.5036 21.9999 12.2466 21.9999" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M20.708 6.98926H3.75C3.336 6.98926 3 6.65326 3 6.23926C3 5.82526 3.336 5.48926 3.75 5.48926H20.708C21.122 5.48926 21.458 5.82526 21.458 6.23926C21.458 6.65326 21.122 6.98926 20.708 6.98926" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M17.4403 6.98924C16.3023 6.98924 15.3143 6.17824 15.0903 5.06224L14.8473 3.84624C14.7963 3.66124 14.5853 3.50024 14.3453 3.50024H10.1123C9.87233 3.50024 9.66133 3.66124 9.60033 3.89224L9.36733 5.06224C9.14433 6.17824 8.15533 6.98924 7.01733 6.98924C6.60333 6.98924 6.26733 6.65324 6.26733 6.23924C6.26733 5.82524 6.60333 5.48924 7.01733 5.48924C7.44333 5.48924 7.81333 5.18524 7.89733 4.76724L8.14033 3.55124C8.38733 2.61924 9.19433 2.00024 10.1123 2.00024H14.3453C15.2633 2.00024 16.0703 2.61924 16.3073 3.50624L16.5613 4.76724C16.6443 5.18524 17.0143 5.48924 17.4403 5.48924C17.8543 5.48924 18.1903 5.82524 18.1903 6.23924C18.1903 6.65324 17.8543 6.98924 17.4403 6.98924" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularOutlineDeleteIcon.displayName = 'IconlyRegularOutlineDeleteIcon';
+
+export const IconlyRegularOutlineDiscountIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <mask id="ic_regular_outline_discount_mask0_42284_13804" style={{ maskType: 'luminance' }} maskUnits="userSpaceOnUse" x="2" y="2" width="21" height="21">
+<path fillRule="evenodd" clipRule="evenodd" d="M2.00012 2.00024H22.0029V22.0012H2.00012V2.00024Z" fill={color || 'currentColor'}/>
+</mask>
+<g mask="url(#ic_regular_outline_discount_mask0_42284_13804)">
+<path fillRule="evenodd" clipRule="evenodd" d="M10.9448 20.0755C11.5348 20.6515 12.4848 20.6445 13.0708 20.0555L13.7928 19.3355C14.3528 18.7765 15.1268 18.4575 15.9158 18.4575H16.9458C17.7798 18.4575 18.4578 17.7795 18.4578 16.9465V15.9175C18.4578 15.1165 18.7678 14.3635 19.3338 13.7965L20.0538 13.0755C20.3468 12.7815 20.5038 12.4005 20.5028 11.9965C20.5018 11.5935 20.3428 11.2145 20.0558 10.9285L19.3348 10.2065C18.7678 9.63551 18.4578 8.88351 18.4578 8.08251V7.05551C18.4578 6.22151 17.7798 5.54351 16.9458 5.54351H15.9178C15.1168 5.54351 14.3638 5.23251 13.7968 4.66951L13.0748 3.94651C12.4738 3.35151 11.5148 3.35451 10.9278 3.94551L10.2088 4.66651C9.63484 5.23351 8.88184 5.54351 8.08384 5.54351H7.05484C6.22184 5.54451 5.54384 6.22251 5.54384 7.05551V8.08051C5.54384 8.88151 5.23284 9.63451 4.66884 10.2025L3.95884 10.9135C3.95184 10.9215 3.94484 10.9275 3.93784 10.9345C3.35084 11.5255 3.35384 12.4845 3.94484 13.0715L4.66684 13.7935C5.23284 14.3615 5.54384 15.1145 5.54384 15.9155V16.9465C5.54384 17.7795 6.22084 18.4575 7.05484 18.4575H8.08184C8.88384 18.4585 9.63684 18.7695 10.2038 19.3345L10.9248 20.0535C10.9308 20.0605 10.9378 20.0675 10.9448 20.0755V20.0755ZM11.9988 22.0015C11.2318 22.0015 10.4648 21.7115 9.87784 21.1295C9.86984 21.1215 9.86184 21.1135 9.85384 21.1045L9.14384 20.3955C8.86084 20.1145 8.48284 19.9585 8.08084 19.9575H7.05484C5.39384 19.9575 4.04384 18.6065 4.04384 16.9465V15.9155C4.04384 15.5135 3.88684 15.1365 3.60484 14.8525L2.88584 14.1345C1.71784 12.9725 1.70384 11.0805 2.85084 9.90051C2.85984 9.89151 2.86884 9.88251 2.87784 9.87351L3.60584 9.14351C3.88684 8.86051 4.04384 8.48151 4.04384 8.08051V7.05551C4.04384 5.39551 5.39384 4.04451 7.05384 4.04351H8.08384C8.48484 4.04351 8.86284 3.88651 9.14984 3.60351L9.86484 2.88651C11.0338 1.70951 12.9448 1.70351 14.1238 2.87551L14.8548 3.60651C15.1378 3.88751 15.5158 4.04351 15.9178 4.04351H16.9458C18.6068 4.04351 19.9578 5.39451 19.9578 7.05551V8.08251C19.9578 8.48351 20.1138 8.86251 20.3968 9.14751L21.1148 9.86651C21.6838 10.4315 21.9998 11.1865 22.0028 11.9915C22.0058 12.7965 21.6948 13.5535 21.1278 14.1245L20.3948 14.8555C20.1138 15.1385 19.9578 15.5155 19.9578 15.9175V16.9465C19.9578 18.6065 18.6068 19.9575 16.9468 19.9575H15.9158C15.5198 19.9575 15.1328 20.1175 14.8518 20.3965L14.1338 21.1145C13.5468 21.7055 12.7728 22.0015 11.9988 22.0015V22.0015Z" fill={color || 'currentColor'}/>
+</g>
+<path fillRule="evenodd" clipRule="evenodd" d="M9.43029 15.3215C9.23829 15.3215 9.04629 15.2485 8.90029 15.1015C8.60729 14.8085 8.60729 14.3345 8.90029 14.0415L14.0403 8.90054C14.3333 8.60754 14.8083 8.60754 15.1013 8.90054C15.3943 9.19354 15.3943 9.66854 15.1013 9.96154L9.96029 15.1015C9.81429 15.2485 9.62229 15.3215 9.43029 15.3215" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M14.5034 15.4993C13.9504 15.4993 13.4984 15.0523 13.4984 14.4993C13.4984 13.9463 13.9414 13.4993 14.4944 13.4993H14.5034C15.0564 13.4993 15.5034 13.9463 15.5034 14.4993C15.5034 15.0523 15.0564 15.4993 14.5034 15.4993" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M9.50341 10.4993C8.95041 10.4993 8.49841 10.0523 8.49841 9.49927C8.49841 8.94627 8.94141 8.49927 9.49441 8.49927H9.50341C10.0564 8.49927 10.5034 8.94627 10.5034 9.49927C10.5034 10.0523 10.0564 10.4993 9.50341 10.4993" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularOutlineDiscountIcon.displayName = 'IconlyRegularOutlineDiscountIcon';
+
+export const IconlyRegularOutlineDiscoveryIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.2113 11.2119L10.1643 14.5589L13.5103 13.5109L14.5583 10.1639L11.2113 11.2119ZM9.02033 16.4519C8.82433 16.4519 8.63233 16.3749 8.48933 16.2329C8.29233 16.0349 8.22033 15.7439 8.30433 15.4789L9.89733 10.3899C9.97033 10.1539 10.1543 9.97089 10.3883 9.89789L15.4773 8.30489C15.7443 8.21989 16.0343 8.29289 16.2323 8.48989C16.4293 8.68789 16.5013 8.97889 16.4173 9.24389L14.8253 14.3329C14.7523 14.5679 14.5673 14.7519 14.3333 14.8249L9.24433 16.4179C9.17033 16.4409 9.09433 16.4519 9.02033 16.4519V16.4519Z" fill={color || 'currentColor'}/>
+<mask id="ic_regular_outline_discovery_mask0_42284_13844" style={{ maskType: 'luminance' }} maskUnits="userSpaceOnUse" x="2" y="2" width="21" height="21">
+<path fillRule="evenodd" clipRule="evenodd" d="M2 2H22.7218V22.7217H2V2Z" fill={color || 'currentColor'}/>
+</mask>
+<g mask="url(#ic_regular_outline_discovery_mask0_42284_13844)">
+<path fillRule="evenodd" clipRule="evenodd" d="M12.3608 3.5C7.47476 3.5 3.49976 7.476 3.49976 12.361C3.49976 17.247 7.47476 21.222 12.3608 21.222C17.2468 21.222 21.2218 17.247 21.2218 12.361C21.2218 7.476 17.2468 3.5 12.3608 3.5M12.3608 22.722C6.64776 22.722 1.99976 18.074 1.99976 12.361C1.99976 6.648 6.64776 2 12.3608 2C18.0738 2 22.7218 6.648 22.7218 12.361C22.7218 18.074 18.0738 22.722 12.3608 22.722" fill={color || 'currentColor'}/>
+</g>
+  </svg>
+);
+IconlyRegularOutlineDiscoveryIcon.displayName = 'IconlyRegularOutlineDiscoveryIcon';
+
+export const IconlyRegularOutlineDocumentIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.7158 16.9738H8.49585C8.08185 16.9738 7.74585 16.6378 7.74585 16.2238C7.74585 15.8098 8.08185 15.4738 8.49585 15.4738H15.7158C16.1298 15.4738 16.4658 15.8098 16.4658 16.2238C16.4658 16.6378 16.1298 16.9738 15.7158 16.9738" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M15.7158 12.7872H8.49585C8.08185 12.7872 7.74585 12.4512 7.74585 12.0372C7.74585 11.6232 8.08185 11.2872 8.49585 11.2872H15.7158C16.1298 11.2872 16.4658 11.6232 16.4658 12.0372C16.4658 12.4512 16.1298 12.7872 15.7158 12.7872" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M11.2506 8.61047H8.49561C8.08161 8.61047 7.74561 8.27447 7.74561 7.86047C7.74561 7.44647 8.08161 7.11047 8.49561 7.11047H11.2506C11.6646 7.11047 12.0006 7.44647 12.0006 7.86047C12.0006 8.27447 11.6646 8.61047 11.2506 8.61047" fill={color || 'currentColor'}/>
+<mask id="ic_regular_outline_document_mask0_42284_13848" style={{ maskType: 'luminance' }} maskUnits="userSpaceOnUse" x="3" y="2" width="19" height="20">
+<path fillRule="evenodd" clipRule="evenodd" d="M3 2.00024H21.1647V21.91H3V2.00024Z" fill={color || 'currentColor'}/>
+</mask>
+<g mask="url(#ic_regular_outline_document_mask0_42284_13848)">
+<path fillRule="evenodd" clipRule="evenodd" d="M15.9088 3.5L8.21976 3.504C5.89176 3.518 4.49976 4.958 4.49976 7.357V16.553C4.49976 18.968 5.90476 20.41 8.25576 20.41L15.9448 20.407C18.2728 20.393 19.6648 18.951 19.6648 16.553V7.357C19.6648 4.942 18.2608 3.5 15.9088 3.5ZM8.25676 21.91C5.11276 21.91 2.99976 19.757 2.99976 16.553V7.357C2.99976 4.124 5.04676 2.023 8.21476 2.004L15.9078 2H15.9088C19.0528 2 21.1648 4.153 21.1648 7.357V16.553C21.1648 19.785 19.1178 21.887 15.9498 21.907L8.25676 21.91Z" fill={color || 'currentColor'}/>
+</g>
+  </svg>
+);
+IconlyRegularOutlineDocumentIcon.displayName = 'IconlyRegularOutlineDocumentIcon';
+
+export const IconlyRegularOutlineDownloadIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path fillRule="evenodd" clipRule="evenodd" d="M12.0011 16.5411C11.5871 16.5411 11.2511 16.2051 11.2511 15.7911V3.75012C11.2511 3.33612 11.5871 3.00012 12.0011 3.00012C12.4151 3.00012 12.7511 3.33612 12.7511 3.75012V15.7911C12.7511 16.2051 12.4151 16.5411 12.0011 16.5411" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M12.0011 16.5412C11.8021 16.5412 11.6101 16.4622 11.4701 16.3202L8.55407 13.3932C8.26207 13.0992 8.26307 12.6242 8.55607 12.3322C8.85007 12.0402 9.32407 12.0402 9.61607 12.3342L12.0011 14.7292L14.3861 12.3342C14.6781 12.0402 15.1521 12.0402 15.4461 12.3322C15.7391 12.6242 15.7401 13.0992 15.4481 13.3932L12.5321 16.3202C12.3921 16.4622 12.2001 16.5412 12.0011 16.5412" fill={color || 'currentColor'}/>
+<mask id="ic_regular_outline_download_mask0_42284_13820" style={{ maskType: 'luminance' }} maskUnits="userSpaceOnUse" x="2" y="7" width="20" height="15">
+<path fillRule="evenodd" clipRule="evenodd" d="M2.00024 7.73267H22V21.4767H2.00024V7.73267Z" fill={color || 'currentColor'}/>
+</mask>
+<g mask="url(#ic_regular_outline_download_mask0_42284_13820)">
+<path fillRule="evenodd" clipRule="evenodd" d="M17.5752 21.4767H6.43524C3.99024 21.4767 2.00024 19.4877 2.00024 17.0417V12.1567C2.00024 9.71667 3.98524 7.73267 6.42624 7.73267H7.36724C7.78124 7.73267 8.11724 8.06867 8.11724 8.48267C8.11724 8.89667 7.78124 9.23267 7.36724 9.23267H6.42624C4.81224 9.23267 3.50024 10.5437 3.50024 12.1567V17.0417C3.50024 18.6607 4.81624 19.9767 6.43524 19.9767H17.5752C19.1872 19.9767 20.5002 18.6637 20.5002 17.0517V12.1677C20.5002 10.5487 19.1832 9.23267 17.5662 9.23267H16.6342C16.2202 9.23267 15.8842 8.89667 15.8842 8.48267C15.8842 8.06867 16.2202 7.73267 16.6342 7.73267H17.5662C20.0112 7.73267 22.0002 9.72267 22.0002 12.1677V17.0517C22.0002 19.4917 20.0142 21.4767 17.5752 21.4767" fill={color || 'currentColor'}/>
+</g>
+  </svg>
+);
+IconlyRegularOutlineDownloadIcon.displayName = 'IconlyRegularOutlineDownloadIcon';
+
+export const IconlyRegularOutlineEditSquareIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.577 22.3686H7.753C4.312 22.3686 2 19.9536 2 16.3596V8.04562C2 4.45162 4.312 2.03662 7.753 2.03662H11.492C11.906 2.03662 12.242 2.37262 12.242 2.78662C12.242 3.20062 11.906 3.53662 11.492 3.53662H7.753C5.169 3.53662 3.5 5.30662 3.5 8.04562V16.3596C3.5 19.0986 5.169 20.8686 7.753 20.8686H16.577C19.161 20.8686 20.831 19.0986 20.831 16.3596V12.3316C20.831 11.9176 21.167 11.5816 21.581 11.5816C21.995 11.5816 22.331 11.9176 22.331 12.3316V16.3596C22.331 19.9536 20.018 22.3686 16.577 22.3686" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M8.86762 15.4282H11.8446C12.2246 15.4282 12.5806 15.2812 12.8496 15.0122L20.3586 7.50324C20.6666 7.19524 20.8366 6.78524 20.8366 6.34924C20.8366 5.91224 20.6666 5.50124 20.3586 5.19324L19.1416 3.97624C18.5046 3.34124 17.4686 3.34124 16.8306 3.97624L9.35762 11.4492C9.09862 11.7082 8.95162 12.0522 8.94262 12.4172L8.86762 15.4282ZM11.8446 16.9282H8.09862C7.89662 16.9282 7.70262 16.8462 7.56162 16.7012C7.42062 16.5572 7.34362 16.3622 7.34862 16.1592L7.44262 12.3802C7.46162 11.6282 7.76462 10.9212 8.29662 10.3882H8.29762L15.7706 2.91524C16.9926 1.69524 18.9796 1.69524 20.2016 2.91524L21.4186 4.13224C22.0116 4.72424 22.3376 5.51124 22.3366 6.34924C22.3366 7.18724 22.0106 7.97324 21.4186 8.56424L13.9096 16.0732C13.3586 16.6242 12.6246 16.9282 11.8446 16.9282V16.9282Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M19.7308 9.9166C19.5388 9.9166 19.3468 9.8436 19.2008 9.6966L14.6348 5.1306C14.3418 4.8376 14.3418 4.3626 14.6348 4.0696C14.9278 3.7766 15.4018 3.7766 15.6948 4.0696L20.2608 8.6366C20.5538 8.9296 20.5538 9.4036 20.2608 9.6966C20.1148 9.8436 19.9228 9.9166 19.7308 9.9166" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularOutlineEditSquareIcon.displayName = 'IconlyRegularOutlineEditSquareIcon';
+
+export const IconlyRegularOutlineEditIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.7508 21.9397H13.4978C13.0838 21.9397 12.7478 21.6037 12.7478 21.1897C12.7478 20.7757 13.0838 20.4397 13.4978 20.4397H20.7508C21.1648 20.4397 21.5008 20.7757 21.5008 21.1897C21.5008 21.6037 21.1648 21.9397 20.7508 21.9397" fill={color || 'currentColor'}/>
+<mask id="ic_regular_outline_edit_mask0_42284_13807" style={{ maskType: 'luminance' }} maskUnits="userSpaceOnUse" x="2" y="3" width="18" height="19">
+<path fillRule="evenodd" clipRule="evenodd" d="M2.00024 3.00012H19.1808V21.9397H2.00024V3.00012Z" fill={color || 'currentColor'}/>
+</mask>
+<g mask="url(#ic_regular_outline_edit_mask0_42284_13807)">
+<path fillRule="evenodd" clipRule="evenodd" d="M13.1105 5.01676L3.69552 16.7918C3.52452 17.0058 3.46152 17.2818 3.52452 17.5468L4.20552 20.4318L7.24452 20.3938C7.53352 20.3908 7.80052 20.2618 7.97752 20.0418C11.1945 16.0168 17.3275 8.34276 17.5015 8.11776C17.6655 7.85176 17.7295 7.47576 17.6435 7.11376C17.5555 6.74276 17.3245 6.42776 16.9915 6.22676C16.9205 6.17776 15.2355 4.86976 15.1835 4.82876C14.5495 4.32076 13.6245 4.40876 13.1105 5.01676V5.01676ZM3.61352 21.9398C3.26652 21.9398 2.96452 21.7018 2.88352 21.3628L2.06452 17.8918C1.89552 17.1728 2.06352 16.4308 2.52452 15.8548L11.9445 4.07276C11.9485 4.06876 11.9515 4.06376 11.9555 4.05976C12.9885 2.82476 14.8565 2.64276 16.1165 3.65376C16.1665 3.69276 17.8395 4.99276 17.8395 4.99276C18.4475 5.35476 18.9225 6.00176 19.1025 6.76776C19.2815 7.52576 19.1515 8.30776 18.7345 8.96876C18.7035 9.01776 18.6765 9.05976 9.14852 20.9798C8.68952 21.5518 8.00152 21.8848 7.26252 21.8938L3.62352 21.9398H3.61352Z" fill={color || 'currentColor'}/>
+</g>
+<path fillRule="evenodd" clipRule="evenodd" d="M16.2234 11.6847C16.0634 11.6847 15.9034 11.6337 15.7664 11.5297L10.3144 7.34175C9.98642 7.08975 9.92442 6.61975 10.1764 6.28975C10.4294 5.96175 10.8994 5.90075 11.2284 6.15275L16.6814 10.3397C17.0094 10.5917 17.0714 11.0627 16.8184 11.3917C16.6714 11.5837 16.4484 11.6847 16.2234 11.6847" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularOutlineEditIcon.displayName = 'IconlyRegularOutlineEditIcon';
+
+export const IconlyRegularOutlineFilter3Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <mask id="ic_regular_outline_filter3_mask0_42284_13801" style={{ maskType: 'luminance' }} maskUnits="userSpaceOnUse" x="2" y="2" width="20" height="20">
+<path fillRule="evenodd" clipRule="evenodd" d="M2.00037 2H21.5V21.5007H2.00037V2Z" fill={color || 'currentColor'}/>
+</mask>
+<g mask="url(#ic_regular_outline_filter3_mask0_42284_13801)">
+<path fillRule="evenodd" clipRule="evenodd" d="M8.77337 11.5988C8.79137 11.6148 8.80837 11.6298 8.82537 11.6478C9.90437 12.7538 10.4994 14.2188 10.4994 15.7738V19.7578L12.7354 18.5398C12.9114 18.4438 13.0204 18.2558 13.0204 18.0488V15.7618C13.0204 14.2128 13.6094 12.7528 14.6784 11.6528L19.5154 6.50776C19.8284 6.17476 20.0004 5.73776 20.0004 5.27676V4.34076C20.0004 3.87676 19.6344 3.49976 19.1864 3.49976H4.31537C3.86637 3.49976 3.50037 3.87676 3.50037 4.34076V5.27676C3.50037 5.73776 3.67237 6.17476 3.98537 6.50676L8.77337 11.5988ZM10.1464 21.5008C9.94437 21.5008 9.74437 21.4468 9.56237 21.3388C9.21037 21.1288 8.99937 20.7578 8.99937 20.3458V15.7738C8.99937 14.6388 8.57637 13.5698 7.80537 12.7508C7.78237 12.7318 7.75937 12.7108 7.73937 12.6888L2.89337 7.53576C2.31737 6.92376 2.00037 6.12076 2.00037 5.27676V4.34076C2.00037 3.04976 3.03937 1.99976 4.31537 1.99976H19.1864C20.4614 1.99976 21.5004 3.04976 21.5004 4.34076V5.27676C21.5004 6.11976 21.1834 6.92176 20.6094 7.53476L15.7624 12.6888C14.9594 13.5168 14.5204 14.6058 14.5204 15.7618V18.0488C14.5204 18.8048 14.1114 19.4968 13.4534 19.8568L10.6924 21.3608C10.5204 21.4538 10.3334 21.5008 10.1464 21.5008V21.5008Z" fill={color || 'currentColor'}/>
+</g>
+  </svg>
+);
+IconlyRegularOutlineFilter3Icon.displayName = 'IconlyRegularOutlineFilter3Icon';
+
+export const IconlyRegularOutlineFilterIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path fillRule="evenodd" clipRule="evenodd" d="M10.0801 18.5928H3.77905C3.36505 18.5928 3.02905 18.2568 3.02905 17.8428C3.02905 17.4288 3.36505 17.0928 3.77905 17.0928H10.0801C10.4941 17.0928 10.8301 17.4288 10.8301 17.8428C10.8301 18.2568 10.4941 18.5928 10.0801 18.5928" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M19.1909 8.90039H12.8909C12.4769 8.90039 12.1409 8.56439 12.1409 8.15039C12.1409 7.73639 12.4769 7.40039 12.8909 7.40039H19.1909C19.6049 7.40039 19.9409 7.73639 19.9409 8.15039C19.9409 8.56439 19.6049 8.90039 19.1909 8.90039" fill={color || 'currentColor'}/>
+<mask id="ic_regular_outline_filter_mask0_42284_13786" style={{ maskType: 'luminance' }} maskUnits="userSpaceOnUse" x="3" y="5" width="7" height="7">
+<path fillRule="evenodd" clipRule="evenodd" d="M3 5.00037H9.2258V11.192H3V5.00037Z" fill={color || 'currentColor'}/>
+</mask>
+<g mask="url(#ic_regular_outline_filter_mask0_42284_13786)">
+<path fillRule="evenodd" clipRule="evenodd" d="M6.11276 6.5C5.22376 6.5 4.49976 7.216 4.49976 8.097C4.49976 8.977 5.22376 9.692 6.11276 9.692C7.00276 9.692 7.72576 8.977 7.72576 8.097C7.72576 7.216 7.00276 6.5 6.11276 6.5M6.11276 11.192C4.39676 11.192 2.99976 9.804 2.99976 8.097C2.99976 6.39 4.39676 5 6.11276 5C7.82976 5 9.22576 6.39 9.22576 8.097C9.22576 9.804 7.82976 11.192 6.11276 11.192" fill={color || 'currentColor'}/>
+</g>
+<path fillRule="evenodd" clipRule="evenodd" d="M17.3877 16.208C16.4977 16.208 15.7737 16.924 15.7737 17.804C15.7737 18.685 16.4977 19.4 17.3877 19.4C18.2767 19.4 18.9997 18.685 18.9997 17.804C18.9997 16.924 18.2767 16.208 17.3877 16.208M17.3877 20.9C15.6707 20.9 14.2737 19.511 14.2737 17.804C14.2737 16.097 15.6707 14.708 17.3877 14.708C19.1037 14.708 20.4997 16.097 20.4997 17.804C20.4997 19.511 19.1037 20.9 17.3877 20.9" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularOutlineFilterIcon.displayName = 'IconlyRegularOutlineFilterIcon';
+
+export const IconlyRegularOutlineFolderIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <mask id="ic_regular_outline_folder_mask0_42284_13774" style={{ maskType: 'luminance' }} maskUnits="userSpaceOnUse" x="2" y="2" width="21" height="21">
+<path fillRule="evenodd" clipRule="evenodd" d="M2 2H22.6966V22.6689H2V2Z" fill={color || 'currentColor'}/>
+</mask>
+<g mask="url(#ic_regular_outline_folder_mask0_42284_13774)">
+<path fillRule="evenodd" clipRule="evenodd" d="M7.64251 3.5C4.73851 3.5 3.49951 4.976 3.49951 8.433V16.232C3.49951 19.416 5.25751 21.169 8.44951 21.169H16.2315C19.4155 21.169 21.1685 19.416 21.1685 16.232V16.229L21.1965 11.264C21.1965 7.865 20.0305 6.54 17.0355 6.54H14.2055C13.2565 6.539 12.3505 6.086 11.7805 5.328L10.8675 4.114C10.5805 3.729 10.1215 3.501 9.64151 3.5H7.64251ZM16.2315 22.669H8.44951C4.47151 22.669 1.99951 20.202 1.99951 16.232V8.433C1.99951 4.164 3.89851 2 7.64251 2H9.64251C10.5935 2.001 11.4995 2.455 12.0675 3.214L12.9785 4.426C13.2675 4.81 13.7265 5.039 14.2065 5.04H17.0355C20.8975 5.04 22.6965 7.019 22.6965 11.268L22.6685 16.235C22.6675 20.203 20.2015 22.669 16.2315 22.669V22.669Z" fill={color || 'currentColor'}/>
+</g>
+<path fillRule="evenodd" clipRule="evenodd" d="M16.7157 15.7128H7.98071C7.56671 15.7128 7.23071 15.3768 7.23071 14.9628C7.23071 14.5488 7.56671 14.2128 7.98071 14.2128H16.7157C17.1297 14.2128 17.4657 14.5488 17.4657 14.9628C17.4657 15.3768 17.1297 15.7128 16.7157 15.7128" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularOutlineFolderIcon.displayName = 'IconlyRegularOutlineFolderIcon';
+
+export const IconlyRegularOutlineGameIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path fillRule="evenodd" clipRule="evenodd" d="M8.59814 16.5596C8.18414 16.5596 7.84814 16.2236 7.84814 15.8096V12.0646C7.84814 11.6506 8.18414 11.3146 8.59814 11.3146C9.01214 11.3146 9.34814 11.6506 9.34814 12.0646V15.8096C9.34814 16.2236 9.01214 16.5596 8.59814 16.5596" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M10.5089 14.6865H6.68787C6.27387 14.6865 5.93787 14.3505 5.93787 13.9365C5.93787 13.5225 6.27387 13.1865 6.68787 13.1865H10.5089C10.9229 13.1865 11.2589 13.5225 11.2589 13.9365C11.2589 14.3505 10.9229 14.6865 10.5089 14.6865" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M15.1163 12.9287H15.0093C14.5953 12.9287 14.2593 12.5927 14.2593 12.1787C14.2593 11.7647 14.5953 11.4287 15.0093 11.4287H15.1163C15.5303 11.4287 15.8663 11.7647 15.8663 12.1787C15.8663 12.5927 15.5303 12.9287 15.1163 12.9287" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M16.9298 16.5029H16.8228C16.4088 16.5029 16.0728 16.1669 16.0728 15.7529C16.0728 15.3389 16.4088 15.0029 16.8228 15.0029H16.9298C17.3438 15.0029 17.6798 15.3389 17.6798 15.7529C17.6798 16.1669 17.3438 16.5029 16.9298 16.5029" fill={color || 'currentColor'}/>
+<mask id="ic_regular_outline_game_mask0_42284_13840" style={{ maskType: 'luminance' }} maskUnits="userSpaceOnUse" x="7" y="1" width="7" height="6">
+<path fillRule="evenodd" clipRule="evenodd" d="M7.0719 1H13.1119V6.5879H7.0719V1Z" fill={color || 'currentColor'}/>
+</mask>
+<g mask="url(#ic_regular_outline_game_mask0_42284_13840)">
+<path fillRule="evenodd" clipRule="evenodd" d="M12.3619 6.58788C11.9479 6.58788 11.6119 6.25188 11.6119 5.83788V5.16288C11.6089 4.43888 10.9949 3.84388 10.2439 3.84088H9.1899C8.0229 3.84088 7.0719 2.90288 7.0719 1.74988C7.0719 1.33588 7.4079 0.999878 7.8219 0.999878C8.2369 0.999878 8.5719 1.33588 8.5719 1.74988C8.5719 2.07588 8.8489 2.34088 9.1899 2.34088H10.2469C11.8199 2.34588 13.1049 3.60988 13.1119 5.15888V5.83788C13.1119 6.25188 12.7759 6.58788 12.3619 6.58788" fill={color || 'currentColor'}/>
+</g>
+<mask id="ic_regular_outline_game_mask1_42284_13840" style={{ maskType: 'luminance' }} maskUnits="userSpaceOnUse" x="1" y="5" width="22" height="18">
+<path fillRule="evenodd" clipRule="evenodd" d="M1.00024 5.37329H22.5V22.5H1.00024V5.37329Z" fill={color || 'currentColor'}/>
+</mask>
+<g mask="url(#ic_regular_outline_game_mask1_42284_13840)">
+<path fillRule="evenodd" clipRule="evenodd" d="M11.7012 6.87304C10.2252 6.87304 8.76724 6.88604 7.33524 6.91004C4.52824 6.91004 2.50024 8.88804 2.50024 11.612V16.262C2.50024 18.985 4.52824 20.963 7.32324 20.963C10.2702 21.012 13.2412 21.012 16.1652 20.963H16.1782C18.9722 20.963 21.0002 18.985 21.0002 16.262V11.612C21.0002 8.88804 18.9722 6.91004 16.1782 6.91004C14.6742 6.88604 13.1792 6.87304 11.7012 6.87304M11.7542 22.5C10.2712 22.5 8.78624 22.487 7.31024 22.463C3.65924 22.463 1.00024 19.854 1.00024 16.262V11.612C1.00024 8.01904 3.65924 5.41004 7.32324 5.41004C10.1922 5.36104 13.1802 5.36104 16.1902 5.41004C19.8412 5.41004 22.5002 8.01904 22.5002 11.612V16.262C22.5002 19.852 19.8452 22.46 16.1842 22.463C14.7162 22.487 13.2362 22.5 11.7542 22.5" fill={color || 'currentColor'}/>
+</g>
+  </svg>
+);
+IconlyRegularOutlineGameIcon.displayName = 'IconlyRegularOutlineGameIcon';
+
+export const IconlyRegularOutlineGraphIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path fillRule="evenodd" clipRule="evenodd" d="M8.98249 6.3035C8.95049 6.3035 8.91849 6.3075 8.88649 6.3155C5.91649 7.0465 3.50049 10.2645 3.50049 13.4885C3.50049 17.5445 6.80049 20.8445 10.8575 20.8445C14.5145 20.8445 17.5705 18.2395 18.1245 14.6495C18.1285 14.6195 18.1425 14.5325 18.0605 14.4355C17.9825 14.3445 17.8585 14.2905 17.7285 14.2905C16.3175 14.2905 15.2405 14.3225 14.3995 14.3465C12.3635 14.4075 11.5215 14.4305 10.6895 13.8135C9.43549 12.8845 9.32949 11.2885 9.32949 6.5945C9.32949 6.5105 9.29349 6.4405 9.22149 6.3845C9.15449 6.3315 9.06949 6.3035 8.98249 6.3035M10.8575 22.3445C5.97349 22.3445 2.00049 18.3715 2.00049 13.4885C2.00049 9.6165 4.92849 5.7445 8.52749 4.8585C9.08949 4.7215 9.69349 4.8495 10.1475 5.2035C10.5805 5.5435 10.8295 6.0505 10.8295 6.5945C10.8295 10.9795 10.9775 12.1595 11.5825 12.6085C11.9795 12.9015 12.5235 12.8985 14.3565 12.8475C15.2085 12.8225 16.2995 12.7905 17.7285 12.7905C18.2985 12.7905 18.8355 13.0345 19.1995 13.4595C19.5375 13.8545 19.6855 14.3705 19.6075 14.8785C18.9395 19.2035 15.2595 22.3445 10.8575 22.3445" fill={color || 'currentColor'}/>
+<mask id="ic_regular_outline_graph_mask0_42284_13776" style={{ maskType: 'luminance' }} maskUnits="userSpaceOnUse" x="12" y="1" width="11" height="11">
+<path fillRule="evenodd" clipRule="evenodd" d="M12.4741 1.00049H22.8931V11.2898H12.4741V1.00049Z" fill={color || 'currentColor'}/>
+</mask>
+<g mask="url(#ic_regular_outline_graph_mask0_42284_13776)">
+<path fillRule="evenodd" clipRule="evenodd" d="M14.0109 2.5018C13.9009 5.0208 14.0639 8.2748 14.1399 9.5638C14.1439 9.6408 14.1999 9.6968 14.2759 9.7008C15.3039 9.7598 18.8459 9.9238 21.3929 9.5488C21.3989 8.1448 20.4379 6.2408 18.9909 4.7948C17.5069 3.3128 15.7509 2.5018 14.0329 2.5018H14.0109ZM17.3149 11.2898C16.0049 11.2898 14.8519 11.2368 14.1889 11.1988C13.3549 11.1498 12.6909 10.4848 12.6429 9.6508C12.5649 8.3288 12.3959 4.9698 12.5159 2.3718C12.5489 1.6168 13.1589 1.0158 13.9049 1.0028C16.0419 0.940803 18.2469 1.9328 20.0509 3.7338C21.8089 5.4908 22.9249 7.7998 22.8929 9.6168C22.8809 10.3258 22.3659 10.9178 21.6699 11.0228C20.3119 11.2278 18.7219 11.2898 17.3149 11.2898V11.2898Z" fill={color || 'currentColor'}/>
+</g>
+  </svg>
+);
+IconlyRegularOutlineGraphIcon.displayName = 'IconlyRegularOutlineGraphIcon';
+
+export const IconlyRegularOutlineHeartIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <mask id="ic_regular_outline_heart_mask0_42284_13782" style={{ maskType: 'luminance' }} maskUnits="userSpaceOnUse" x="2" y="2" width="21" height="21">
+<path fillRule="evenodd" clipRule="evenodd" d="M2 2.99988H22.4725V22.5009H2V2.99988Z" fill={color || 'currentColor'}/>
+</mask>
+<g mask="url(#ic_regular_outline_heart_mask0_42284_13782)">
+<path fillRule="evenodd" clipRule="evenodd" d="M3.82371 12.123C5.22571 16.485 10.7647 20.012 12.2367 20.885C13.7137 20.003 19.2927 16.437 20.6497 12.127C21.5407 9.341 20.7137 5.812 17.4277 4.753C15.8357 4.242 13.9787 4.553 12.6967 5.545C12.4287 5.751 12.0567 5.755 11.7867 5.551C10.4287 4.53 8.65471 4.231 7.03771 4.753C3.75671 5.811 2.93271 9.34 3.82371 12.123M12.2377 22.501C12.1137 22.501 11.9907 22.471 11.8787 22.41C11.5657 22.239 4.19271 18.175 2.39571 12.581C2.39471 12.581 2.39471 12.58 2.39471 12.58C1.26671 9.058 2.52271 4.632 6.57771 3.325C8.48171 2.709 10.5567 2.98 12.2347 4.039C13.8607 3.011 16.0207 2.727 17.8867 3.325C21.9457 4.634 23.2057 9.059 22.0787 12.58C20.3397 18.11 12.9127 22.235 12.5977 22.408C12.4857 22.47 12.3617 22.501 12.2377 22.501" fill={color || 'currentColor'}/>
+</g>
+<path fillRule="evenodd" clipRule="evenodd" d="M18.1537 10.6249C17.7667 10.6249 17.4387 10.3279 17.4067 9.9359C17.3407 9.1139 16.7907 8.4199 16.0077 8.1669C15.6127 8.0389 15.3967 7.6159 15.5237 7.2229C15.6527 6.8289 16.0717 6.6149 16.4677 6.7389C17.8307 7.1799 18.7857 8.3869 18.9027 9.8139C18.9357 10.2269 18.6287 10.5889 18.2157 10.6219C18.1947 10.6239 18.1747 10.6249 18.1537 10.6249" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularOutlineHeartIcon.displayName = 'IconlyRegularOutlineHeartIcon';
+
+export const IconlyRegularOutlineHideIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.76082 15.6172C9.56882 15.6172 9.37682 15.5442 9.23082 15.3972C8.49282 14.6602 8.08582 13.6802 8.08582 12.6382C8.08582 10.4782 9.84182 8.72119 11.9998 8.72119C13.0378 8.72119 14.0458 9.14019 14.7648 9.87119C15.0548 10.1672 15.0518 10.6412 14.7558 10.9312C14.4608 11.2232 13.9868 11.2182 13.6958 10.9242C13.2568 10.4772 12.6388 10.2212 11.9998 10.2212C10.6688 10.2212 9.58582 11.3052 9.58582 12.6382C9.58582 13.2792 9.83682 13.8832 10.2908 14.3372C10.5838 14.6302 10.5838 15.1042 10.2918 15.3972C10.1448 15.5442 9.95282 15.6172 9.76082 15.6172" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M12.5674 16.4912C12.2124 16.4912 11.8964 16.2372 11.8304 15.8752C11.7564 15.4682 12.0264 15.0772 12.4344 15.0032C13.4144 14.8252 14.1904 14.0472 14.3664 13.0662C14.4404 12.6592 14.8304 12.3912 15.2374 12.4612C15.6454 12.5342 15.9164 12.9242 15.8434 13.3322C15.5564 14.9252 14.2944 16.1892 12.7024 16.4792C12.6574 16.4872 12.6114 16.4912 12.5674 16.4912" fill={color || 'currentColor'}/>
+<mask id="ic_regular_outline_hide_mask0_42284_13832" style={{ maskType: 'luminance' }} maskUnits="userSpaceOnUse" x="2" y="4" width="17" height="15">
+<path fillRule="evenodd" clipRule="evenodd" d="M2 4.62439H18.0862V18.7225H2V4.62439Z" fill={color || 'currentColor'}/>
+</mask>
+<g mask="url(#ic_regular_outline_hide_mask0_42284_13832)">
+<path fillRule="evenodd" clipRule="evenodd" d="M6.65438 18.7225C6.49238 18.7225 6.32938 18.6695 6.19138 18.5625C4.50038 17.2345 3.07138 15.2875 2.06138 12.9335C1.97938 12.7435 1.97938 12.5295 2.06138 12.3405C3.08238 9.97652 4.52038 8.01952 6.22038 6.68252C9.68638 3.93952 14.3004 3.93052 17.8014 6.70252C18.1264 6.95952 18.1814 7.43152 17.9244 7.75652C17.6664 8.07952 17.1964 8.13652 16.8704 7.87852C13.9044 5.53052 10.0834 5.53852 7.14938 7.86052C5.71338 8.99052 4.48038 10.6365 3.57038 12.6385C4.47138 14.6285 5.69338 16.2645 7.11838 17.3825C7.44438 17.6385 7.50038 18.1105 7.24438 18.4355C7.09638 18.6235 6.87638 18.7225 6.65438 18.7225" fill={color || 'currentColor'}/>
+</g>
+<mask id="ic_regular_outline_hide_mask1_42284_13832" style={{ maskType: 'luminance' }} maskUnits="userSpaceOnUse" x="8" y="8" width="14" height="13">
+<path fillRule="evenodd" clipRule="evenodd" d="M8.71753 8.74121H22.0001V20.6894H8.71753V8.74121Z" fill={color || 'currentColor'}/>
+</mask>
+<g mask="url(#ic_regular_outline_hide_mask1_42284_13832)">
+<path fillRule="evenodd" clipRule="evenodd" d="M12.0002 20.6894C11.0632 20.6894 10.1312 20.5374 9.23116 20.2384C8.83816 20.1074 8.62516 19.6824 8.75616 19.2894C8.88716 18.8954 9.31016 18.6864 9.70516 18.8144C10.4522 19.0634 11.2242 19.1894 12.0002 19.1894C15.4282 19.1894 18.5612 16.7474 20.4302 12.6364C19.9742 11.6374 19.4432 10.7324 18.8492 9.94242C18.6002 9.61142 18.6662 9.14042 18.9972 8.89142C19.3272 8.64242 19.7982 8.71042 20.0472 9.04042C20.7712 10.0014 21.4072 11.1124 21.9382 12.3384C22.0212 12.5284 22.0212 12.7444 21.9382 12.9334C19.8422 17.7904 16.1272 20.6894 12.0002 20.6894" fill={color || 'currentColor'}/>
+</g>
+<mask id="ic_regular_outline_hide_mask2_42284_13832" style={{ maskType: 'luminance' }} maskUnits="userSpaceOnUse" x="3" y="4" width="18" height="18">
+<path fillRule="evenodd" clipRule="evenodd" d="M3.36353 4.00037H20.637V21.2734H3.36353V4.00037Z" fill={color || 'currentColor'}/>
+</mask>
+<g mask="url(#ic_regular_outline_hide_mask2_42284_13832)">
+<path fillRule="evenodd" clipRule="evenodd" d="M4.11328 21.2734C3.92128 21.2734 3.72928 21.2004 3.58328 21.0534C3.29028 20.7604 3.29028 20.2864 3.58328 19.9934L19.3573 4.21938C19.6503 3.92638 20.1243 3.92638 20.4173 4.21938C20.7103 4.51238 20.7103 4.98738 20.4173 5.28038L4.64328 21.0534C4.49728 21.2004 4.30528 21.2734 4.11328 21.2734" fill={color || 'currentColor'}/>
+</g>
+  </svg>
+);
+IconlyRegularOutlineHideIcon.displayName = 'IconlyRegularOutlineHideIcon';
+
+export const IconlyRegularOutlineHomeIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <mask id="ic_regular_outline_home_mask0_42284_13779" style={{ maskType: 'luminance' }} maskUnits="userSpaceOnUse" x="2" y="1" width="21" height="22">
+<path fillRule="evenodd" clipRule="evenodd" d="M2 1.00018H22.4998V22.5052H2V1.00018Z" fill={color || 'currentColor'}/>
+</mask>
+<g mask="url(#ic_regular_outline_home_mask0_42284_13779)">
+<path fillRule="evenodd" clipRule="evenodd" d="M13.7168 15.2913C14.9208 15.2913 15.9008 16.2643 15.9008 17.4603V20.5363C15.9008 20.7933 16.1068 20.9993 16.3708 21.0053H18.2768C19.7788 21.0053 20.9998 19.7993 20.9998 18.3173V9.59331C20.9928 9.08331 20.7498 8.60331 20.3328 8.28431L13.7398 3.02631C12.8548 2.32531 11.6168 2.32531 10.7288 3.02831L4.18076 8.28231C3.74776 8.61131 3.50476 9.09131 3.49976 9.61031V18.3173C3.49976 19.7993 4.72076 21.0053 6.22276 21.0053H8.14676C8.41776 21.0053 8.63776 20.7903 8.63776 20.5263C8.63776 20.4683 8.64476 20.4103 8.65676 20.3553V17.4603C8.65676 16.2713 9.63076 15.2993 10.8258 15.2913H13.7168ZM18.2768 22.5053H16.3528C15.2508 22.4793 14.4008 21.6143 14.4008 20.5363V17.4603C14.4008 17.0913 14.0938 16.7913 13.7168 16.7913H10.8308C10.4618 16.7933 10.1568 17.0943 10.1568 17.4603V20.5263C10.1568 20.6013 10.1468 20.6733 10.1258 20.7413C10.0178 21.7313 9.17176 22.5053 8.14676 22.5053H6.22276C3.89376 22.5053 1.99976 20.6263 1.99976 18.3173V9.60331C2.00976 8.60931 2.46776 7.69931 3.25876 7.10031L9.79376 1.85531C11.2328 0.715311 13.2378 0.715311 14.6738 1.85331L21.2558 7.10331C22.0288 7.69231 22.4868 8.60031 22.4998 9.58231V18.3173C22.4998 20.6263 20.6058 22.5053 18.2768 22.5053V22.5053Z" fill={color || 'currentColor'}/>
+</g>
+  </svg>
+);
+IconlyRegularOutlineHomeIcon.displayName = 'IconlyRegularOutlineHomeIcon';
+
+export const IconlyRegularOutlineImage3Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <mask id="ic_regular_outline_image3_mask0_42284_13806" style={{ maskType: 'luminance' }} maskUnits="userSpaceOnUse" x="2" y="2" width="20" height="20">
+<path fillRule="evenodd" clipRule="evenodd" d="M2.00037 2.00012H21.9534V21.954H2.00037V2.00012Z" fill={color || 'currentColor'}/>
+</mask>
+<g mask="url(#ic_regular_outline_image3_mask0_42284_13806)">
+<path fillRule="evenodd" clipRule="evenodd" d="M7.65137 3.5C5.13037 3.5 3.50037 5.229 3.50037 7.904V16.05C3.50037 18.726 5.13037 20.454 7.65137 20.454H16.2974C18.8224 20.454 20.4534 18.726 20.4534 16.05V7.904C20.4554 6.541 20.0394 5.403 19.2514 4.614C18.5234 3.885 17.5044 3.5 16.3024 3.5H7.65137ZM16.2974 21.954H7.65137C4.27137 21.954 2.00037 19.581 2.00037 16.05V7.904C2.00037 4.373 4.27137 2 7.65137 2H16.3024C17.9104 2 19.2974 2.537 20.3124 3.554C21.3734 4.616 21.9554 6.161 21.9534 7.905V16.05C21.9534 19.581 19.6804 21.954 16.2974 21.954V21.954Z" fill={color || 'currentColor'}/>
+</g>
+<path fillRule="evenodd" clipRule="evenodd" d="M8.85635 7.68958C8.25235 7.68958 7.76135 8.18058 7.76135 8.78558C7.76135 9.38958 8.25235 9.88058 8.85735 9.88058C9.46135 9.88058 9.95335 9.38958 9.95335 8.78658C9.95235 8.18158 9.46035 7.69058 8.85635 7.68958M8.85735 11.3806C7.42535 11.3806 6.26135 10.2166 6.26135 8.78558C6.26135 7.35358 7.42535 6.18958 8.85735 6.18958C10.2884 6.19058 11.4524 7.35458 11.4534 8.78458V8.78558C11.4534 10.2166 10.2894 11.3806 8.85735 11.3806" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M3.74893 20.1113C3.62493 20.1113 3.49893 20.0803 3.38293 20.0153C3.02093 19.8123 2.89393 19.3553 3.09593 18.9943C3.15593 18.8863 4.59093 16.3493 6.16993 15.0493C7.42193 14.0193 8.76993 14.5853 9.85593 15.0423C10.4949 15.3113 11.0989 15.5653 11.6789 15.5653C12.2109 15.5653 12.8779 14.6253 13.4679 13.7963C14.2869 12.6403 15.2169 11.3323 16.5789 11.3323C18.7489 11.3323 20.6219 13.2683 21.6289 14.3083L21.7449 14.4283C22.0329 14.7253 22.0259 15.2003 21.7289 15.4893C21.4339 15.7783 20.9589 15.7713 20.6689 15.4733L20.5509 15.3513C19.6989 14.4703 18.1129 12.8323 16.5789 12.8323C15.9909 12.8323 15.3009 13.8053 14.6899 14.6643C13.8519 15.8443 12.9849 17.0653 11.6789 17.0653C10.7959 17.0653 9.98693 16.7253 9.27393 16.4243C8.13993 15.9463 7.62593 15.7933 7.12293 16.2073C5.75893 17.3313 4.41693 19.7053 4.40393 19.7283C4.26693 19.9733 4.01193 20.1113 3.74893 20.1113" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularOutlineImage3Icon.displayName = 'IconlyRegularOutlineImage3Icon';
+
+export const IconlyRegularOutlineImageIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <mask id="ic_regular_outline_image_mask0_42284_13791" style={{ maskType: 'luminance' }} maskUnits="userSpaceOnUse" x="2" y="2" width="20" height="20">
+<path fillRule="evenodd" clipRule="evenodd" d="M2.00037 2.00024H21.96V21.95H2.00037V2.00024Z" fill={color || 'currentColor'}/>
+</mask>
+<g mask="url(#ic_regular_outline_image_mask0_42284_13791)">
+<path fillRule="evenodd" clipRule="evenodd" d="M7.65037 3.5C5.12937 3.5 3.50037 5.227 3.50037 7.899V16.051C3.50037 18.724 5.12937 20.45 7.65037 20.45H16.3004C18.8274 20.45 20.4604 18.724 20.4604 16.051V7.899C20.4604 5.227 18.8274 3.5 16.3004 3.5H7.65037ZM16.3004 21.95H7.65037C4.27037 21.95 2.00037 19.579 2.00037 16.051V7.899C2.00037 4.371 4.27037 2 7.65037 2H16.3004C19.6854 2 21.9604 4.371 21.9604 7.899V16.051C21.9604 19.579 19.6854 21.95 16.3004 21.95V21.95Z" fill={color || 'currentColor'}/>
+</g>
+<path fillRule="evenodd" clipRule="evenodd" d="M5.28138 17.1805C5.09538 17.1805 4.91038 17.1125 4.76538 16.9745C4.46438 16.6905 4.45238 16.2145 4.73738 15.9155L6.26538 14.3025C7.07438 13.4435 8.43938 13.4015 9.30238 14.2115L10.2604 15.1835C10.5274 15.4535 10.9614 15.4585 11.2294 15.1945C11.3304 15.0755 13.5084 12.4305 13.5084 12.4305C13.9224 11.9285 14.5064 11.6185 15.1554 11.5545C15.8054 11.4975 16.4364 11.6865 16.9394 12.0995C16.9824 12.1345 17.0214 12.1685 19.2174 14.4235C19.5064 14.7195 19.5014 15.1945 19.2044 15.4835C18.9084 15.7745 18.4324 15.7655 18.1434 15.4695C18.1434 15.4695 16.0944 13.3665 15.9484 13.2245C15.7934 13.0975 15.5444 13.0235 15.2994 13.0475C15.0504 13.0725 14.8264 13.1915 14.6674 13.3845C12.3434 16.2035 12.3154 16.2305 12.2774 16.2675C11.4194 17.1095 10.0344 17.0955 9.19138 16.2355C9.19138 16.2355 8.26138 15.2915 8.24538 15.2725C8.01438 15.0585 7.60238 15.0725 7.35538 15.3335L5.82538 16.9465C5.67738 17.1025 5.47938 17.1805 5.28138 17.1805V17.1805Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M8.55757 8.12891C8.00457 8.12891 7.55457 8.57891 7.55457 9.13291C7.55457 9.68691 8.00457 10.1379 8.55857 10.1379C9.11257 10.1379 9.56357 9.68691 9.56357 9.13291C9.56357 8.57991 9.11257 8.12991 8.55757 8.12891M8.55857 11.6379C7.17757 11.6379 6.05457 10.5139 6.05457 9.13291C6.05457 7.75191 7.17757 6.62891 8.55857 6.62891C9.94057 6.62991 11.0636 7.75391 11.0636 9.13291C11.0636 10.5139 9.93957 11.6379 8.55857 11.6379" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularOutlineImageIcon.displayName = 'IconlyRegularOutlineImageIcon';
+
+export const IconlyRegularOutlineInfoSquareIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <mask id="ic_regular_outline_infosquare_mask0_42284_13814" style={{ maskType: 'luminance' }} maskUnits="userSpaceOnUse" x="2" y="2" width="20" height="20">
+<path fillRule="evenodd" clipRule="evenodd" d="M2 2H21.9999V22H2V2Z" fill={color || 'currentColor'}/>
+</mask>
+<g mask="url(#ic_regular_outline_infosquare_mask0_42284_13814)">
+<path fillRule="evenodd" clipRule="evenodd" d="M7.664 3.5C5.135 3.5 3.5 5.233 3.5 7.916V16.084C3.5 18.767 5.135 20.5 7.664 20.5H16.332C18.864 20.5 20.5 18.767 20.5 16.084V7.916C20.5 5.233 18.864 3.5 16.334 3.5H7.664ZM16.332 22H7.664C4.276 22 2 19.622 2 16.084V7.916C2 4.378 4.276 2 7.664 2H16.334C19.723 2 22 4.378 22 7.916V16.084C22 19.622 19.723 22 16.332 22V22Z" fill={color || 'currentColor'}/>
+</g>
+<path fillRule="evenodd" clipRule="evenodd" d="M11.994 16.75C11.58 16.75 11.244 16.414 11.244 16V12C11.244 11.586 11.58 11.25 11.994 11.25C12.408 11.25 12.744 11.586 12.744 12V16C12.744 16.414 12.408 16.75 11.994 16.75" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M11.9989 9.2041C11.4459 9.2041 10.9939 8.7571 10.9939 8.2041C10.9939 7.6511 11.4369 7.2041 11.9889 7.2041H11.9989C12.5519 7.2041 12.9989 7.6511 12.9989 8.2041C12.9989 8.7571 12.5519 9.2041 11.9989 9.2041" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularOutlineInfoSquareIcon.displayName = 'IconlyRegularOutlineInfoSquareIcon';
+
+export const IconlyRegularOutlineLocationIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.2505 8.5C11.2855 8.5 10.5005 9.285 10.5005 10.251C10.5005 11.216 11.2855 12 12.2505 12C13.2155 12 14.0005 11.216 14.0005 10.251C14.0005 9.285 13.2155 8.5 12.2505 8.5M12.2505 13.5C10.4585 13.5 9.00049 12.043 9.00049 10.251C9.00049 8.458 10.4585 7 12.2505 7C14.0425 7 15.5005 8.458 15.5005 10.251C15.5005 12.043 14.0425 13.5 12.2505 13.5" fill={color || 'currentColor'}/>
+<mask id="ic_regular_outline_location_mask0_42284_13846" style={{ maskType: 'luminance' }} maskUnits="userSpaceOnUse" x="4" y="2" width="17" height="20">
+<path fillRule="evenodd" clipRule="evenodd" d="M4 2H20.4995V21.5H4V2Z" fill={color || 'currentColor'}/>
+</mask>
+<g mask="url(#ic_regular_outline_location_mask0_42284_13846)">
+<path fillRule="evenodd" clipRule="evenodd" d="M12.2495 3.5C8.52751 3.5 5.49951 6.557 5.49951 10.313C5.49951 15.092 11.1235 19.748 12.2495 19.996C13.3755 19.747 18.9995 15.091 18.9995 10.313C18.9995 6.557 15.9715 3.5 12.2495 3.5V3.5ZM12.2495 21.5C10.4555 21.5 3.99951 15.948 3.99951 10.313C3.99951 5.729 7.70051 2 12.2495 2C16.7985 2 20.4995 5.729 20.4995 10.313C20.4995 15.948 14.0435 21.5 12.2495 21.5V21.5Z" fill={color || 'currentColor'}/>
+</g>
+  </svg>
+);
+IconlyRegularOutlineLocationIcon.displayName = 'IconlyRegularOutlineLocationIcon';
+
+export const IconlyRegularOutlineLockIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.9229 10.2C16.5089 10.2 16.1729 9.86401 16.1729 9.45001V7.30301C16.1729 5.20701 14.4679 3.50201 12.3719 3.50201H12.3559C11.3429 3.50201 10.3939 3.89201 9.67688 4.60301C8.95488 5.31701 8.55588 6.27001 8.55188 7.28601V9.45001C8.55188 9.86401 8.21588 10.2 7.80188 10.2C7.38788 10.2 7.05188 9.86401 7.05188 9.45001V7.30301C7.05788 5.86301 7.61488 4.53401 8.61988 3.53801C9.62588 2.54101 10.9539 1.96401 12.3749 2.00201C15.2949 2.00201 17.6729 4.38001 17.6729 7.30301V9.45001C17.6729 9.86401 17.3369 10.2 16.9229 10.2" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M8.542 10.1288C6.864 10.1288 5.5 11.4928 5.5 13.1708V17.4598C5.5 19.1378 6.864 20.5018 8.542 20.5018H16.183C17.86 20.5018 19.225 19.1378 19.225 17.4598V13.1708C19.225 11.4928 17.86 10.1288 16.183 10.1288H8.542ZM16.183 22.0018H8.542C6.037 22.0018 4 19.9648 4 17.4598V13.1708C4 10.6658 6.037 8.62878 8.542 8.62878H16.183C18.688 8.62878 20.725 10.6658 20.725 13.1708V17.4598C20.725 19.9648 18.688 22.0018 16.183 22.0018V22.0018Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M12.3623 17.1756C11.9483 17.1756 11.6123 16.8396 11.6123 16.4256V14.2046C11.6123 13.7906 11.9483 13.4546 12.3623 13.4546C12.7763 13.4546 13.1123 13.7906 13.1123 14.2046V16.4256C13.1123 16.8396 12.7763 17.1756 12.3623 17.1756" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularOutlineLockIcon.displayName = 'IconlyRegularOutlineLockIcon';
+
+export const IconlyRegularOutlineLoginIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.791 12.75H3.75C3.336 12.75 3 12.414 3 12C3 11.586 3.336 11.25 3.75 11.25H15.791C16.205 11.25 16.541 11.586 16.541 12C16.541 12.414 16.205 12.75 15.791 12.75" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M12.8633 15.665C12.6713 15.665 12.4783 15.592 12.3323 15.444C12.0393 15.15 12.0413 14.676 12.3343 14.384L14.7283 12L12.3343 9.61498C12.0413 9.32298 12.0393 8.84898 12.3323 8.55498C12.6253 8.26098 13.0993 8.26098 13.3923 8.55298L16.3213 11.469C16.4633 11.609 16.5423 11.801 16.5423 12C16.5423 12.199 16.4633 12.391 16.3213 12.531L13.3923 15.446C13.2463 15.592 13.0543 15.665 12.8633 15.665" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M17.042 22H12.157C9.71803 22 7.73303 20.015 7.73303 17.575V16.633C7.73303 16.219 8.06903 15.883 8.48303 15.883C8.89703 15.883 9.23303 16.219 9.23303 16.633V17.575C9.23303 19.187 10.545 20.5 12.157 20.5H17.042C18.661 20.5 19.978 19.184 19.978 17.564V6.425C19.978 4.813 18.665 3.5 17.053 3.5H12.168C10.55 3.5 9.23303 4.816 9.23303 6.434V7.367C9.23303 7.781 8.89703 8.117 8.48303 8.117C8.06903 8.117 7.73303 7.781 7.73303 7.367V6.434C7.73303 3.989 9.72303 2 12.168 2H17.053C19.492 2 21.478 3.985 21.478 6.425V17.564C21.478 20.01 19.487 22 17.042 22" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularOutlineLoginIcon.displayName = 'IconlyRegularOutlineLoginIcon';
+
+export const IconlyRegularOutlineLogoutIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.3192 22H6.43324C3.98924 22 2.00024 20.011 2.00024 17.565V6.436C2.00024 3.99 3.98924 2 6.43324 2H11.3082C13.7542 2 15.7442 3.99 15.7442 6.436V7.368C15.7442 7.782 15.4082 8.118 14.9942 8.118C14.5802 8.118 14.2442 7.782 14.2442 7.368V6.436C14.2442 4.816 12.9272 3.5 11.3082 3.5H6.43324C4.81624 3.5 3.50024 4.816 3.50024 6.436V17.565C3.50024 19.184 4.81624 20.5 6.43324 20.5H11.3192C12.9312 20.5 14.2442 19.188 14.2442 17.576V16.633C14.2442 16.219 14.5802 15.883 14.9942 15.883C15.4082 15.883 15.7442 16.219 15.7442 16.633V17.576C15.7442 20.016 13.7582 22 11.3192 22" fill={color || 'currentColor'}/>
+<mask id="ic_regular_outline_logout_mask0_42284_13825" style={{ maskType: 'luminance' }} maskUnits="userSpaceOnUse" x="8" y="11" width="15" height="2">
+<path fillRule="evenodd" clipRule="evenodd" d="M8.99609 11.25H22.537V12.75H8.99609V11.25Z" fill={color || 'currentColor'}/>
+</mask>
+<g mask="url(#ic_regular_outline_logout_mask0_42284_13825)">
+<path fillRule="evenodd" clipRule="evenodd" d="M21.7871 12.75H9.74609C9.33209 12.75 8.99609 12.414 8.99609 12C8.99609 11.586 9.33209 11.25 9.74609 11.25H21.7871C22.2011 11.25 22.5371 11.586 22.5371 12C22.5371 12.414 22.2011 12.75 21.7871 12.75" fill={color || 'currentColor'}/>
+</g>
+<mask id="ic_regular_outline_logout_mask1_42284_13825" style={{ maskType: 'luminance' }} maskUnits="userSpaceOnUse" x="18" y="8" width="5" height="8">
+<path fillRule="evenodd" clipRule="evenodd" d="M18.1096 8.33521H22.537V15.666H18.1096V8.33521Z" fill={color || 'currentColor'}/>
+</mask>
+<g mask="url(#ic_regular_outline_logout_mask1_42284_13825)">
+<path fillRule="evenodd" clipRule="evenodd" d="M18.8594 15.666C18.6674 15.666 18.4744 15.593 18.3284 15.445C18.0364 15.151 18.0374 14.677 18.3304 14.385L20.7244 12L18.3304 9.61596C18.0374 9.32396 18.0354 8.84996 18.3284 8.55596C18.6204 8.26196 19.0944 8.26196 19.3884 8.55396L22.3164 11.469C22.4584 11.609 22.5374 11.801 22.5374 12C22.5374 12.199 22.4584 12.391 22.3164 12.531L19.3884 15.447C19.2424 15.593 19.0504 15.666 18.8594 15.666" fill={color || 'currentColor'}/>
+</g>
+  </svg>
+);
+IconlyRegularOutlineLogoutIcon.displayName = 'IconlyRegularOutlineLogoutIcon';
+
+export const IconlyRegularOutlineMessageIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.777 13.4647C11.108 13.4647 10.441 13.2437 9.88298 12.8017L5.39798 9.18574C5.07498 8.92574 5.02498 8.45274 5.28398 8.13074C5.54498 7.80974 6.01698 7.75874 6.33898 8.01774L10.82 11.6297C11.383 12.0757 12.176 12.0757 12.743 11.6257L17.179 8.01974C17.501 7.75674 17.973 7.80674 18.235 8.12874C18.496 8.44974 18.447 8.92174 18.126 9.18374L13.682 12.7957C13.12 13.2417 12.448 13.4647 11.777 13.4647" fill={color || 'currentColor'}/>
+<mask id="ic_regular_outline_message_mask0_42284_13836" style={{ maskType: 'luminance' }} maskUnits="userSpaceOnUse" x="1" y="2" width="22" height="20">
+<path fillRule="evenodd" clipRule="evenodd" d="M1 2H22.4999V21.5H1V2Z" fill={color || 'currentColor'}/>
+</mask>
+<g mask="url(#ic_regular_outline_message_mask0_42284_13836)">
+<path fillRule="evenodd" clipRule="evenodd" d="M6.839 20H16.659C16.661 19.998 16.669 20 16.675 20C17.816 20 18.828 19.592 19.604 18.817C20.505 17.92 21 16.631 21 15.188V8.32C21 5.527 19.174 3.5 16.659 3.5H6.841C4.326 3.5 2.5 5.527 2.5 8.32V15.188C2.5 16.631 2.996 17.92 3.896 18.817C4.672 19.592 5.685 20 6.825 20H6.839ZM6.822 21.5C5.279 21.5 3.901 20.94 2.837 19.88C1.652 18.698 1 17.032 1 15.188V8.32C1 4.717 3.511 2 6.841 2H16.659C19.989 2 22.5 4.717 22.5 8.32V15.188C22.5 17.032 21.848 18.698 20.663 19.88C19.6 20.939 18.221 21.5 16.675 21.5H16.659H6.841H6.822Z" fill={color || 'currentColor'}/>
+</g>
+  </svg>
+);
+IconlyRegularOutlineMessageIcon.displayName = 'IconlyRegularOutlineMessageIcon';
+
+export const IconlyRegularOutlineMoreCircleIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path fillRule="evenodd" clipRule="evenodd" d="M12 3.5C7.313 3.5 3.5 7.313 3.5 12C3.5 16.687 7.313 20.5 12 20.5C16.687 20.5 20.5 16.687 20.5 12C20.5 7.313 16.687 3.5 12 3.5M12 22C6.486 22 2 17.514 2 12C2 6.486 6.486 2 12 2C17.514 2 22 6.486 22 12C22 17.514 17.514 22 12 22" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M15.9482 13.0137C15.3952 13.0137 14.9432 12.5667 14.9432 12.0137C14.9432 11.4607 15.3862 11.0137 15.9382 11.0137H15.9482C16.5012 11.0137 16.9482 11.4607 16.9482 12.0137C16.9482 12.5667 16.5012 13.0137 15.9482 13.0137" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M11.9384 13.0137C11.3854 13.0137 10.9344 12.5667 10.9344 12.0137C10.9344 11.4607 11.3764 11.0137 11.9294 11.0137H11.9384C12.4914 11.0137 12.9384 11.4607 12.9384 12.0137C12.9384 12.5667 12.4914 13.0137 11.9384 13.0137" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M7.92968 13.0137C7.37668 13.0137 6.92468 12.5667 6.92468 12.0137C6.92468 11.4607 7.36768 11.0137 7.92068 11.0137H7.92968C8.48268 11.0137 8.92968 11.4607 8.92968 12.0137C8.92968 12.5667 8.48268 13.0137 7.92968 13.0137" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularOutlineMoreCircleIcon.displayName = 'IconlyRegularOutlineMoreCircleIcon';
+
+export const IconlyRegularOutlineMoreSquareIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path fillRule="evenodd" clipRule="evenodd" d="M7.665 3.5C5.135 3.5 3.5 5.233 3.5 7.916V16.084C3.5 18.767 5.135 20.5 7.665 20.5H16.333C18.864 20.5 20.5 18.767 20.5 16.084V7.916C20.5 5.233 18.864 3.5 16.334 3.5H7.665ZM16.333 22H7.665C4.276 22 2 19.622 2 16.084V7.916C2 4.378 4.276 2 7.665 2H16.334C19.723 2 22 4.378 22 7.916V16.084C22 19.622 19.723 22 16.333 22V22Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M15.9482 13.0137C15.3952 13.0137 14.9432 12.5667 14.9432 12.0137C14.9432 11.4607 15.3862 11.0137 15.9382 11.0137H15.9482C16.5012 11.0137 16.9482 11.4607 16.9482 12.0137C16.9482 12.5667 16.5012 13.0137 15.9482 13.0137" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M11.9384 13.0137C11.3854 13.0137 10.9344 12.5667 10.9344 12.0137C10.9344 11.4607 11.3764 11.0137 11.9294 11.0137H11.9384C12.4914 11.0137 12.9384 11.4607 12.9384 12.0137C12.9384 12.5667 12.4914 13.0137 11.9384 13.0137" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M7.92968 13.0137C7.37668 13.0137 6.92468 12.5667 6.92468 12.0137C6.92468 11.4607 7.36768 11.0137 7.92068 11.0137H7.92968C8.48268 11.0137 8.92968 11.4607 8.92968 12.0137C8.92968 12.5667 8.48268 13.0137 7.92968 13.0137" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularOutlineMoreSquareIcon.displayName = 'IconlyRegularOutlineMoreSquareIcon';
+
+export const IconlyRegularOutlineNotificationIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <mask id="ic_regular_outline_notification_mask0_42284_13780" style={{ maskType: 'luminance' }} maskUnits="userSpaceOnUse" x="3" y="1" width="19" height="18">
+<path fillRule="evenodd" clipRule="evenodd" d="M3.00012 1H21.497V18.348H3.00012V1Z" fill={color || 'currentColor'}/>
+</mask>
+<g mask="url(#ic_regular_outline_notification_mask0_42284_13780)">
+<path fillRule="evenodd" clipRule="evenodd" d="M12.2471 2.5C8.75214 2.5 6.31614 5.238 6.31614 7.695C6.31614 9.774 5.73914 10.735 5.22914 11.583C4.82014 12.264 4.49714 12.802 4.49714 13.971C4.66414 15.857 5.90914 16.848 12.2471 16.848C18.5501 16.848 19.8341 15.813 20.0001 13.906C19.9971 12.802 19.6741 12.264 19.2651 11.583C18.7551 10.735 18.1781 9.774 18.1781 7.695C18.1781 5.238 15.7421 2.5 12.2471 2.5M12.2471 18.348C7.57114 18.348 3.34514 18.018 3.00014 14.035C2.99714 12.387 3.50014 11.549 3.94414 10.811C4.39314 10.063 4.81614 9.358 4.81614 7.695C4.81614 4.462 7.80213 1 12.2471 1C16.6921 1 19.6781 4.462 19.6781 7.695C19.6781 9.358 20.1011 10.063 20.5501 10.811C20.9941 11.549 21.4971 12.387 21.4971 13.971C21.1481 18.018 16.9231 18.348 12.2471 18.348" fill={color || 'currentColor'}/>
+</g>
+<path fillRule="evenodd" clipRule="evenodd" d="M12.1984 22.5H12.1964C11.0754 22.499 10.0144 22.005 9.20939 21.108C8.93239 20.801 8.95739 20.326 9.26539 20.05C9.57339 19.772 10.0474 19.797 10.3244 20.106C10.8424 20.683 11.5074 21 12.1974 21H12.1984C12.8914 21 13.5594 20.683 14.0784 20.105C14.3564 19.798 14.8304 19.773 15.1374 20.05C15.4454 20.327 15.4704 20.802 15.1934 21.109C14.3854 22.006 13.3224 22.5 12.1984 22.5" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularOutlineNotificationIcon.displayName = 'IconlyRegularOutlineNotificationIcon';
+
+export const IconlyRegularOutlinePaperDownloadIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <mask id="ic_regular_outline_paperdownload_mask0_42284_13793" style={{ maskType: 'luminance' }} maskUnits="userSpaceOnUse" x="3" y="2" width="18" height="20">
+<path fillRule="evenodd" clipRule="evenodd" d="M3.00024 2.01172H20.0524V21.8652H3.00024V2.01172Z" fill={color || 'currentColor'}/>
+</mask>
+<g mask="url(#ic_regular_outline_paperdownload_mask0_42284_13793)">
+<path fillRule="evenodd" clipRule="evenodd" d="M7.57331 3.51172C5.91631 3.51172 4.54031 4.85372 4.50131 6.50872V17.2277C4.46531 18.9287 5.80531 20.3287 7.49031 20.3657H15.5733C17.2423 20.3057 18.5633 18.9287 18.5523 17.2327V8.33972L13.9183 3.51172H7.58531H7.57331ZM7.58531 21.8657H7.45931C4.94731 21.8117 2.94731 19.7237 3.00131 17.2117V6.49072C3.06031 4.00972 5.10831 2.01172 7.57031 2.01172H7.58831H14.2373C14.4413 2.01172 14.6363 2.09472 14.7783 2.24172L19.8443 7.51872C19.9773 7.65772 20.0523 7.84472 20.0523 8.03772V17.2277C20.0683 19.7367 18.1123 21.7757 15.5993 21.8657H7.58531Z" fill={color || 'currentColor'}/>
+</g>
+<path fillRule="evenodd" clipRule="evenodd" d="M19.298 8.98431H16.544C14.713 8.97931 13.226 7.48731 13.226 5.65931V2.75031C13.226 2.33631 13.562 2.00031 13.976 2.00031C14.39 2.00031 14.726 2.33631 14.726 2.75031V5.65931C14.726 6.66331 15.542 7.48131 16.546 7.48431H19.298C19.712 7.48431 20.048 7.82031 20.048 8.23431C20.048 8.64831 19.712 8.98431 19.298 8.98431" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M11.1427 16.7002C10.7287 16.7002 10.3927 16.3642 10.3927 15.9502V9.90918C10.3927 9.49518 10.7287 9.15918 11.1427 9.15918C11.5567 9.15918 11.8927 9.49518 11.8927 9.90918V15.9502C11.8927 16.3642 11.5567 16.7002 11.1427 16.7002" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M11.1417 16.6992C10.9427 16.6992 10.7507 16.6202 10.6107 16.4782L8.26574 14.1242C7.97374 13.8302 7.97474 13.3552 8.26774 13.0632C8.56174 12.7712 9.03674 12.7712 9.32874 13.0652L11.1417 14.8872L12.9547 13.0652C13.2467 12.7712 13.7217 12.7712 14.0157 13.0632C14.3087 13.3552 14.3097 13.8302 14.0177 14.1242L11.6727 16.4782C11.5327 16.6202 11.3407 16.6992 11.1417 16.6992" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularOutlinePaperDownloadIcon.displayName = 'IconlyRegularOutlinePaperDownloadIcon';
+
+export const IconlyRegularOutlinePaperFailIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <mask id="ic_regular_outline_paperfail_mask0_42284_13803" style={{ maskType: 'luminance' }} maskUnits="userSpaceOnUse" x="3" y="2" width="18" height="20">
+<path fillRule="evenodd" clipRule="evenodd" d="M3 2.01172H20.0515V21.8667H3V2.01172Z" fill={color || 'currentColor'}/>
+</mask>
+<g mask="url(#ic_regular_outline_paperfail_mask0_42284_13803)">
+<path fillRule="evenodd" clipRule="evenodd" d="M7.47851 3.51172C5.83551 3.51172 4.49951 4.84872 4.49951 6.49072V17.3397C4.50451 18.1507 4.82651 18.9147 5.40551 19.4877C5.98351 20.0587 6.78051 20.3867 7.56651 20.3667C7.57351 20.3667 7.68351 20.3657 7.68951 20.3657H15.5725C17.2145 20.3477 18.5545 18.9907 18.5515 17.3407V8.34172L13.9165 3.51172H7.47851ZM7.54251 21.8667C6.34251 21.8667 5.20751 21.4017 4.35051 20.5537C3.48651 19.6997 3.00651 18.5597 2.99951 17.3437V6.49072C2.99951 4.02172 5.00851 2.01172 7.47851 2.01172H14.2365C14.4405 2.01172 14.6355 2.09472 14.7775 2.24172L19.8425 7.52072C19.9765 7.65972 20.0515 7.84672 20.0515 8.03972V17.3397C20.0565 19.8087 18.0505 21.8397 15.5805 21.8657L7.57151 21.8667H7.54251Z" fill={color || 'currentColor'}/>
+</g>
+<path fillRule="evenodd" clipRule="evenodd" d="M19.2969 8.98443H16.5409C14.7109 8.97943 13.2239 7.48743 13.2239 5.65943V2.75043C13.2239 2.33643 13.5599 2.00043 13.9739 2.00043C14.3879 2.00043 14.7239 2.33643 14.7239 2.75043V5.65943C14.7239 6.66343 15.5399 7.48143 16.5429 7.48443H19.2969C19.7109 7.48443 20.0469 7.82043 20.0469 8.23443C20.0469 8.64843 19.7109 8.98443 19.2969 8.98443" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M13.0752 15.3986C12.8832 15.3986 12.6912 15.3256 12.5452 15.1786L9.07925 11.7126C8.78625 11.4196 8.78625 10.9456 9.07925 10.6526C9.37225 10.3596 9.84625 10.3596 10.1392 10.6526L13.6052 14.1186C13.8982 14.4116 13.8982 14.8856 13.6052 15.1786C13.4592 15.3256 13.2672 15.3986 13.0752 15.3986" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M9.61035 15.3986C9.41835 15.3986 9.22635 15.3256 9.08035 15.1786C8.78735 14.8856 8.78735 14.4116 9.08035 14.1186L12.5463 10.6526C12.8393 10.3596 13.3133 10.3596 13.6063 10.6526C13.8993 10.9456 13.8993 11.4196 13.6063 11.7126L10.1403 15.1786C9.99435 15.3256 9.80235 15.3986 9.61035 15.3986" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularOutlinePaperFailIcon.displayName = 'IconlyRegularOutlinePaperFailIcon';
+
+export const IconlyRegularOutlinePaperNegativeIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path fillRule="evenodd" clipRule="evenodd" d="M7.5719 3.51172C5.9149 3.51172 4.5399 4.85372 4.5009 6.50872V17.3397C4.4719 18.9867 5.7789 20.3387 7.4129 20.3667L7.5609 20.3657H15.5729C17.2149 20.3477 18.5539 18.9907 18.5519 17.3407V8.34172L13.9169 3.51172H7.5849H7.5719ZM7.3989 21.8667C4.9259 21.8237 2.9589 19.7867 3.0009 17.3267V6.49072C3.0579 4.00972 5.1059 2.01172 7.5689 2.01172H7.5879H14.2359C14.4399 2.01172 14.6349 2.09472 14.7769 2.24172L19.8429 7.52072C19.9769 7.65972 20.0519 7.84672 20.0519 8.03972V17.3397C20.0559 19.8087 18.0499 21.8397 15.5809 21.8657L7.3989 21.8667Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M19.2966 8.98443H16.5426C14.7116 8.97943 13.2236 7.48743 13.2236 5.65943V2.75043C13.2236 2.33643 13.5596 2.00043 13.9736 2.00043C14.3876 2.00043 14.7236 2.33643 14.7236 2.75043V5.65943C14.7236 6.66343 15.5406 7.48143 16.5446 7.48443H19.2966C19.7106 7.48443 20.0466 7.82043 20.0466 8.23443C20.0466 8.64843 19.7106 8.98443 19.2966 8.98443" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M13.7926 14.4971H8.89355C8.47955 14.4971 8.14355 14.1611 8.14355 13.7471C8.14355 13.3331 8.47955 12.9971 8.89355 12.9971H13.7926C14.2066 12.9971 14.5426 13.3331 14.5426 13.7471C14.5426 14.1611 14.2066 14.4971 13.7926 14.4971" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularOutlinePaperNegativeIcon.displayName = 'IconlyRegularOutlinePaperNegativeIcon';
+
+export const IconlyRegularOutlinePaperPlusIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path fillRule="evenodd" clipRule="evenodd" d="M7.5729 3.51172C5.9149 3.51172 4.5399 4.85372 4.5009 6.50872V17.3397C4.4719 18.9867 5.7789 20.3387 7.4139 20.3667L7.5609 20.3657H15.5729C17.2149 20.3477 18.5539 18.9907 18.5519 17.3407V8.34172L13.9179 3.51172H7.5849H7.5729ZM7.3999 21.8667C4.9269 21.8237 2.9589 19.7867 3.0009 17.3267V6.49072C3.0579 4.00972 5.1069 2.01172 7.5699 2.01172H7.5879H14.2369C14.4409 2.01172 14.6359 2.09472 14.7779 2.24172L19.8439 7.52072C19.9769 7.65972 20.0519 7.84672 20.0519 8.03972V17.3397C20.0559 19.8087 18.0499 21.8397 15.5809 21.8657L7.3999 21.8667Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M19.2975 8.98443H16.5435C14.7125 8.97943 13.2245 7.48743 13.2245 5.65943V2.75043C13.2245 2.33643 13.5605 2.00043 13.9745 2.00043C14.3885 2.00043 14.7245 2.33643 14.7245 2.75043V5.65943C14.7245 6.66343 15.5415 7.48143 16.5455 7.48443H19.2975C19.7115 7.48443 20.0475 7.82043 20.0475 8.23443C20.0475 8.64843 19.7115 8.98443 19.2975 8.98443" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M13.7937 13.6641H8.89465C8.48065 13.6641 8.14465 13.3281 8.14465 12.9141C8.14465 12.5001 8.48065 12.1641 8.89465 12.1641H13.7937C14.2077 12.1641 14.5437 12.5001 14.5437 12.9141C14.5437 13.3281 14.2077 13.6641 13.7937 13.6641" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M11.3444 16.1144C10.9304 16.1144 10.5944 15.7784 10.5944 15.3644V10.4644C10.5944 10.0504 10.9304 9.71436 11.3444 9.71436C11.7584 9.71436 12.0944 10.0504 12.0944 10.4644V15.3644C12.0944 15.7784 11.7584 16.1144 11.3444 16.1144" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularOutlinePaperPlusIcon.displayName = 'IconlyRegularOutlinePaperPlusIcon';
+
+export const IconlyRegularOutlinePaperUploadIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <mask id="ic_regular_outline_paperupload_mask0_42284_13808" style={{ maskType: 'luminance' }} maskUnits="userSpaceOnUse" x="3" y="2" width="18" height="20">
+<path fillRule="evenodd" clipRule="evenodd" d="M3.00024 2.01172H20.0524V21.8652H3.00024V2.01172Z" fill={color || 'currentColor'}/>
+</mask>
+<g mask="url(#ic_regular_outline_paperupload_mask0_42284_13808)">
+<path fillRule="evenodd" clipRule="evenodd" d="M7.57331 3.51172C5.91631 3.51172 4.54031 4.85372 4.50131 6.50872V17.2277C4.46531 18.9287 5.80531 20.3287 7.49031 20.3657H15.5733C17.2423 20.3057 18.5633 18.9287 18.5523 17.2327V8.33972L13.9183 3.51172H7.58531H7.57331ZM7.58531 21.8657H7.45931C4.94731 21.8117 2.94731 19.7237 3.00131 17.2117V6.49072C3.06031 4.00972 5.10831 2.01172 7.57031 2.01172H7.58831H14.2373C14.4413 2.01172 14.6363 2.09472 14.7783 2.24172L19.8443 7.51872C19.9773 7.65772 20.0523 7.84472 20.0523 8.03772V17.2277C20.0683 19.7367 18.1123 21.7757 15.5993 21.8657H7.58531Z" fill={color || 'currentColor'}/>
+</g>
+<path fillRule="evenodd" clipRule="evenodd" d="M19.298 8.98431H16.544C14.713 8.97931 13.226 7.48731 13.226 5.65931V2.75031C13.226 2.33631 13.562 2.00031 13.976 2.00031C14.39 2.00031 14.726 2.33631 14.726 2.75031V5.65931C14.726 6.66331 15.542 7.48131 16.546 7.48431H19.298C19.712 7.48431 20.048 7.82031 20.048 8.23431C20.048 8.64831 19.712 8.98431 19.298 8.98431" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M11.1417 16.7002C10.7277 16.7002 10.3917 16.3642 10.3917 15.9502V9.90918C10.3917 9.49518 10.7277 9.15918 11.1417 9.15918C11.5557 9.15918 11.8917 9.49518 11.8917 9.90918V15.9502C11.8917 16.3642 11.5557 16.7002 11.1417 16.7002" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M8.79699 13.0146C8.60599 13.0146 8.41399 12.9416 8.26799 12.7956C7.97499 12.5036 7.97299 12.0296 8.26599 11.7356L10.61 9.37961C10.892 9.09661 11.392 9.09661 11.673 9.37961L14.019 11.7356C14.311 12.0296 14.31 12.5036 14.017 12.7956C13.723 13.0876 13.248 13.0876 12.956 12.7936L11.142 10.9716L9.32799 12.7936C9.18199 12.9416 8.98899 13.0146 8.79699 13.0146" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularOutlinePaperUploadIcon.displayName = 'IconlyRegularOutlinePaperUploadIcon';
+
+export const IconlyRegularOutlinePaperIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <mask id="ic_regular_outline_paper_mask0_42284_13783" style={{ maskType: 'luminance' }} maskUnits="userSpaceOnUse" x="3" y="2" width="18" height="20">
+<path fillRule="evenodd" clipRule="evenodd" d="M3.00024 2.01172H20.0529V21.8652H3.00024V2.01172Z" fill={color || 'currentColor'}/>
+</mask>
+<g mask="url(#ic_regular_outline_paper_mask0_42284_13783)">
+<path fillRule="evenodd" clipRule="evenodd" d="M7.57335 3.51172C5.91635 3.51172 4.54035 4.85372 4.50135 6.50872V17.2037C4.46435 18.9167 5.81435 20.3277 7.51035 20.3657H15.5743C17.2433 20.2967 18.5653 18.9097 18.5533 17.2097V8.33972L13.9183 3.51172H7.58535H7.57335ZM7.58535 21.8657H7.47635C4.95435 21.8087 2.94635 19.7107 3.00135 17.1877V6.49072C3.05935 4.00972 5.10835 2.01172 7.57135 2.01172H7.58835H14.2383C14.4423 2.01172 14.6373 2.09472 14.7793 2.24172L19.8443 7.51872C19.9783 7.65772 20.0533 7.84472 20.0533 8.03772V17.2037C20.0713 19.7127 18.1173 21.7627 15.6043 21.8647L7.58535 21.8657Z" fill={color || 'currentColor'}/>
+</g>
+<path fillRule="evenodd" clipRule="evenodd" d="M19.2985 8.98431H16.5435C14.7135 8.97931 13.2255 7.48731 13.2255 5.65931V2.75031C13.2255 2.33631 13.5615 2.00031 13.9755 2.00031C14.3895 2.00031 14.7255 2.33631 14.7255 2.75031V5.65931C14.7255 6.66331 15.5425 7.48131 16.5455 7.48431H19.2985C19.7125 7.48431 20.0485 7.82031 20.0485 8.23431C20.0485 8.64831 19.7125 8.98431 19.2985 8.98431" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M13.7887 16.1084H8.38867C7.97467 16.1084 7.63867 15.7724 7.63867 15.3584C7.63867 14.9444 7.97467 14.6084 8.38867 14.6084H13.7887C14.2027 14.6084 14.5387 14.9444 14.5387 15.3584C14.5387 15.7724 14.2027 16.1084 13.7887 16.1084" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M11.7437 12.3564H8.3877C7.9737 12.3564 7.6377 12.0204 7.6377 11.6064C7.6377 11.1924 7.9737 10.8564 8.3877 10.8564H11.7437C12.1577 10.8564 12.4937 11.1924 12.4937 11.6064C12.4937 12.0204 12.1577 12.3564 11.7437 12.3564" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularOutlinePaperIcon.displayName = 'IconlyRegularOutlinePaperIcon';
+
+export const IconlyRegularOutlinePasswordIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <mask id="ic_regular_outline_password_mask0_42284_13823" style={{ maskType: 'luminance' }} maskUnits="userSpaceOnUse" x="2" y="2" width="20" height="20">
+<path fillRule="evenodd" clipRule="evenodd" d="M2 2H21.9999V22H2V2Z" fill={color || 'currentColor'}/>
+</mask>
+<g mask="url(#ic_regular_outline_password_mask0_42284_13823)">
+<path fillRule="evenodd" clipRule="evenodd" d="M7.664 3.5C5.135 3.5 3.5 5.233 3.5 7.916V16.084C3.5 18.767 5.135 20.5 7.664 20.5H16.332C18.864 20.5 20.5 18.767 20.5 16.084V7.916C20.5 5.233 18.864 3.5 16.334 3.5H7.664ZM16.332 22H7.664C4.276 22 2 19.622 2 16.084V7.916C2 4.378 4.276 2 7.664 2H16.334C19.723 2 22 4.378 22 7.916V16.084C22 19.622 19.723 22 16.332 22V22Z" fill={color || 'currentColor'}/>
+</g>
+<path fillRule="evenodd" clipRule="evenodd" d="M8.83874 10.8984C8.22874 10.8984 7.73474 11.3924 7.73474 12.0004C7.73474 12.6084 8.22874 13.1024 8.83674 13.1024C9.44374 13.1024 9.93874 12.6084 9.93874 12.0004C9.93874 11.3934 9.44474 10.8994 8.83874 10.8984M8.83674 14.6024C7.40174 14.6024 6.23474 13.4344 6.23474 12.0004C6.23474 10.5654 7.40174 9.39838 8.83674 9.39838C10.2737 9.39938 11.4387 10.5664 11.4387 12.0004C11.4387 13.4344 10.2717 14.6024 8.83674 14.6024" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M17.0097 14.6025C16.5957 14.6025 16.2597 14.2665 16.2597 13.8525V12.7495H10.6917C10.2777 12.7495 9.94165 12.4145 9.94165 11.9995C9.94165 11.5855 10.2777 11.2495 10.6917 11.2495H17.0097C17.4237 11.2495 17.7597 11.5855 17.7597 11.9995V13.8525C17.7597 14.2665 17.4237 14.6025 17.0097 14.6025" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M14.1815 14.6025C13.7675 14.6025 13.4315 14.2665 13.4315 13.8525V11.9995C13.4315 11.5855 13.7675 11.2495 14.1815 11.2495C14.5955 11.2495 14.9315 11.5855 14.9315 11.9995V13.8525C14.9315 14.2665 14.5955 14.6025 14.1815 14.6025" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularOutlinePasswordIcon.displayName = 'IconlyRegularOutlinePasswordIcon';
+
+export const IconlyRegularOutlinePlayIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.25 3.5C7.425 3.5 3.5 7.425 3.5 12.25C3.5 17.075 7.425 21 12.25 21C17.075 21 21 17.075 21 12.25C21 7.425 17.075 3.5 12.25 3.5M12.25 22.5C6.598 22.5 2 17.902 2 12.25C2 6.598 6.598 2 12.25 2C17.902 2 22.5 6.598 22.5 12.25C22.5 17.902 17.902 22.5 12.25 22.5" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M11.1338 10.0864C10.9568 11.0874 10.9538 13.4784 11.1308 14.4284C12.0088 14.1184 13.9108 12.8684 14.4228 12.2494C13.9128 11.6484 12.0348 10.4244 11.1338 10.0864V10.0864ZM10.8278 16.0014C10.5578 16.0014 10.3018 15.9244 10.0928 15.7164C9.93176 15.5574 9.50176 15.1324 9.49976 12.3334C9.49876 9.36139 9.94576 8.91939 10.0928 8.77239C10.6158 8.25439 11.4678 8.60939 11.8308 8.76139C12.3508 8.97839 15.9998 10.8474 15.9998 12.2454C15.9998 13.5554 12.7158 15.3874 11.8768 15.7374C11.5498 15.8734 11.1768 16.0014 10.8278 16.0014V16.0014Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularOutlinePlayIcon.displayName = 'IconlyRegularOutlinePlayIcon';
+
+export const IconlyRegularOutlinePlusIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.75 16.1543C11.336 16.1543 11 15.8183 11 15.4043V8.07727C11 7.66327 11.336 7.32727 11.75 7.32727C12.164 7.32727 12.5 7.66327 12.5 8.07727V15.4043C12.5 15.8183 12.164 16.1543 11.75 16.1543" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M15.4165 12.4902H8.0835C7.6685 12.4902 7.3335 12.1542 7.3335 11.7402C7.3335 11.3262 7.6685 10.9902 8.0835 10.9902H15.4165C15.8305 10.9902 16.1665 11.3262 16.1665 11.7402C16.1665 12.1542 15.8305 12.4902 15.4165 12.4902" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M7.064 2.5C4.292 2.5 2.5 4.397 2.5 7.335V16.165C2.5 19.103 4.292 21 7.064 21H16.436C19.209 21 21 19.103 21 16.165V7.335C21 4.397 19.209 2.5 16.436 2.5H7.064ZM16.436 22.5H7.064C3.437 22.5 1 19.954 1 16.165V7.335C1 3.546 3.437 1 7.064 1H16.436C20.063 1 22.5 3.546 22.5 7.335V16.165C22.5 19.954 20.063 22.5 16.436 22.5V22.5Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularOutlinePlusIcon.displayName = 'IconlyRegularOutlinePlusIcon';
+
+export const IconlyRegularOutlineProfileIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.8889 12.6188H11.9209C14.8489 12.6188 17.2299 10.2378 17.2299 7.30976C17.2299 4.38176 14.8489 1.99976 11.9209 1.99976C8.99189 1.99976 6.60989 4.38176 6.60989 7.30676C6.59989 10.2268 8.9669 12.6098 11.8889 12.6188ZM8.03789 7.30976C8.03789 5.16876 9.77989 3.42776 11.9209 3.42776C14.0609 3.42776 15.8019 5.16876 15.8019 7.30976C15.8019 9.44976 14.0609 11.1918 11.9209 11.1918H11.8919C9.75989 11.1838 8.03089 9.44376 8.03789 7.30976Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M3.99988 18.1731C3.99988 21.8701 9.96188 21.8701 11.9209 21.8701C15.3199 21.8701 19.8399 21.4891 19.8399 18.1931C19.8399 14.4961 13.8799 14.4961 11.9209 14.4961C8.52088 14.4961 3.99988 14.8771 3.99988 18.1731ZM5.49988 18.1731C5.49988 16.7281 7.65988 15.9961 11.9209 15.9961C16.1809 15.9961 18.3399 16.7351 18.3399 18.1931C18.3399 19.6381 16.1809 20.3701 11.9209 20.3701C7.65988 20.3701 5.49988 19.6311 5.49988 18.1731Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularOutlineProfileIcon.displayName = 'IconlyRegularOutlineProfileIcon';
+
+export const IconlyRegularOutlineScanIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path fillRule="evenodd" clipRule="evenodd" d="M22.75 13.955H1.75C1.336 13.955 1 13.619 1 13.205C1 12.791 1.336 12.455 1.75 12.455H22.75C23.164 12.455 23.5 12.791 23.5 13.205C23.5 13.619 23.164 13.955 22.75 13.955" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M20.8799 9.745C20.4659 9.745 20.1299 9.409 20.1299 8.995V7.481C20.1299 5.838 18.7919 4.5 17.1469 4.5H15.9419C15.5279 4.5 15.1919 4.164 15.1919 3.75C15.1919 3.336 15.5279 3 15.9419 3H17.1469C19.6189 3 21.6299 5.011 21.6299 7.481V8.995C21.6299 9.409 21.2939 9.745 20.8799 9.745" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M3.62012 9.745C3.20612 9.745 2.87012 9.409 2.87012 8.995V7.481C2.87012 5.011 4.88112 3 7.35312 3H8.58912C9.00312 3 9.33912 3.336 9.33912 3.75C9.33912 4.164 9.00312 4.5 8.58912 4.5H7.35312C5.70812 4.5 4.37012 5.838 4.37012 7.481V8.995C4.37012 9.409 4.03412 9.745 3.62012 9.745" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M17.1469 21.7606H15.9419C15.5279 21.7606 15.1919 21.4246 15.1919 21.0106C15.1919 20.5966 15.5279 20.2606 15.9419 20.2606H17.1469C18.7919 20.2606 20.1299 18.9226 20.1299 17.2786V13.2036C20.1299 12.7896 20.4659 12.4536 20.8799 12.4536C21.2939 12.4536 21.6299 12.7896 21.6299 13.2036V17.2786C21.6299 19.7496 19.6189 21.7606 17.1469 21.7606" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M8.58887 21.7606H7.35287C4.88087 21.7606 2.86987 19.7496 2.86987 17.2786V13.2036C2.86987 12.7896 3.20587 12.4536 3.61987 12.4536C4.03387 12.4536 4.36987 12.7896 4.36987 13.2036V17.2786C4.36987 18.9226 5.70787 20.2606 7.35287 20.2606H8.58887C9.00287 20.2606 9.33887 20.5966 9.33887 21.0106C9.33887 21.4246 9.00287 21.7606 8.58887 21.7606" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularOutlineScanIcon.displayName = 'IconlyRegularOutlineScanIcon';
+
+export const IconlyRegularOutlineSearchIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <mask id="ic_regular_outline_search_mask0_42284_13773" style={{ maskType: 'luminance' }} maskUnits="userSpaceOnUse" x="2" y="2" width="20" height="20">
+<path fillRule="evenodd" clipRule="evenodd" d="M2 2H21.4768V21.477H2V2Z" fill={color || 'currentColor'}/>
+</mask>
+<g mask="url(#ic_regular_outline_search_mask0_42284_13773)">
+<path fillRule="evenodd" clipRule="evenodd" d="M11.7388 3.5C7.19576 3.5 3.49976 7.195 3.49976 11.738C3.49976 16.281 7.19576 19.977 11.7388 19.977C16.2808 19.977 19.9768 16.281 19.9768 11.738C19.9768 7.195 16.2808 3.5 11.7388 3.5M11.7388 21.477C6.36876 21.477 1.99976 17.108 1.99976 11.738C1.99976 6.368 6.36876 2 11.7388 2C17.1088 2 21.4768 6.368 21.4768 11.738C21.4768 17.108 17.1088 21.477 11.7388 21.477" fill={color || 'currentColor'}/>
+</g>
+<mask id="ic_regular_outline_search_mask1_42284_13773" style={{ maskType: 'luminance' }} maskUnits="userSpaceOnUse" x="17" y="17" width="6" height="6">
+<path fillRule="evenodd" clipRule="evenodd" d="M17.24 17.707H22.264V22.7217H17.24V17.707Z" fill={color || 'currentColor'}/>
+</mask>
+<g mask="url(#ic_regular_outline_search_mask1_42284_13773)">
+<path fillRule="evenodd" clipRule="evenodd" d="M21.5142 22.7217C21.3232 22.7217 21.1312 22.6487 20.9842 22.5027L17.4602 18.9887C17.1672 18.6957 17.1662 18.2207 17.4592 17.9277C17.7512 17.6327 18.2262 17.6347 18.5202 17.9257L22.0442 21.4407C22.3372 21.7337 22.3382 22.2077 22.0452 22.5007C21.8992 22.6487 21.7062 22.7217 21.5142 22.7217" fill={color || 'currentColor'}/>
+</g>
+  </svg>
+);
+IconlyRegularOutlineSearchIcon.displayName = 'IconlyRegularOutlineSearchIcon';
+
+export const IconlyRegularOutlineSendIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <mask id="ic_regular_outline_send_mask0_42284_13813" style={{ maskType: 'luminance' }} maskUnits="userSpaceOnUse" x="2" y="3" width="20" height="20">
+<path fillRule="evenodd" clipRule="evenodd" d="M2 3.00043H21.499V22.4994H2V3.00043Z" fill={color || 'currentColor'}/>
+</mask>
+<g mask="url(#ic_regular_outline_send_mask0_42284_13813)">
+<path fillRule="evenodd" clipRule="evenodd" d="M10.8049 14.8178L14.4619 20.7508C14.6219 21.0108 14.8719 21.0078 14.9729 20.9938C15.0739 20.9798 15.3169 20.9178 15.4049 20.6228L19.9779 5.17783C20.0579 4.90483 19.9109 4.71883 19.8449 4.65283C19.7809 4.58683 19.5979 4.44583 19.3329 4.52083L3.87694 9.04683C3.58394 9.13283 3.51994 9.37883 3.50594 9.47983C3.49194 9.58283 3.48794 9.83783 3.74694 10.0008L9.74794 13.7538L15.0499 8.39583C15.3409 8.10183 15.8159 8.09883 16.1109 8.38983C16.4059 8.68083 16.4079 9.15683 16.1169 9.45083L10.8049 14.8178ZM14.8949 22.4998C14.1989 22.4998 13.5609 22.1458 13.1849 21.5378L9.30794 15.2468L2.95194 11.2718C2.26694 10.8428 1.90894 10.0788 2.01994 9.27583C2.12994 8.47283 2.68094 7.83483 3.45494 7.60783L18.9109 3.08183C19.6219 2.87383 20.3839 3.07083 20.9079 3.59283C21.4319 4.11983 21.6269 4.88983 21.4149 5.60383L16.8419 21.0478C16.6129 21.8248 15.9729 22.3738 15.1719 22.4808C15.0779 22.4928 14.9869 22.4998 14.8949 22.4998V22.4998Z" fill={color || 'currentColor'}/>
+</g>
+  </svg>
+);
+IconlyRegularOutlineSendIcon.displayName = 'IconlyRegularOutlineSendIcon';
+
+export const IconlyRegularOutlineSettingIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <mask id="ic_regular_outline_setting_mask0_42284_13850" style={{ maskType: 'luminance' }} maskUnits="userSpaceOnUse" x="2" y="2" width="20" height="21">
+<path fillRule="evenodd" clipRule="evenodd" d="M2 2.00049H21.2849V22.7215H2V2.00049Z" fill={color || 'currentColor'}/>
+</mask>
+<g mask="url(#ic_regular_outline_setting_mask0_42284_13850)">
+<path fillRule="evenodd" clipRule="evenodd" d="M7.20232 17.4405C7.43132 17.4405 7.66032 17.4695 7.88432 17.5295C8.56032 17.7115 9.14732 18.1635 9.49532 18.7705C9.72132 19.1515 9.84632 19.5965 9.85032 20.0505C9.85032 20.7005 10.3723 21.2215 11.0143 21.2215H12.2673C12.9063 21.2215 13.4283 20.7035 13.4313 20.0645C13.4273 19.3585 13.7033 18.6875 14.2083 18.1825C14.7063 17.6845 15.4023 17.3855 16.0983 17.4055C16.5543 17.4165 16.9933 17.5395 17.3803 17.7595C17.9373 18.0785 18.6483 17.8885 18.9703 17.3385L19.6343 16.2315C19.7823 15.9765 19.8253 15.6565 19.7463 15.3615C19.6683 15.0665 19.4723 14.8105 19.2083 14.6595C18.5903 14.3035 18.1493 13.7295 17.9663 13.0415C17.7853 12.3665 17.8843 11.6295 18.2373 11.0225C18.4673 10.6225 18.8043 10.2855 19.2083 10.0535C19.7503 9.73649 19.9403 9.02749 19.6253 8.47549C19.6123 8.45349 19.6003 8.43049 19.5903 8.40649L19.0043 7.39049C18.6853 6.83549 17.9753 6.64449 17.4183 6.96149C16.8163 7.31749 16.1003 7.41949 15.4123 7.23849C14.7253 7.06049 14.1493 6.62549 13.7903 6.01149C13.5603 5.62749 13.4353 5.18049 13.4313 4.72549C13.4403 4.38349 13.3203 4.07649 13.1023 3.85149C12.8853 3.62749 12.5803 3.50049 12.2673 3.50049H11.0143C10.7043 3.50049 10.4143 3.62149 10.1953 3.83949C9.97732 4.05849 9.85832 4.34949 9.86032 4.65949C9.83932 6.12149 8.64432 7.29849 7.19732 7.29849C6.73332 7.29349 6.28632 7.16849 5.89832 6.93649C5.35332 6.62649 4.64132 6.81749 4.32232 7.37249L3.64532 8.48549C3.33532 9.02349 3.52532 9.73449 4.07732 10.0555C4.89632 10.5295 5.40732 11.4135 5.40732 12.3615C5.40732 13.3095 4.89632 14.1925 4.07532 14.6675C3.52632 14.9855 3.33632 15.6925 3.65432 16.2425L4.28532 17.3305C4.44132 17.6115 4.69632 17.8145 4.99132 17.8975C5.28532 17.9795 5.60932 17.9445 5.87932 17.7945C6.27632 17.5615 6.73832 17.4405 7.20232 17.4405M12.2673 22.7215H11.0143C9.54532 22.7215 8.35032 21.5275 8.35032 20.0585C8.34832 19.8775 8.29632 19.6895 8.19932 19.5265C8.04232 19.2525 7.78832 19.0565 7.49532 18.9785C7.20432 18.9005 6.88532 18.9435 6.62332 19.0955C5.99532 19.4455 5.25632 19.5305 4.58032 19.3405C3.90532 19.1495 3.32232 18.6855 2.98032 18.0705L2.35532 16.9935C1.62432 15.7255 2.05932 14.1005 3.32532 13.3685C3.68432 13.1615 3.90732 12.7755 3.90732 12.3615C3.90732 11.9475 3.68432 11.5605 3.32532 11.3535C2.05832 10.6175 1.62432 8.98849 2.35432 7.72049L3.03232 6.60749C3.75332 5.35349 5.38332 4.91149 6.65432 5.64149C6.82732 5.74449 7.01532 5.79649 7.20632 5.79849C7.82932 5.79849 8.35032 5.28449 8.36032 4.65249C8.35632 3.95549 8.63132 3.28649 9.13232 2.78149C9.63532 2.27749 10.3033 2.00049 11.0143 2.00049H12.2673C12.9833 2.00049 13.6793 2.29449 14.1783 2.80549C14.6763 3.31949 14.9513 4.02449 14.9303 4.73949C14.9323 4.90049 14.9853 5.08649 15.0813 5.24949C15.2403 5.51949 15.4913 5.70949 15.7893 5.78749C16.0873 5.86149 16.3993 5.82149 16.6643 5.66449C17.9443 4.93349 19.5733 5.37149 20.3043 6.64149L20.9273 7.72049C20.9433 7.74949 20.9573 7.77749 20.9693 7.80649C21.6313 9.05749 21.1893 10.6325 19.9593 11.3515C19.7803 11.4545 19.6353 11.5985 19.5353 11.7725C19.3803 12.0415 19.3373 12.3615 19.4153 12.6555C19.4953 12.9555 19.6863 13.2045 19.9553 13.3585C20.5623 13.7075 21.0153 14.2955 21.1963 14.9745C21.3773 15.6525 21.2783 16.3885 20.9253 16.9955L20.2613 18.1015C19.5303 19.3575 17.9013 19.7925 16.6343 19.0605C16.4653 18.9635 16.2703 18.9105 16.0763 18.9055H16.0703C15.7813 18.9055 15.4843 19.0285 15.2683 19.2435C15.0493 19.4625 14.9293 19.7545 14.9313 20.0645C14.9243 21.5335 13.7293 22.7215 12.2673 22.7215" fill={color || 'currentColor'}/>
+</g>
+<path fillRule="evenodd" clipRule="evenodd" d="M11.645 10.4746C10.605 10.4746 9.75903 11.3216 9.75903 12.3616C9.75903 13.4016 10.605 14.2466 11.645 14.2466C12.685 14.2466 13.531 13.4016 13.531 12.3616C13.531 11.3216 12.685 10.4746 11.645 10.4746M11.645 15.7466C9.77803 15.7466 8.25903 14.2286 8.25903 12.3616C8.25903 10.4946 9.77803 8.97461 11.645 8.97461C13.512 8.97461 15.031 10.4946 15.031 12.3616C15.031 14.2286 13.512 15.7466 11.645 15.7466" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularOutlineSettingIcon.displayName = 'IconlyRegularOutlineSettingIcon';
+
+export const IconlyRegularOutlineShieldDoneIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <mask id="ic_regular_outline_shielddone_mask0_42284_13817" style={{ maskType: 'luminance' }} maskUnits="userSpaceOnUse" x="4" y="2" width="17" height="21">
+<path fillRule="evenodd" clipRule="evenodd" d="M4.00024 2.00037H20.9671V22.356H4.00024V2.00037Z" fill={color || 'currentColor'}/>
+</mask>
+<g mask="url(#ic_regular_outline_shielddone_mask0_42284_13817)">
+<path fillRule="evenodd" clipRule="evenodd" d="M12.4837 3.5C11.6357 3.5 6.28566 5.384 5.66866 5.899C5.48666 6.082 5.47966 6.4 5.51866 8.529C5.53666 9.555 5.56166 10.949 5.56166 12.879C5.56166 18.08 11.2837 20.389 12.4827 20.814C13.6807 20.387 19.4057 18.065 19.4057 12.879C19.4057 10.947 19.4307 9.552 19.4497 8.526C19.4877 6.399 19.4807 6.081 19.2877 5.889C18.6827 5.384 13.3317 3.5 12.4837 3.5M12.4837 22.356C12.4107 22.356 12.3377 22.346 12.2667 22.324C11.9317 22.223 4.06166 19.761 4.06166 12.879C4.06166 10.962 4.03666 9.575 4.01866 8.557C3.97266 6.014 3.96266 5.484 4.61966 4.828C5.40466 4.041 11.3497 2 12.4837 2C13.6167 2 19.5617 4.041 20.3487 4.828C21.0047 5.484 20.9947 6.014 20.9487 8.554C20.9307 9.572 20.9057 10.959 20.9057 12.879C20.9057 19.761 13.0357 22.223 12.7007 22.324C12.6297 22.346 12.5567 22.356 12.4837 22.356" fill={color || 'currentColor'}/>
+</g>
+<path fillRule="evenodd" clipRule="evenodd" d="M11.7771 14.5195V14.5195C11.5781 14.5195 11.3871 14.4405 11.2461 14.2995L9.35413 12.4055C9.06213 12.1125 9.06213 11.6365 9.35513 11.3445C9.64713 11.0515 10.1231 11.0515 10.4161 11.3445L11.7771 12.7075L15.1451 9.3395C15.4381 9.0465 15.9121 9.0465 16.2051 9.3395C16.4981 9.6325 16.4981 10.1075 16.2051 10.4005L12.3071 14.2995C12.1671 14.4405 11.9761 14.5195 11.7771 14.5195" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularOutlineShieldDoneIcon.displayName = 'IconlyRegularOutlineShieldDoneIcon';
+
+export const IconlyRegularOutlineShieldFailIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <mask id="ic_regular_outline_shieldfail_mask0_42284_13827" style={{ maskType: 'luminance' }} maskUnits="userSpaceOnUse" x="4" y="2" width="17" height="21">
+<path fillRule="evenodd" clipRule="evenodd" d="M4.00024 2.00037H20.967V22.356H4.00024V2.00037Z" fill={color || 'currentColor'}/>
+</mask>
+<g mask="url(#ic_regular_outline_shieldfail_mask0_42284_13827)">
+<path fillRule="evenodd" clipRule="evenodd" d="M12.4837 3.5C11.6357 3.5 6.28468 5.384 5.66768 5.899C5.48668 6.081 5.47968 6.399 5.51768 8.526C5.53668 9.552 5.56168 10.947 5.56168 12.879C5.56168 18.08 11.2837 20.389 12.4827 20.814C13.6807 20.387 19.4057 18.065 19.4057 12.879C19.4057 10.949 19.4307 9.555 19.4487 8.529C19.4877 6.4 19.4807 6.082 19.2877 5.889C18.6817 5.384 13.3317 3.5 12.4837 3.5M12.4837 22.356C12.4107 22.356 12.3377 22.346 12.2667 22.324C11.9317 22.223 4.06168 19.761 4.06168 12.879C4.06168 10.959 4.03668 9.572 4.01868 8.554C3.97268 6.014 3.96268 5.484 4.61768 4.828C5.40468 4.041 11.3507 2 12.4837 2C13.6167 2 19.5627 4.041 20.3487 4.828C21.0047 5.484 20.9947 6.014 20.9487 8.557C20.9307 9.575 20.9057 10.962 20.9057 12.879C20.9057 19.761 13.0357 22.223 12.7007 22.324C12.6297 22.346 12.5567 22.356 12.4837 22.356" fill={color || 'currentColor'}/>
+</g>
+<path fillRule="evenodd" clipRule="evenodd" d="M14.3626 14.5751C14.1706 14.5751 13.9786 14.5021 13.8326 14.3551L10.0746 10.5971C9.78161 10.3041 9.78161 9.83013 10.0746 9.53713C10.3676 9.24413 10.8416 9.24413 11.1346 9.53713L14.8926 13.2951C15.1856 13.5881 15.1856 14.0621 14.8926 14.3551C14.7466 14.5021 14.5546 14.5751 14.3626 14.5751" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M10.6047 14.5751C10.4127 14.5751 10.2207 14.5021 10.0747 14.3551C9.78173 14.0621 9.78173 13.5881 10.0747 13.2951L13.8327 9.53713C14.1257 9.24413 14.5997 9.24413 14.8927 9.53713C15.1857 9.83013 15.1857 10.3041 14.8927 10.5971L11.1347 14.3551C10.9887 14.5021 10.7967 14.5751 10.6047 14.5751" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularOutlineShieldFailIcon.displayName = 'IconlyRegularOutlineShieldFailIcon';
+
+export const IconlyRegularOutlineShowIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.9996 9.64136C10.6696 9.64136 9.58862 10.7234 9.58862 12.0534C9.58862 13.3824 10.6696 14.4634 11.9996 14.4634C13.3296 14.4634 14.4116 13.3824 14.4116 12.0534C14.4116 10.7234 13.3296 9.64136 11.9996 9.64136M11.9996 15.9634C9.84262 15.9634 8.08862 14.2094 8.08862 12.0534C8.08862 9.89636 9.84262 8.14136 11.9996 8.14136C14.1566 8.14136 15.9116 9.89636 15.9116 12.0534C15.9116 14.2094 14.1566 15.9634 11.9996 15.9634" fill={color || 'currentColor'}/>
+<mask id="ic_regular_outline_show_mask0_42284_13822" style={{ maskType: 'luminance' }} maskUnits="userSpaceOnUse" x="2" y="4" width="20" height="17">
+<path fillRule="evenodd" clipRule="evenodd" d="M2.00012 4.00024H22V20.1052H2.00012V4.00024Z" fill={color || 'currentColor'}/>
+</mask>
+<g mask="url(#ic_regular_outline_show_mask0_42284_13822)">
+<path fillRule="evenodd" clipRule="evenodd" d="M3.56987 12.0525C5.42987 16.1615 8.56287 18.6045 11.9999 18.6055C15.4369 18.6045 18.5699 16.1615 20.4299 12.0525C18.5699 7.94451 15.4369 5.50151 11.9999 5.50051C8.56387 5.50151 5.42987 7.94451 3.56987 12.0525V12.0525ZM12.0019 20.1055H11.9979H11.9969C7.86087 20.1025 4.14687 17.2035 2.06087 12.3485C1.97987 12.1595 1.97987 11.9455 2.06087 11.7565C4.14687 6.90251 7.86187 4.00351 11.9969 4.00051C11.9989 3.99951 11.9989 3.99951 11.9999 4.00051C12.0019 3.99951 12.0019 3.99951 12.0029 4.00051C16.1389 4.00351 19.8529 6.90251 21.9389 11.7565C22.0209 11.9455 22.0209 12.1595 21.9389 12.3485C19.8539 17.2035 16.1389 20.1025 12.0029 20.1055H12.0019Z" fill={color || 'currentColor'}/>
+</g>
+  </svg>
+);
+IconlyRegularOutlineShowIcon.displayName = 'IconlyRegularOutlineShowIcon';
+
+export const IconlyRegularOutlineStarIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.7499 4.5C11.6589 4.5 11.4349 4.525 11.3159 4.763L9.48992 8.414C9.20092 8.991 8.64392 9.392 7.99992 9.484L3.91192 10.073C3.64192 10.112 3.54992 10.312 3.52192 10.396C3.49692 10.477 3.45692 10.683 3.64292 10.861L6.59892 13.701C7.06992 14.154 7.28392 14.807 7.17192 15.446L6.47592 19.456C6.43292 19.707 6.58992 19.853 6.65992 19.903C6.73392 19.959 6.93192 20.07 7.17692 19.942L10.8319 18.047C11.4079 17.75 12.0939 17.75 12.6679 18.047L16.3219 19.941C16.5679 20.068 16.7659 19.957 16.8409 19.903C16.9109 19.853 17.0679 19.707 17.0249 19.456L16.3269 15.446C16.2149 14.807 16.4289 14.154 16.8999 13.701L19.8559 10.861C20.0429 10.683 20.0029 10.476 19.9769 10.396C19.9499 10.312 19.8579 10.112 19.5879 10.073L15.4999 9.484C14.8569 9.392 14.2999 8.991 14.0109 8.413L12.1829 4.763C12.0649 4.525 11.8409 4.5 11.7499 4.5M6.94692 21.5C6.53392 21.5 6.12392 21.37 5.77292 21.114C5.16692 20.67 4.86992 19.937 4.99892 19.199L5.69492 15.189C5.72092 15.04 5.66992 14.889 5.55992 14.783L2.60392 11.943C2.05992 11.422 1.86492 10.652 2.09492 9.937C2.32692 9.214 2.94092 8.697 3.69792 8.589L7.78592 8C7.94392 7.978 8.07992 7.881 8.14792 7.743L9.97492 4.091C10.3119 3.418 10.9919 3 11.7499 3V3C12.5079 3 13.1879 3.418 13.5249 4.091L15.3529 7.742C15.4219 7.881 15.5569 7.978 15.7139 8L19.8019 8.589C20.5589 8.697 21.1729 9.214 21.4049 9.937C21.6349 10.652 21.4389 11.422 20.8949 11.943L17.9389 14.783C17.8289 14.889 17.7789 15.04 17.8049 15.188L18.5019 19.199C18.6299 19.938 18.3329 20.671 17.7259 21.114C17.1109 21.565 16.3099 21.626 15.6309 21.272L11.9779 19.379C11.8349 19.305 11.6639 19.305 11.5209 19.379L7.86792 21.273C7.57592 21.425 7.26092 21.5 6.94692 21.5" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularOutlineStarIcon.displayName = 'IconlyRegularOutlineStarIcon';
+
+export const IconlyRegularOutlineSwapIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path d="M16.8396 5.79645C17.2193 5.79645 17.5331 6.0786 17.5828 6.44468L17.5896 6.54645V20.1642C17.5896 20.5784 17.2538 20.9142 16.8396 20.9142C16.4599 20.9142 16.1461 20.6321 16.0964 20.266L16.0896 20.1642V6.54645C16.0896 6.13223 16.4254 5.79645 16.8396 5.79645Z" fill={color || 'currentColor'}/>
+<path d="M20.3857 15.539C20.6779 15.2454 21.1528 15.2443 21.4464 15.5366C21.7133 15.8022 21.7384 16.2188 21.5213 16.5129L21.4488 16.5972L17.3711 20.6939C17.1045 20.9616 16.6863 20.986 16.3922 20.7669L16.3079 20.6939L12.2302 16.5972C11.9379 16.3036 11.939 15.8288 12.2326 15.5366C12.4995 15.2709 12.9162 15.2477 13.2093 15.4662L13.2933 15.539L16.8391 19.101L20.3857 15.539Z" fill={color || 'currentColor'}/>
+<path d="M6.91113 3.08289C7.29083 3.08289 7.60462 3.36504 7.65429 3.73112L7.66113 3.83289V17.4507C7.66113 17.8649 7.32535 18.2007 6.91113 18.2007C6.53144 18.2007 6.21764 17.9185 6.16798 17.5524L6.16113 17.4507V3.83289C6.16113 3.41867 6.49692 3.08289 6.91113 3.08289Z" fill={color || 'currentColor'}/>
+<path d="M6.37972 3.30323C6.64624 3.03548 7.06449 3.01114 7.3586 3.23021L7.44283 3.30323L11.5206 7.3999C11.8128 7.69347 11.8117 8.16834 11.5182 8.46056C11.2513 8.72621 10.8346 8.74945 10.5414 8.53092L10.4575 8.45811L6.91105 4.895L3.36505 8.45811C3.0994 8.72499 2.68279 8.75016 2.38868 8.53298L2.30439 8.46056C2.03751 8.19491 2.01234 7.7783 2.22952 7.48419L2.30194 7.3999L6.37972 3.30323Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularOutlineSwapIcon.displayName = 'IconlyRegularOutlineSwapIcon';
+
+export const IconlyRegularOutlineTickSquareIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path fillRule="evenodd" clipRule="evenodd" d="M7.665 3.5C5.135 3.5 3.5 5.233 3.5 7.916V16.084C3.5 18.767 5.135 20.5 7.665 20.5H16.333C18.864 20.5 20.5 18.767 20.5 16.084V7.916C20.5 5.233 18.864 3.5 16.334 3.5H7.665ZM16.333 22H7.665C4.276 22 2 19.622 2 16.084V7.916C2 4.378 4.276 2 7.665 2H16.334C19.723 2 22 4.378 22 7.916V16.084C22 19.622 19.723 22 16.333 22V22Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M10.8134 15.1229C10.6224 15.1229 10.4294 15.0499 10.2834 14.9029L7.90945 12.5299C7.61645 12.2369 7.61645 11.7629 7.90945 11.4699C8.20245 11.1769 8.67645 11.1769 8.96945 11.4699L10.8134 13.3119L15.0294 9.09695C15.3224 8.80395 15.7964 8.80395 16.0894 9.09695C16.3824 9.38995 16.3824 9.86395 16.0894 10.1569L11.3434 14.9029C11.1974 15.0499 11.0054 15.1229 10.8134 15.1229" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularOutlineTickSquareIcon.displayName = 'IconlyRegularOutlineTickSquareIcon';
+
+export const IconlyRegularOutlineTicketStarIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <mask id="ic_regular_outline_ticketstar_mask0_42284_13784" style={{ maskType: 'luminance' }} maskUnits="userSpaceOnUse" x="2" y="3" width="20" height="19">
+<path fillRule="evenodd" clipRule="evenodd" d="M2 3.00049H22V21.1665H2V3.00049Z" fill={color || 'currentColor'}/>
+</mask>
+<g mask="url(#ic_regular_outline_ticketstar_mask0_42284_13784)">
+<path fillRule="evenodd" clipRule="evenodd" d="M3.5 14.9795V17.0245C3.5 17.7305 3.774 18.3935 4.273 18.8925C4.772 19.3915 5.436 19.6665 6.141 19.6665H17.857C19.313 19.6665 20.499 18.4825 20.5 17.0265V14.9785C19.214 14.6455 18.261 13.4745 18.26 12.0855C18.26 10.6965 19.213 9.52549 20.499 9.19149L20.5 7.14649C20.501 5.68849 19.318 4.50149 17.861 4.50049H6.144C4.687 4.50049 3.501 5.68549 3.5 7.14249V9.25949C3.986 9.37549 4.437 9.61449 4.812 9.96449C5.381 10.4955 5.709 11.2155 5.737 11.9935C5.74 13.4595 4.787 14.6435 3.5 14.9795M17.857 21.1665H6.142C5.035 21.1665 3.995 20.7365 3.212 19.9535C2.43 19.1705 2 18.1305 2 17.0245V14.3245C2 13.9105 2.336 13.5745 2.75 13.5745C3.574 13.5735 4.24 12.9055 4.239 12.0855C4.225 11.6675 4.065 11.3195 3.789 11.0615C3.514 10.8035 3.158 10.6625 2.776 10.6835C2.569 10.6855 2.375 10.6145 2.229 10.4735C2.083 10.3325 2 10.1365 2 9.93349V7.14349C2.001 4.85849 3.86 3.00049 6.144 3.00049H17.856C20.146 3.00149 22.002 4.86349 22 7.14749V9.84649C22 10.2605 21.664 10.5965 21.25 10.5965C20.429 10.5965 19.76 11.2645 19.76 12.0845C19.761 12.9065 20.429 13.5745 21.25 13.5745C21.664 13.5745 22 13.9105 22 14.3245V17.0245C21.999 19.3085 20.14 21.1665 17.857 21.1665" fill={color || 'currentColor'}/>
+</g>
+<path fillRule="evenodd" clipRule="evenodd" d="M10.104 11.3815L10.613 11.8775C10.889 12.1485 11.014 12.5345 10.948 12.9115L10.828 13.6095L11.457 13.2785C11.796 13.0975 12.203 13.0985 12.545 13.2805L13.17 13.6085L13.05 12.9095C12.987 12.5265 13.113 12.1435 13.386 11.8775L13.895 11.3815L13.19 11.2795C12.812 11.2245 12.484 10.9865 12.315 10.6415L12 10.0045L11.685 10.6425C11.516 10.9865 11.188 11.2245 10.808 11.2795L10.104 11.3815ZM13.6179 15.3875C13.4319 15.3875 13.246 15.3425 13.074 15.2515L12 14.6885L10.925 15.2525C10.529 15.4595 10.058 15.4265 9.69795 15.1645C9.33695 14.9015 9.15995 14.4655 9.23495 14.0255L9.43995 12.8295L8.57095 11.9825C8.25195 11.6715 8.13795 11.2145 8.27495 10.7905C8.41295 10.3655 8.77295 10.0605 9.21395 9.99652L10.418 9.82052L10.955 8.73152C11.152 8.33152 11.552 8.08252 12 8.08252C12.446 8.08252 12.847 8.33152 13.044 8.73252L13.582 9.82052L14.784 9.99652C15.226 10.0605 15.5869 10.3655 15.7239 10.7905C15.8609 11.2145 15.7479 11.6715 15.4279 11.9835L14.558 12.8305L14.7639 14.0255C14.8389 14.4665 14.661 14.9035 14.299 15.1655C14.095 15.3125 13.8569 15.3875 13.6179 15.3875V15.3875Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularOutlineTicketStarIcon.displayName = 'IconlyRegularOutlineTicketStarIcon';
+
+export const IconlyRegularOutlineTicketIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.5996 8.17088C13.1856 8.17088 12.8496 7.83488 12.8496 7.42088V4.99988C12.8496 4.58588 13.1856 4.24988 13.5996 4.24988C14.0136 4.24988 14.3496 4.58588 14.3496 4.99988V7.42088C14.3496 7.83488 14.0136 8.17088 13.5996 8.17088" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M13.5996 21.2842C13.1856 21.2842 12.8496 20.9482 12.8496 20.5342V18.5112C12.8496 18.0962 13.1856 17.7612 13.5996 17.7612C14.0136 17.7612 14.3496 18.0962 14.3496 18.5112V20.5342C14.3496 20.9482 14.0136 21.2842 13.5996 21.2842" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M13.5996 15.8252C13.1856 15.8252 12.8496 15.4892 12.8496 15.0752V10.2542C12.8496 9.84015 13.1856 9.50415 13.5996 9.50415C14.0136 9.50415 14.3496 9.84015 14.3496 10.2542V15.0752C14.3496 15.4892 14.0136 15.8252 13.5996 15.8252" fill={color || 'currentColor'}/>
+<mask id="ic_regular_outline_ticket_mask0_42284_13785" style={{ maskType: 'luminance' }} maskUnits="userSpaceOnUse" x="1" y="4" width="22" height="18">
+<path fillRule="evenodd" clipRule="evenodd" d="M1 4H22.5V21.4997H1V4Z" fill={color || 'currentColor'}/>
+</mask>
+<g mask="url(#ic_regular_outline_ticket_mask0_42284_13785)">
+<path fillRule="evenodd" clipRule="evenodd" d="M2.5 15.5538V17.4928C2.5 18.8748 3.643 19.9998 5.048 19.9998H18.452C19.857 19.9998 21 18.8748 21 17.4928V15.5538C19.749 15.2248 18.823 14.0928 18.823 12.7508C18.823 11.4078 19.748 10.2768 21 9.94776L20.999 8.00676C20.999 6.62476 19.856 5.49976 18.451 5.49976H5.049C3.644 5.49976 2.501 6.62476 2.501 8.00676L2.5 10.0248C3.767 10.3358 4.677 11.4218 4.677 12.7508C4.677 14.0928 3.751 15.2248 2.5 15.5538M18.452 21.4998H5.048C2.816 21.4998 1 19.7018 1 17.4928V14.9008C1 14.4868 1.336 14.1508 1.75 14.1508C2.537 14.1508 3.177 13.5228 3.177 12.7508C3.177 12.0008 2.563 11.4348 1.75 11.4348C1.551 11.4348 1.36 11.3558 1.22 11.2148C1.079 11.0748 1 10.8828 1 10.6848L1.001 8.00676C1.001 5.79776 2.817 3.99976 5.049 3.99976H18.451C20.683 3.99976 22.499 5.79776 22.499 8.00676L22.5 10.6008C22.5 10.7988 22.421 10.9908 22.28 11.1308C22.14 11.2718 21.949 11.3508 21.75 11.3508C20.963 11.3508 20.323 11.9788 20.323 12.7508C20.323 13.5228 20.963 14.1508 21.75 14.1508C22.164 14.1508 22.5 14.4868 22.5 14.9008V17.4928C22.5 19.7018 20.684 21.4998 18.452 21.4998" fill={color || 'currentColor'}/>
+</g>
+  </svg>
+);
+IconlyRegularOutlineTicketIcon.displayName = 'IconlyRegularOutlineTicketIcon';
+
+export const IconlyRegularOutlineTimeCircleIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path fillRule="evenodd" clipRule="evenodd" d="M12 3.5C7.313 3.5 3.5 7.313 3.5 12C3.5 16.687 7.313 20.5 12 20.5C16.687 20.5 20.5 16.687 20.5 12C20.5 7.313 16.687 3.5 12 3.5M12 22C6.486 22 2 17.514 2 12C2 6.486 6.486 2 12 2C17.514 2 22 6.486 22 12C22 17.514 17.514 22 12 22" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M15.4311 15.6925C15.3001 15.6925 15.1681 15.6585 15.0471 15.5875L11.2771 13.3385C11.0511 13.2025 10.9111 12.9575 10.9111 12.6935V7.84546C10.9111 7.43146 11.2471 7.09546 11.6611 7.09546C12.0761 7.09546 12.4111 7.43146 12.4111 7.84546V12.2675L15.8161 14.2975C16.1711 14.5105 16.2881 14.9705 16.0761 15.3265C15.9351 15.5615 15.6861 15.6925 15.4311 15.6925" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularOutlineTimeCircleIcon.displayName = 'IconlyRegularOutlineTimeCircleIcon';
+
+export const IconlyRegularOutlineTimeSquareIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path fillRule="evenodd" clipRule="evenodd" d="M7.665 3.5C5.135 3.5 3.5 5.233 3.5 7.916V16.084C3.5 18.767 5.135 20.5 7.665 20.5H16.333C18.864 20.5 20.5 18.767 20.5 16.084V7.916C20.5 5.233 18.865 3.5 16.334 3.5H7.665ZM16.333 22H7.665C4.276 22 2 19.622 2 16.084V7.916C2 4.378 4.276 2 7.665 2H16.334C19.723 2 22 4.378 22 7.916V16.084C22 19.622 19.723 22 16.333 22V22Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M15.39 14.7675C15.259 14.7675 15.127 14.7335 15.006 14.6625L11.615 12.6395C11.389 12.5035 11.249 12.2585 11.249 11.9955V7.63354C11.249 7.21954 11.585 6.88354 11.999 6.88354C12.413 6.88354 12.749 7.21954 12.749 7.63354V11.5695L15.775 13.3725C16.13 13.5855 16.247 14.0455 16.035 14.4015C15.894 14.6365 15.645 14.7675 15.39 14.7675" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularOutlineTimeSquareIcon.displayName = 'IconlyRegularOutlineTimeSquareIcon';
+
+export const IconlyRegularOutlineUnlockIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path fillRule="evenodd" clipRule="evenodd" d="M7.80273 10.1982C7.38873 10.1982 7.05273 9.86224 7.05273 9.44824V7.30124C7.06573 4.36324 9.44173 2.00024 12.3547 2.00024H12.3747C14.6307 2.00024 16.6447 3.43324 17.3837 5.56724C17.5197 5.95824 17.3117 6.38524 16.9197 6.52124C16.5287 6.65824 16.1017 6.44924 15.9657 6.05724C15.4367 4.52824 13.9917 3.50024 12.3717 3.50024H12.3577C10.2657 3.50024 8.56173 5.19424 8.55273 7.28424V9.44824C8.55273 9.86224 8.21673 10.1982 7.80273 10.1982" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M8.542 10.127C6.864 10.127 5.5 11.492 5.5 13.17V17.458C5.5 19.136 6.864 20.501 8.542 20.501H16.184C17.861 20.501 19.226 19.136 19.226 17.458V13.17C19.226 11.492 17.861 10.127 16.184 10.127H8.542ZM16.184 22.001H8.542C6.037 22.001 4 19.963 4 17.458V13.17C4 10.665 6.037 8.62695 8.542 8.62695H16.184C18.688 8.62695 20.726 10.665 20.726 13.17V17.458C20.726 19.963 18.688 22.001 16.184 22.001V22.001Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M12.3633 17.1748C11.9493 17.1748 11.6133 16.8388 11.6133 16.4248V14.2028C11.6133 13.7888 11.9493 13.4528 12.3633 13.4528C12.7773 13.4528 13.1133 13.7888 13.1133 14.2028V16.4248C13.1133 16.8388 12.7773 17.1748 12.3633 17.1748" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularOutlineUnlockIcon.displayName = 'IconlyRegularOutlineUnlockIcon';
+
+export const IconlyRegularOutlineUploadIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <mask id="ic_regular_outline_upload_mask0_42284_13830" style={{ maskType: 'luminance' }} maskUnits="userSpaceOnUse" x="2" y="8" width="20" height="15">
+<path fillRule="evenodd" clipRule="evenodd" d="M2.00037 8.79407H22V22.5381H2.00037V8.79407Z" fill={color || 'currentColor'}/>
+</mask>
+<g mask="url(#ic_regular_outline_upload_mask0_42284_13830)">
+<path fillRule="evenodd" clipRule="evenodd" d="M17.5654 22.5381H6.43537C3.99037 22.5381 2.00037 20.5491 2.00037 18.1031V13.2281C2.00037 10.7831 3.99037 8.79407 6.43537 8.79407H7.36837C7.78237 8.79407 8.11837 9.13007 8.11837 9.54407C8.11837 9.95807 7.78237 10.2941 7.36837 10.2941H6.43537C4.81637 10.2941 3.50037 11.6101 3.50037 13.2281V18.1031C3.50037 19.7221 4.81637 21.0381 6.43537 21.0381H17.5654C19.1834 21.0381 20.5004 19.7221 20.5004 18.1031V13.2191C20.5004 11.6061 19.1884 10.2941 17.5764 10.2941H16.6334C16.2194 10.2941 15.8834 9.95807 15.8834 9.54407C15.8834 9.13007 16.2194 8.79407 16.6334 8.79407H17.5764C20.0154 8.79407 22.0004 10.7791 22.0004 13.2191V18.1031C22.0004 20.5491 20.0104 22.5381 17.5654 22.5381" fill={color || 'currentColor'}/>
+</g>
+<mask id="ic_regular_outline_upload_mask1_42284_13830" style={{ maskType: 'luminance' }} maskUnits="userSpaceOnUse" x="11" y="2" width="2" height="14">
+<path fillRule="evenodd" clipRule="evenodd" d="M11.25 2.00012H12.75V15.541H11.25V2.00012Z" fill={color || 'currentColor'}/>
+</mask>
+<g mask="url(#ic_regular_outline_upload_mask1_42284_13830)">
+<path fillRule="evenodd" clipRule="evenodd" d="M12 15.541C11.586 15.541 11.25 15.205 11.25 14.791V2.75C11.25 2.336 11.586 2 12 2C12.414 2 12.75 2.336 12.75 2.75V14.791C12.75 15.205 12.414 15.541 12 15.541" fill={color || 'currentColor'}/>
+</g>
+<path fillRule="evenodd" clipRule="evenodd" d="M9.08496 6.42877C8.89396 6.42877 8.70196 6.35577 8.55596 6.20977C8.26296 5.91777 8.26096 5.44377 8.55396 5.14977L11.469 2.22177C11.75 1.93877 12.25 1.93877 12.531 2.22177L15.447 5.14977C15.739 5.44377 15.738 5.91777 15.445 6.20977C15.151 6.50177 14.677 6.50177 14.385 6.20777L12 3.81377L9.61596 6.20777C9.46996 6.35577 9.27696 6.42877 9.08496 6.42877" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularOutlineUploadIcon.displayName = 'IconlyRegularOutlineUploadIcon';
+
+export const IconlyRegularOutlineVideoIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <mask id="ic_regular_outline_video_mask0_42284_13790" style={{ maskType: 'luminance' }} maskUnits="userSpaceOnUse" x="2" y="5" width="16" height="16">
+<path fillRule="evenodd" clipRule="evenodd" d="M2.00024 5.00024H17.5005V20.5016H2.00024V5.00024Z" fill={color || 'currentColor'}/>
+</mask>
+<g mask="url(#ic_regular_outline_video_mask0_42284_13790)">
+<path fillRule="evenodd" clipRule="evenodd" d="M6.84735 6.50159C6.40835 6.50159 6.12535 6.50159 6.07635 6.50359C5.33835 6.53459 4.65735 6.84759 4.16635 7.38359C3.70835 7.88459 3.47235 8.52459 3.50335 9.18859C3.50335 12.0816 3.50435 16.4236 3.51135 16.6616C3.62535 18.0466 4.92335 19.1056 6.40935 18.9916C9.15935 18.9956 13.2334 19.0046 13.4244 18.9976C14.1594 18.9676 14.8414 18.6556 15.3324 18.1206C15.7914 17.6216 16.0274 16.9816 15.9984 16.3206C15.9974 16.3096 15.9974 16.2986 15.9974 16.2876C15.9984 13.4276 15.9984 9.08859 15.9914 8.85559C15.8784 7.46359 14.5744 6.39159 13.0804 6.50859C11.0144 6.50559 8.19535 6.50159 6.84735 6.50159M6.14635 20.5016C4.03235 20.5026 2.18835 18.8826 2.01435 16.7576C2.01135 16.7166 2.00135 16.5916 2.00435 9.22259C1.95635 8.19159 2.33035 7.16759 3.06035 6.37059C3.82235 5.53859 4.87335 5.05359 6.02035 5.00459C6.15935 4.99459 10.9674 5.00659 13.0264 5.01059C15.2764 4.85259 17.3074 6.52259 17.4884 8.76359C17.4964 8.87259 17.4994 11.3976 17.4974 16.2726C17.5394 17.3286 17.1634 18.3456 16.4374 19.1356C15.6744 19.9666 14.6224 20.4496 13.4764 20.4966C13.3364 20.5066 8.52635 20.4936 6.46435 20.4896C6.35835 20.4976 6.25235 20.5016 6.14635 20.5016" fill={color || 'currentColor'}/>
+</g>
+<path fillRule="evenodd" clipRule="evenodd" d="M20.8186 18.3493C20.3676 18.3493 19.9226 18.1943 19.5556 17.8933L16.2746 15.1973C15.9546 14.9343 15.9086 14.4613 16.1716 14.1413C16.4336 13.8223 16.9066 13.7743 17.2266 14.0383L20.5066 16.7343C20.7276 16.9143 20.9496 16.8403 21.0356 16.7983C21.1216 16.7583 21.3206 16.6333 21.3206 16.3493L21.3326 9.00031C21.3336 8.71631 21.1336 8.59131 21.0476 8.55031C20.9626 8.51031 20.7376 8.43531 20.5186 8.61531L17.2256 11.3103C16.9036 11.5733 16.4326 11.5263 16.1706 11.2043C15.9076 10.8843 15.9556 10.4123 16.2756 10.1503L19.5686 7.45431C20.1726 6.95931 20.9856 6.86231 21.6906 7.19531C22.3956 7.53031 22.8336 8.22231 22.8326 9.00231L22.8206 16.3513C22.8196 17.1313 22.3806 17.8233 21.6766 18.1553C21.4006 18.2863 21.1086 18.3493 20.8186 18.3493" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularOutlineVideoIcon.displayName = 'IconlyRegularOutlineVideoIcon';
+
+export const IconlyRegularOutlineVoice3Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.75 22.5C11.336 22.5 11 22.164 11 21.75V18.589C11 18.175 11.336 17.839 11.75 17.839C12.164 17.839 12.5 18.175 12.5 18.589V21.75C12.5 22.164 12.164 22.5 11.75 22.5" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M11.75 2.5C9.92399 2.5 8.43799 3.994 8.43799 5.831V10.519C8.43799 12.354 9.92399 13.849 11.75 13.849C13.576 13.849 15.061 12.354 15.061 10.519V5.831C15.061 3.994 13.576 2.5 11.75 2.5M11.75 15.349C9.09699 15.349 6.93799 13.182 6.93799 10.519V5.831C6.93799 3.167 9.09699 1 11.75 1C14.403 1 16.561 3.167 16.561 5.831V10.519C16.561 13.182 14.403 15.349 11.75 15.349" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M11.75 19.3389C6.925 19.3389 3 15.3969 3 10.5509C3 10.1369 3.336 9.8009 3.75 9.8009C4.164 9.8009 4.5 10.1369 4.5 10.5509C4.5 14.5689 7.752 17.8389 11.75 17.8389C15.748 17.8389 19 14.5689 19 10.5509C19 10.1369 19.336 9.8009 19.75 9.8009C20.164 9.8009 20.5 10.1369 20.5 10.5509C20.5 15.3969 16.575 19.3389 11.75 19.3389" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M15.8086 7.25586H13.8186C13.4046 7.25586 13.0686 6.91986 13.0686 6.50586C13.0686 6.09186 13.4046 5.75586 13.8186 5.75586H15.8086C16.2226 5.75586 16.5586 6.09186 16.5586 6.50586C16.5586 6.91986 16.2226 7.25586 15.8086 7.25586" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M15.8106 10.5938H12.8206C12.4066 10.5938 12.0706 10.2578 12.0706 9.84375C12.0706 9.42975 12.4066 9.09375 12.8206 9.09375H15.8106C16.2246 9.09375 16.5606 9.42975 16.5606 9.84375C16.5606 10.2578 16.2246 10.5938 15.8106 10.5938" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularOutlineVoice3Icon.displayName = 'IconlyRegularOutlineVoice3Icon';
+
+export const IconlyRegularOutlineVoiceIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.7495 22.5C11.3355 22.5 10.9995 22.164 10.9995 21.75V18.589C10.9995 18.175 11.3355 17.839 11.7495 17.839C12.1635 17.839 12.4995 18.175 12.4995 18.589V21.75C12.4995 22.164 12.1635 22.5 11.7495 22.5" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M11.7495 2.5C9.9235 2.5 8.4375 3.994 8.4375 5.831V10.519C8.4375 12.354 9.9235 13.849 11.7495 13.849C13.5755 13.849 15.0615 12.354 15.0615 10.519V5.831C15.0615 3.994 13.5755 2.5 11.7495 2.5M11.7495 15.349C9.0965 15.349 6.9375 13.182 6.9375 10.519V5.831C6.9375 3.167 9.0965 1 11.7495 1C14.4025 1 16.5615 3.167 16.5615 5.831V10.519C16.5615 13.182 14.4025 15.349 11.7495 15.349" fill={color || 'currentColor'}/>
+<mask id="ic_regular_outline_voice_mask0_42284_13787" style={{ maskType: 'luminance' }} maskUnits="userSpaceOnUse" x="3" y="9" width="18" height="11">
+<path fillRule="evenodd" clipRule="evenodd" d="M3 9.8009H20.4995V19.3389H3V9.8009Z" fill={color || 'currentColor'}/>
+</mask>
+<g mask="url(#ic_regular_outline_voice_mask0_42284_13787)">
+<path fillRule="evenodd" clipRule="evenodd" d="M11.7495 19.3389C6.92451 19.3389 2.99951 15.3969 2.99951 10.5509C2.99951 10.1369 3.33551 9.8009 3.74951 9.8009C4.16451 9.8009 4.49951 10.1369 4.49951 10.5509C4.49951 14.5689 7.75151 17.8389 11.7495 17.8389C15.7475 17.8389 18.9995 14.5689 18.9995 10.5509C18.9995 10.1369 19.3355 9.8009 19.7495 9.8009C20.1645 9.8009 20.4995 10.1369 20.4995 10.5509C20.4995 15.3969 16.5745 19.3389 11.7495 19.3389" fill={color || 'currentColor'}/>
+</g>
+  </svg>
+);
+IconlyRegularOutlineVoiceIcon.displayName = 'IconlyRegularOutlineVoiceIcon';
+
+export const IconlyRegularOutlineVolumeDownIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <mask id="ic_regular_outline_volumedown_mask0_42284_13851" style={{ maskType: 'luminance' }} maskUnits="userSpaceOnUse" x="3" y="5" width="13" height="16">
+<path fillRule="evenodd" clipRule="evenodd" d="M3.00012 5.00024H15.0201V20.5021H3.00012V5.00024Z" fill={color || 'currentColor'}/>
+</mask>
+<g mask="url(#ic_regular_outline_volumedown_mask0_42284_13851)">
+<path fillRule="evenodd" clipRule="evenodd" d="M12.2081 6.50613C11.3401 6.50613 10.2301 7.38713 9.30611 8.12113C8.41711 8.82613 7.71511 9.38413 7.01511 9.43613C6.70511 9.45813 6.43911 9.46813 6.20511 9.47613C5.45811 9.50113 5.26911 9.51813 4.93211 9.79613C4.49011 10.1591 4.49711 11.6421 4.50111 12.5271L4.50211 12.7481V12.7521L4.50111 12.9731C4.49711 13.8591 4.49011 15.3421 4.93211 15.7051C5.26811 15.9831 5.45711 15.9991 6.20211 16.0261C6.43711 16.0331 6.70411 16.0431 7.01511 16.0661C7.71511 16.1171 8.41711 16.6751 9.30611 17.3801C10.4091 18.2551 11.7761 19.3401 12.6811 18.8891C13.4391 18.2321 13.5201 16.4901 13.5201 12.7501C13.5201 9.01013 13.4391 7.26913 12.6811 6.61113C12.5341 6.53813 12.3751 6.50613 12.2081 6.50613M12.2181 20.5021C10.8271 20.5021 9.44811 19.4071 8.37411 18.5551C7.88911 18.1701 7.15611 17.5881 6.90311 17.5621C6.61611 17.5401 6.36811 17.5311 6.14911 17.5251C5.35111 17.4961 4.72011 17.4751 3.97811 16.8631C2.98611 16.0461 2.99511 14.3381 3.00111 12.9661L3.00211 12.7501L3.00111 12.5341C2.99511 11.1621 2.98611 9.45513 3.97811 8.63813C4.72111 8.02613 5.35311 8.00413 6.15311 7.97713C6.37111 7.96913 6.61811 7.96113 6.90511 7.94013C7.15611 7.91313 7.88911 7.33113 8.37411 6.94613C9.77211 5.83513 11.6891 4.31813 13.4741 5.33513C13.5051 5.35413 13.5361 5.37413 13.5641 5.39713C14.9581 6.49213 15.0201 8.55713 15.0201 12.7501C15.0201 16.9441 14.9581 19.0091 13.5641 20.1051C13.5361 20.1271 13.5051 20.1481 13.4731 20.1661C13.0591 20.4021 12.6381 20.5021 12.2181 20.5021" fill={color || 'currentColor'}/>
+</g>
+<path fillRule="evenodd" clipRule="evenodd" d="M18.3306 17.1868C18.2036 17.1868 18.0756 17.1548 17.9576 17.0868C17.5986 16.8808 17.4746 16.4218 17.6806 16.0638C18.8516 14.0228 18.8516 11.4848 17.6806 9.4378C17.4746 9.0778 17.5996 8.6198 17.9586 8.4138C18.3186 8.2118 18.7756 8.3328 18.9816 8.6918C20.4166 11.1998 20.4166 14.3098 18.9816 16.8098C18.8426 17.0518 18.5906 17.1868 18.3306 17.1868" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularOutlineVolumeDownIcon.displayName = 'IconlyRegularOutlineVolumeDownIcon';
+
+export const IconlyRegularOutlineVolumeOffIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <mask id="ic_regular_outline_volumeoff_mask0_42284_13852" style={{ maskType: 'luminance' }} maskUnits="userSpaceOnUse" x="3" y="4" width="13" height="14">
+<path fillRule="evenodd" clipRule="evenodd" d="M3 4.60107H15.0337V17.7873H3V4.60107Z" fill={color || 'currentColor'}/>
+</mask>
+<g mask="url(#ic_regular_outline_volumeoff_mask0_42284_13852)">
+<path fillRule="evenodd" clipRule="evenodd" d="M12.2305 6.11133C11.3645 6.11133 10.2515 7.02733 9.32551 7.78933C8.43551 8.52133 7.73351 9.09933 7.02851 9.15533C6.71351 9.17933 6.44351 9.19033 6.20551 9.19933C5.46651 9.22633 5.27951 9.24433 4.94751 9.52833C4.49451 9.91533 4.49851 11.4633 4.50051 12.3873L4.50151 12.6333L4.50051 12.8803C4.49851 13.8043 4.49451 15.3523 4.94751 15.7393C5.28651 16.0293 5.47851 16.0473 6.23551 16.0733C6.46451 16.0813 6.72351 16.0903 7.02251 16.1113C7.10851 16.1173 7.19651 16.1313 7.28651 16.1533L13.5245 9.91533C13.4515 7.69033 13.2265 6.69233 12.6965 6.21833C12.5525 6.14433 12.3965 6.11133 12.2305 6.11133M7.46351 17.7873C7.33451 17.7873 7.20551 17.7543 7.08851 17.6863C6.96851 17.6173 6.91351 17.6073 6.91351 17.6073C6.63751 17.5883 6.39751 17.5793 6.18351 17.5723C5.36751 17.5443 4.72251 17.5213 3.97251 16.8803C2.99251 16.0423 2.99651 14.2873 3.00051 12.8763L3.00151 12.6333L3.00051 12.3913C2.99651 10.9803 2.99251 9.22433 3.97351 8.38733C4.71351 7.75433 5.34751 7.73033 6.14851 7.70033C6.36951 7.69133 6.61851 7.68233 6.91051 7.65933C7.16151 7.62733 7.89051 7.02733 8.37251 6.63133C9.77851 5.47233 11.7055 3.88633 13.5075 4.95433C13.5405 4.97233 13.5715 4.99433 13.6005 5.01833C14.7245 5.93333 14.9645 7.48133 15.0335 10.1983C15.0385 10.4033 14.9595 10.6013 14.8135 10.7473L7.99451 17.5673C7.84951 17.7123 7.65751 17.7873 7.46351 17.7873" fill={color || 'currentColor'}/>
+</g>
+<path fillRule="evenodd" clipRule="evenodd" d="M12.2329 20.666C11.2229 20.666 10.2639 20.081 9.55291 19.566C9.21691 19.324 9.14191 18.855 9.38391 18.52C9.62791 18.184 10.0969 18.107 10.4319 18.352C11.7449 19.301 12.3369 19.238 12.6959 19.05C13.2779 18.531 13.4989 17.363 13.5329 14.657C13.5389 14.243 13.8419 13.921 14.2929 13.917C14.7069 13.923 15.0389 14.263 15.0329 14.677C14.9949 17.632 14.7629 19.305 13.5999 20.25C13.5699 20.273 13.5399 20.295 13.5079 20.313C13.0839 20.564 12.6539 20.666 12.2329 20.666" fill={color || 'currentColor'}/>
+<mask id="ic_regular_outline_volumeoff_mask1_42284_13852" style={{ maskType: 'luminance' }} maskUnits="userSpaceOnUse" x="3" y="4" width="18" height="18">
+<path fillRule="evenodd" clipRule="evenodd" d="M3.00171 4.00024H20.5V21.5H3.00171V4.00024Z" fill={color || 'currentColor'}/>
+</mask>
+<g mask="url(#ic_regular_outline_volumeoff_mask1_42284_13852)">
+<path fillRule="evenodd" clipRule="evenodd" d="M3.75146 21.5C3.55946 21.5 3.36746 21.427 3.22146 21.28C2.92846 20.987 2.92846 20.513 3.22146 20.22L19.2205 4.21999C19.5135 3.92699 19.9875 3.92699 20.2805 4.21999C20.5735 4.51299 20.5735 4.98699 20.2805 5.27999L4.28146 21.28C4.13546 21.427 3.94346 21.5 3.75146 21.5" fill={color || 'currentColor'}/>
+</g>
+  </svg>
+);
+IconlyRegularOutlineVolumeOffIcon.displayName = 'IconlyRegularOutlineVolumeOffIcon';
+
+export const IconlyRegularOutlineVolumeUpIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <mask id="ic_regular_outline_volumeup_mask0_42284_13849" style={{ maskType: 'luminance' }} maskUnits="userSpaceOnUse" x="2" y="5" width="13" height="16">
+<path fillRule="evenodd" clipRule="evenodd" d="M2 5.00024H14.02V20.5021H2V5.00024Z" fill={color || 'currentColor'}/>
+</mask>
+<g mask="url(#ic_regular_outline_volumeup_mask0_42284_13849)">
+<path fillRule="evenodd" clipRule="evenodd" d="M11.208 6.50613C10.34 6.50613 9.22998 7.38713 8.30598 8.12113C7.41698 8.82613 6.71498 9.38413 6.01498 9.43613C5.70498 9.45813 5.43898 9.46813 5.20498 9.47613C4.45798 9.50113 4.26898 9.51813 3.93198 9.79613C3.48998 10.1591 3.49698 11.6421 3.50098 12.5271L3.50198 12.7481V12.7521L3.50098 12.9731C3.49698 13.8591 3.48998 15.3421 3.93198 15.7051C4.26798 15.9831 4.45698 15.9991 5.20198 16.0261C5.43698 16.0331 5.70398 16.0431 6.01498 16.0661C6.71498 16.1171 7.41698 16.6751 8.30598 17.3801C9.40898 18.2551 10.775 19.3401 11.681 18.8891C12.439 18.2321 12.52 16.4901 12.52 12.7501C12.52 9.01013 12.439 7.26913 11.681 6.61113C11.534 6.53813 11.375 6.50613 11.208 6.50613M11.218 20.5021C9.82698 20.5021 8.44798 19.4071 7.37398 18.5551C6.88898 18.1701 6.15598 17.5881 5.90298 17.5621C5.61598 17.5401 5.36798 17.5311 5.14898 17.5251C4.35098 17.4961 3.71998 17.4751 2.97798 16.8631C1.98598 16.0461 1.99498 14.3381 2.00098 12.9661L2.00198 12.7501L2.00098 12.5341C1.99498 11.1621 1.98598 9.45513 2.97798 8.63813C3.72098 8.02613 4.35298 8.00413 5.15298 7.97713C5.37098 7.96913 5.61798 7.96113 5.90498 7.94013C6.15598 7.91313 6.88898 7.33113 7.37398 6.94613C8.77298 5.83513 10.689 4.31813 12.474 5.33513C12.505 5.35413 12.536 5.37413 12.564 5.39713C13.958 6.49213 14.02 8.55713 14.02 12.7501C14.02 16.9441 13.958 19.0091 12.564 20.1051C12.536 20.1271 12.505 20.1481 12.473 20.1661C12.059 20.4021 11.638 20.5021 11.218 20.5021" fill={color || 'currentColor'}/>
+</g>
+<mask id="ic_regular_outline_volumeup_mask1_42284_13849" style={{ maskType: 'luminance' }} maskUnits="userSpaceOnUse" x="19" y="5" width="4" height="15">
+<path fillRule="evenodd" clipRule="evenodd" d="M19.0837 5.90356H22.4838V19.5959H19.0837V5.90356Z" fill={color || 'currentColor'}/>
+</mask>
+<g mask="url(#ic_regular_outline_volumeup_mask1_42284_13849)">
+<path fillRule="evenodd" clipRule="evenodd" d="M19.8334 19.5959C19.6854 19.5959 19.5364 19.5519 19.4054 19.4609C19.0654 19.2249 18.9814 18.7579 19.2184 18.4169C21.6114 14.9769 21.6114 10.5279 19.2184 7.08188C18.9814 6.74188 19.0654 6.27488 19.4064 6.03788C19.7464 5.80088 20.2124 5.88588 20.4494 6.22688C23.1624 10.1309 23.1624 15.3739 20.4494 19.2749C20.3034 19.4839 20.0704 19.5959 19.8334 19.5959" fill={color || 'currentColor'}/>
+</g>
+<path fillRule="evenodd" clipRule="evenodd" d="M17.3306 17.1868C17.2036 17.1868 17.0756 17.1548 16.9576 17.0868C16.5986 16.8808 16.4746 16.4218 16.6806 16.0638C17.8516 14.0228 17.8516 11.4848 16.6806 9.4378C16.4746 9.0778 16.5996 8.6198 16.9586 8.4138C17.3186 8.2118 17.7756 8.3328 17.9816 8.6918C19.4166 11.1998 19.4166 14.3098 17.9816 16.8098C17.8426 17.0518 17.5906 17.1868 17.3306 17.1868" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularOutlineVolumeUpIcon.displayName = 'IconlyRegularOutlineVolumeUpIcon';
+
+export const IconlyRegularOutlineWalletIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.8887 15.8956H17.8407C15.9437 15.8956 14.3997 14.3526 14.3987 12.4566C14.3987 10.5586 15.9427 9.01461 17.8407 9.01361H21.8887C22.3027 9.01361 22.6387 9.34961 22.6387 9.76361C22.6387 10.1776 22.3027 10.5136 21.8887 10.5136H17.8407C16.7697 10.5146 15.8987 11.3856 15.8987 12.4556C15.8987 13.5246 16.7707 14.3956 17.8407 14.3956H21.8887C22.3027 14.3956 22.6387 14.7316 22.6387 15.1456C22.6387 15.5596 22.3027 15.8956 21.8887 15.8956" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M18.2983 13.1436H17.9863C17.5723 13.1436 17.2363 12.8076 17.2363 12.3936C17.2363 11.9796 17.5723 11.6436 17.9863 11.6436H18.2983C18.7123 11.6436 19.0483 11.9796 19.0483 12.3936C19.0483 12.8076 18.7123 13.1436 18.2983 13.1436" fill={color || 'currentColor'}/>
+<mask id="ic_regular_outline_wallet_mask0_42284_13775" style={{ maskType: 'luminance' }} maskUnits="userSpaceOnUse" x="2" y="3" width="21" height="20">
+<path fillRule="evenodd" clipRule="evenodd" d="M2 3H22.6386V22.1729H2V3Z" fill={color || 'currentColor'}/>
+</mask>
+<g mask="url(#ic_regular_outline_wallet_mask0_42284_13775)">
+<path fillRule="evenodd" clipRule="evenodd" d="M7.99751 4.5C5.51751 4.5 3.49951 6.518 3.49951 8.998V16.175C3.49951 18.655 5.51751 20.673 7.99751 20.673H16.6415C19.1215 20.673 21.1385 18.655 21.1385 16.175V8.998C21.1385 6.518 19.1215 4.5 16.6415 4.5H7.99751ZM16.6415 22.173H7.99751C4.69051 22.173 1.99951 19.482 1.99951 16.175V8.998C1.99951 5.69 4.69051 3 7.99751 3H16.6415C19.9485 3 22.6385 5.69 22.6385 8.998V16.175C22.6385 19.482 19.9485 22.173 16.6415 22.173V22.173Z" fill={color || 'currentColor'}/>
+</g>
+<path fillRule="evenodd" clipRule="evenodd" d="M12.6846 9.03809H7.28564C6.87164 9.03809 6.53564 8.70209 6.53564 8.28809C6.53564 7.87409 6.87164 7.53809 7.28564 7.53809H12.6846C13.0986 7.53809 13.4346 7.87409 13.4346 8.28809C13.4346 8.70209 13.0986 9.03809 12.6846 9.03809" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularOutlineWalletIcon.displayName = 'IconlyRegularOutlineWalletIcon';
+
+export const IconlyRegularOutlineWorkIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.9951 17.4267C11.5811 17.4267 11.2451 17.0907 11.2451 16.6767V14.1397C11.2451 13.7257 11.5811 13.3897 11.9951 13.3897C12.4091 13.3897 12.7451 13.7257 12.7451 14.1397V16.6767C12.7451 17.0907 12.4091 17.4267 11.9951 17.4267" fill={color || 'currentColor'}/>
+<mask id="ic_regular_outline_work_mask0_42284_13821" style={{ maskType: 'luminance' }} maskUnits="userSpaceOnUse" x="2" y="4" width="20" height="11">
+<path fillRule="evenodd" clipRule="evenodd" d="M2.00024 4.57996H21.99V14.891H2.00024V4.57996Z" fill={color || 'currentColor'}/>
+</mask>
+<g mask="url(#ic_regular_outline_work_mask0_42284_13821)">
+<path fillRule="evenodd" clipRule="evenodd" d="M3.50024 11.393C5.87624 12.684 8.87224 13.391 11.9902 13.391C15.1142 13.391 18.1132 12.684 20.4902 11.393V8.39096C20.4902 7.11596 19.4592 6.07996 18.1902 6.07996H5.81024C4.53624 6.07996 3.50024 7.11196 3.50024 8.38096V11.393ZM11.9902 14.891C8.44524 14.891 5.02824 14.033 2.37124 12.477C2.14124 12.343 2.00024 12.097 2.00024 11.83V8.38096C2.00024 6.28496 3.70924 4.57996 5.81024 4.57996H18.1902C20.2862 4.57996 21.9902 6.28896 21.9902 8.39096V11.83C21.9902 12.097 21.8482 12.343 21.6192 12.477C18.9622 14.033 15.5422 14.891 11.9902 14.891V14.891Z" fill={color || 'currentColor'}/>
+</g>
+<mask id="ic_regular_outline_work_mask1_42284_13821" style={{ maskType: 'luminance' }} maskUnits="userSpaceOnUse" x="7" y="2" width="10" height="5">
+<path fillRule="evenodd" clipRule="evenodd" d="M7.74512 2.00018H16.2451V6.07608H7.74512V2.00018Z" fill={color || 'currentColor'}/>
+</mask>
+<g mask="url(#ic_regular_outline_work_mask1_42284_13821)">
+<path fillRule="evenodd" clipRule="evenodd" d="M15.4951 6.07606C15.0811 6.07606 14.7451 5.74006 14.7451 5.32606V4.96006C14.7451 4.15506 14.0901 3.50006 13.2851 3.50006H10.7051C9.90012 3.50006 9.24512 4.15506 9.24512 4.96006V5.32606C9.24512 5.74006 8.90912 6.07606 8.49512 6.07606C8.08112 6.07606 7.74512 5.74006 7.74512 5.32606V4.96006C7.74512 3.32806 9.07312 2.00006 10.7051 2.00006H13.2851C14.9171 2.00006 16.2451 3.32806 16.2451 4.96006V5.32606C16.2451 5.74006 15.9091 6.07606 15.4951 6.07606" fill={color || 'currentColor'}/>
+</g>
+<path fillRule="evenodd" clipRule="evenodd" d="M17.7949 21.7402H6.19494C4.11994 21.7402 2.37294 20.1192 2.21594 18.0492L2.02594 15.5402C1.99494 15.1272 2.30494 14.7662 2.71794 14.7352C3.13294 14.7202 3.49094 15.0132 3.52294 15.4272L3.71194 17.9352C3.80994 19.2272 4.89994 20.2402 6.19494 20.2402H17.7949C19.0899 20.2402 20.1809 19.2272 20.2779 17.9352L20.4679 15.4272C20.4999 15.0132 20.8669 14.7192 21.2729 14.7352C21.6859 14.7662 21.9949 15.1272 21.9639 15.5402L21.7739 18.0492C21.6169 20.1192 19.8699 21.7402 17.7949 21.7402" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularOutlineWorkIcon.displayName = 'IconlyRegularOutlineWorkIcon';
+