@winplaybox/icons 0.1.0 → 0.2.0

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

@@ -1,706 +1,706 @@
-import React from 'react';
-import { IconProps } from '../../../types';
-
-export const IconlyRegularBold2UserIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path d="M9.34961 14.8574C13.3348 14.8575 16.6982 15.4912 16.6982 17.9404C16.6982 20.3876 13.3133 21 9.34961 21C5.36428 21 2 20.3662 2 17.917C2.00035 15.47 5.38601 14.8574 9.34961 14.8574ZM15.5693 13.3828C17.085 13.3541 18.7156 13.5584 19.3174 13.7021C20.5931 13.9465 21.4319 14.4437 21.7793 15.1689C22.0738 15.763 22.0738 16.4537 21.7793 17.0479C21.2479 18.1707 19.5335 18.5321 18.8672 18.625C18.7292 18.6442 18.6191 18.5286 18.6338 18.3926C18.9741 15.2805 16.266 13.805 15.5654 13.4658C15.5363 13.4496 15.5294 13.4264 15.5322 13.4111C15.5342 13.4016 15.547 13.3858 15.5693 13.3828ZM9.34961 3C12.0491 3.00014 14.2119 5.11902 14.2119 7.7627C14.2118 10.4062 12.049 12.5243 9.34961 12.5244C6.65107 12.5244 4.48648 10.4063 4.48633 7.7627C4.48633 5.11893 6.65097 3 9.34961 3ZM15.834 3.7959C18.4415 3.79596 20.4886 6.19675 19.791 8.87109C19.3204 10.6734 17.6169 11.87 15.7188 11.8213C15.5281 11.8175 15.3411 11.7992 15.1592 11.7695C15.0282 11.7466 14.9612 11.6024 15.0361 11.4951C15.7602 10.4516 16.1738 9.19495 16.1738 7.84863C16.1738 6.44199 15.7232 5.13173 14.9395 4.05566C14.9142 4.02217 14.8957 3.97176 14.9209 3.93262C14.9404 3.90203 14.9795 3.88465 15.0156 3.87695C15.2798 3.82425 15.5512 3.7959 15.834 3.7959Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlyRegularBold2UserIcon.displayName = 'IconlyRegularBold2UserIcon';
-
-export const IconlyRegularBold3UserIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} 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.9491 14.54C15.3802 14.5401 18.3094 15.084 18.3094 17.2607C18.3091 19.4362 15.3988 20 11.9491 20C8.51793 20 5.58782 19.4561 5.58773 17.2803C5.58773 15.1035 8.49907 14.54 11.9491 14.54ZM6.56527 13.2295C6.58496 13.2322 6.59472 13.2468 6.59652 13.2549C6.59902 13.2683 6.59376 13.2875 6.56917 13.3018C5.9621 13.6035 3.61844 14.9161 3.91292 17.6826C3.92546 17.8033 3.83084 17.9058 3.71175 17.8887C3.13505 17.8058 1.65146 17.4851 1.19124 16.4863C0.936257 15.9578 0.936249 15.3459 1.19124 14.8174C1.49208 14.1735 2.2172 13.7297 3.32113 13.5117C3.84312 13.3847 5.25265 13.2052 6.56527 13.2295ZM17.4354 13.2285C18.7467 13.2043 20.1562 13.3848 20.6776 13.5127C21.7816 13.7297 22.5085 14.1725 22.8094 14.8164C23.0637 15.345 23.0636 15.9586 22.8094 16.4863C22.3493 17.4849 20.8658 17.8057 20.2889 17.8887C20.1699 17.9067 20.0735 17.8032 20.0858 17.6836C20.3803 14.9162 18.0378 13.6035 17.4315 13.3018C17.4055 13.2882 17.4005 13.2675 17.4032 13.2549C17.4051 13.2459 17.4158 13.2312 17.4354 13.2285ZM11.9491 4C14.2849 4.0001 16.1578 5.8821 16.158 8.23242C16.158 10.582 14.2851 12.4667 11.9491 12.4668C9.61295 12.4668 7.73909 10.5821 7.73909 8.23242C7.73932 5.88204 9.61309 4 11.9491 4ZM6.33577 4.70605C6.58102 4.70606 6.81562 4.73152 7.04476 4.77832C7.0752 4.78553 7.10986 4.80111 7.12777 4.82812C7.14828 4.86234 7.13264 4.90878 7.11116 4.93848C6.43344 5.89398 6.0428 7.05962 6.0428 8.30957C6.04289 9.50721 6.40047 10.6233 7.02718 11.5508C7.09126 11.6462 7.0342 11.775 6.92073 11.7949C6.76326 11.8228 6.60196 11.8373 6.43734 11.8418C4.79431 11.885 3.3194 10.8209 2.91195 9.21973C2.30755 6.84122 4.07936 4.70605 6.33577 4.70605ZM17.6629 4.70605C19.9193 4.70605 21.6912 6.84122 21.0877 9.21973C20.6803 10.8208 19.2062 11.8849 17.5633 11.8418C17.3987 11.8373 17.2364 11.8219 17.0799 11.7949C16.9663 11.7751 16.9084 11.6462 16.9725 11.5508C17.5992 10.6232 17.9568 9.50725 17.9569 8.30957C17.9569 7.05955 17.5663 5.89401 16.8885 4.93848C16.867 4.90876 16.8514 4.86235 16.8729 4.82812C16.8908 4.80046 16.9237 4.78649 16.9549 4.7793C17.1831 4.73249 17.4177 4.70608 17.6629 4.70605Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlyRegularBold3UserIcon.displayName = 'IconlyRegularBold3UserIcon';
-
-export const IconlyRegularBoldActivityIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path d="M15.45 3.78027C15.41 4.03026 15.3894 4.28028 15.3894 4.53027C15.3894 6.78027 17.21 8.59961 19.45 8.59961C19.6999 8.59959 19.9403 8.57026 20.1902 8.53027V16.5996C20.1901 19.9904 18.1897 22 14.7898 22H7.40112C4.00023 22 1.99988 19.9904 1.99976 16.5996V9.2002C1.9998 5.80026 4.00016 3.78027 7.40112 3.78027H15.45ZM15.6511 9.86035C15.3803 9.83037 15.111 9.95014 14.95 10.1699L12.531 13.3008L9.75952 11.1201C9.5897 10.9903 9.38994 10.9391 9.19019 10.96C8.99119 10.99 8.81119 11.0998 8.69019 11.2598L5.7312 15.1104L5.66968 15.2002C5.49968 15.5192 5.57967 15.9294 5.87964 16.1504C6.0196 16.2404 6.16966 16.3007 6.3396 16.3008C6.5706 16.3108 6.78944 16.189 6.92944 16L9.44019 12.7695L12.2898 14.9102L12.3796 14.9697C12.6995 15.1396 13.0998 15.0605 13.3298 14.7598L16.2195 11.0303L16.1794 11.0508C16.3394 10.8309 16.3694 10.5507 16.2595 10.3008C16.1506 10.0509 15.91 9.88048 15.6511 9.86035ZM19.5896 2C20.9196 2 21.9998 3.08016 21.9998 4.41016C21.9997 5.74008 20.9195 6.82031 19.5896 6.82031C18.2598 6.82017 17.1795 5.74 17.1794 4.41016C17.1794 3.08024 18.2597 2.00014 19.5896 2Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlyRegularBoldActivityIcon.displayName = 'IconlyRegularBoldActivityIcon';
-
-export const IconlyRegularBoldAddUserIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path d="M9.5 15.0156C13.5667 15.0156 16.9998 15.6843 17 18.2686C17 20.8529 13.5448 21.5 9.5 21.5C5.4332 21.5 2 20.8295 2 18.2461C2.00031 15.662 5.45441 15.0156 9.5 15.0156ZM18.999 7.5C19.4951 7.50003 19.8972 7.9092 19.8975 8.41113V9.58789H21.1006C21.5956 9.58789 21.9998 9.99706 22 10.499C22 11.0012 21.5958 11.4111 21.1006 11.4111H19.8975V12.5889C19.8972 13.0908 19.4951 13.5 18.999 13.5C18.504 13.5 18.0999 13.0908 18.0996 12.5889V11.4111H16.8994C16.4032 11.4111 16 11.0012 16 10.499C16.0002 9.99706 16.4033 9.58789 16.8994 9.58789H18.0996V8.41113C18.0999 7.90918 18.504 7.5 18.999 7.5ZM9.5 2.5C12.2544 2.5 14.4626 4.73638 14.4629 7.52637C14.4629 10.3166 12.2546 12.5537 9.5 12.5537C6.74543 12.5537 4.53711 10.3166 4.53711 7.52637C4.53736 4.73638 6.74559 2.5 9.5 2.5Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlyRegularBoldAddUserIcon.displayName = 'IconlyRegularBoldAddUserIcon';
-
-export const IconlyRegularBoldArrowDown2Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path d="M10.869 16.6308C10.811 16.5743 10.563 16.3609 10.359 16.1622C9.076 14.9971 6.976 11.9576 6.335 10.3668C6.232 10.1252 6.014 9.51437 6 9.18802C6 8.8753 6.072 8.5772 6.218 8.29274C6.422 7.93814 6.743 7.65368 7.122 7.49781C7.385 7.39747 8.172 7.2416 8.186 7.2416C9.047 7.08573 10.446 7 11.992 7C13.465 7 14.807 7.08573 15.681 7.21335C15.695 7.22796 16.673 7.38383 17.008 7.55431C17.62 7.86702 18 8.47784 18 9.13151V9.18802C17.985 9.61374 17.605 10.509 17.591 10.509C16.949 12.0141 14.952 14.9834 13.625 16.1768C13.625 16.1768 13.284 16.5129 13.071 16.659C12.765 16.887 12.386 17 12.007 17C11.584 17 11.19 16.8724 10.869 16.6308" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlyRegularBoldArrowDown2Icon.displayName = 'IconlyRegularBoldArrowDown2Icon';
-
-export const IconlyRegularBoldArrowDown3Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path d="M17.4101 12.1415C17.2839 11.9075 17.0438 11.7616 16.7827 11.7616H12.7173V3.73429C12.7173 3.32896 12.396 3 12 3C11.6041 3 11.2828 3.32896 11.2828 3.73429V11.7616H7.21731C6.95527 11.7616 6.71523 11.9075 6.58995 12.1415C6.46275 12.3755 6.47136 12.6614 6.61003 12.8875L11.3927 20.6573C11.5247 20.8708 11.7533 21 12 21C12.2468 21 12.4753 20.8708 12.6073 20.6573L17.39 12.8875C17.4627 12.7681 17.5 12.632 17.5 12.4959C17.5 12.3745 17.4694 12.2521 17.4101 12.1415" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlyRegularBoldArrowDown3Icon.displayName = 'IconlyRegularBoldArrowDown3Icon';
-
-export const IconlyRegularBoldArrowDownCircleIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path d="M12.0001 1.99988C17.5101 1.99988 22.0001 6.47988 22.0001 11.9999C22.0001 17.5099 17.5101 21.9999 12.0001 21.9999C6.48012 21.9999 2.00012 17.5099 2.00012 11.9999C2.00012 6.47988 6.48012 1.99988 12.0001 1.99988ZM16.0001 10.0194C15.7001 9.72966 15.2305 9.7303 14.9406 10.0302L12.0001 12.9803L9.05969 10.0302C8.76976 9.73031 8.29012 9.72967 8.00012 10.0194C7.70012 10.3194 7.70012 10.79 8.00012 11.08L11.4698 14.5702C11.6098 14.7102 11.8001 14.7899 12.0001 14.7899C12.2001 14.7899 12.3904 14.7102 12.5304 14.5702L16.0001 11.08C16.1501 10.94 16.2198 10.7494 16.2198 10.5594C16.2197 10.3596 16.15 10.1693 16.0001 10.0194Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlyRegularBoldArrowDownCircleIcon.displayName = 'IconlyRegularBoldArrowDownCircleIcon';
-
-export const IconlyRegularBoldArrowDownSquareIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} 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.33 2.00012C19.7199 2.00016 21.9999 4.38031 21.9999 7.91028V16.0802C21.9998 19.6201 19.7199 22.0001 16.33 22.0001H7.66003C4.27106 22.0001 1.99991 19.6202 1.99988 16.0802V7.91028C1.99988 4.38028 4.27103 2.00012 7.66003 2.00012H16.33ZM11.9999 7.17004C11.5799 7.17004 11.2499 7.50008 11.2499 7.92004V14.2697L8.78015 11.7902C8.64015 11.6502 8.43988 11.5704 8.24988 11.5704C8.06088 11.5704 7.8696 11.6502 7.7196 11.7902C7.42987 12.0801 7.42999 12.5597 7.7196 12.8497L11.4696 16.6202C11.7496 16.9002 12.2502 16.9002 12.5302 16.6202L16.2802 12.8497C16.5698 12.5597 16.5699 12.0801 16.2802 11.7902C15.9802 11.5002 15.5098 11.5002 15.2098 11.7902L12.7499 14.2697V7.92004C12.7498 7.50008 12.4099 7.17004 11.9999 7.17004Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlyRegularBoldArrowDownSquareIcon.displayName = 'IconlyRegularBoldArrowDownSquareIcon';
-
-export const IconlyRegularBoldArrowDownIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} 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.9932 10.835C13.4648 10.835 14.807 10.921 15.6816 11.0508C15.7005 11.0655 16.6745 11.2243 17.0088 11.3975C17.6211 11.7148 17.9998 12.3358 18 13V13.0586C17.9856 13.4898 17.6093 14.393 17.5928 14.4014C16.9506 15.9319 14.9533 18.949 13.626 20.1621C13.626 20.1621 13.2849 20.5049 13.0723 20.6533C12.7661 20.8846 12.3867 21 12.0078 21C11.585 21 11.1917 20.8703 10.8701 20.625C10.8117 20.5672 10.5643 20.3513 10.3594 20.1484C9.0761 18.9648 6.97812 15.8735 6.33594 14.2568C6.23348 14.0113 6.01554 13.3913 6 13.0586C6 12.7412 6.0734 12.4375 6.21875 12.1484C6.42253 11.7874 6.7451 11.4991 7.12402 11.3398C7.38607 11.2386 8.1696 11.0798 8.1875 11.0791C9.04775 10.9209 10.4467 10.835 11.9932 10.835ZM12 3C12.8382 3 13.5184 3.67291 13.5186 4.50293L13.1914 8.20215C13.1914 8.85341 12.6576 9.38184 12 9.38184C11.3415 9.3816 10.8096 8.85327 10.8096 8.20215L10.4824 4.50293C10.4826 3.67305 11.1621 3.00024 12 3Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlyRegularBoldArrowDownIcon.displayName = 'IconlyRegularBoldArrowDownIcon';
-
-export const IconlyRegularBoldArrowLeft2Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} 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.36922 10.869C7.42572 10.811 7.63906 10.563 7.8378 10.359C9.00292 9.076 12.0424 6.976 13.6332 6.335C13.8748 6.232 14.4856 6.014 14.812 6C15.1247 6 15.4228 6.072 15.7073 6.218C16.0619 6.422 16.3463 6.743 16.5022 7.122C16.6025 7.385 16.7584 8.172 16.7584 8.186C16.9143 9.047 17 10.446 17 11.992C17 13.465 16.9143 14.807 16.7867 15.681C16.772 15.695 16.6162 16.673 16.4457 17.008C16.133 17.62 15.5222 18 14.8685 18H14.812C14.3863 17.985 13.491 17.605 13.491 17.591C11.9859 16.949 9.01656 14.952 7.82319 13.625C7.82319 13.625 7.48709 13.284 7.34096 13.071C7.11301 12.765 7 12.386 7 12.007C7 11.584 7.12762 11.19 7.36922 10.869" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlyRegularBoldArrowLeft2Icon.displayName = 'IconlyRegularBoldArrowLeft2Icon';
-
-export const IconlyRegularBoldArrowLeft3Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} 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.8585 17.4101C12.0925 17.2839 12.2384 17.0438 12.2384 16.7827V12.7173H20.2657C20.671 12.7173 21 12.396 21 12C21 11.6041 20.671 11.2828 20.2657 11.2828H12.2384V7.21731C12.2384 6.95527 12.0925 6.71523 11.8585 6.58995C11.6245 6.46275 11.3386 6.47136 11.1125 6.61003L3.34267 11.3927C3.12924 11.5247 3 11.7533 3 12C3 12.2468 3.12924 12.4753 3.34267 12.6073L11.1125 17.39C11.2319 17.4627 11.368 17.5 11.5041 17.5C11.6255 17.5 11.7479 17.4694 11.8585 17.4101" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlyRegularBoldArrowLeft3Icon.displayName = 'IconlyRegularBoldArrowLeft3Icon';
-
-export const IconlyRegularBoldArrowLeftCircleIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} 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.2793 2.00391C17.6701 2.15223 22 6.57356 22 12C22 17.51 17.52 22 12 22C6.49 22 2 17.51 2 12C2 6.48 6.49 2 12 2L12.2793 2.00391ZM13.9805 8C13.6805 7.7 13.2099 7.7 12.9199 8L9.42969 11.4697C9.2897 11.6097 9.20996 11.8 9.20996 12C9.20996 12.2 9.2897 12.3903 9.42969 12.5303L12.9199 16C13.0599 16.15 13.2504 16.2197 13.4404 16.2197C13.6403 16.2196 13.8306 16.1499 13.9805 16C14.2702 15.7 14.2696 15.2304 13.9697 14.9404L11.0195 12L13.9697 9.05957C14.2696 8.76964 14.2702 8.29 13.9805 8Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlyRegularBoldArrowLeftCircleIcon.displayName = 'IconlyRegularBoldArrowLeftCircleIcon';
-
-export const IconlyRegularBoldArrowLeftSquareIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} 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.0897 2C19.6197 2 21.9999 4.27116 21.9999 7.66016V16.3301C21.9998 19.72 19.6197 22 16.0897 22H7.9198C4.37987 22 1.99991 19.72 1.99988 16.3301V7.66016C1.99988 4.27118 4.37984 2.00003 7.9198 2H16.0897ZM12.2098 7.71973C11.9199 7.42999 11.4403 7.43011 11.1503 7.71973L7.37976 11.4697C7.09976 11.7497 7.09976 12.2503 7.37976 12.5303L11.1503 16.2803C11.4403 16.5699 11.9199 16.57 12.2098 16.2803C12.4998 15.9803 12.4998 15.51 12.2098 15.21L9.73035 12.75H16.08C16.4999 12.75 16.83 12.41 16.83 12C16.83 11.58 16.4999 11.25 16.08 11.25H9.73035L12.2098 8.78027C12.3498 8.64027 12.4296 8.44 12.4296 8.25C12.4296 8.061 12.3498 7.86973 12.2098 7.71973Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlyRegularBoldArrowLeftSquareIcon.displayName = 'IconlyRegularBoldArrowLeftSquareIcon';
-
-export const IconlyRegularBoldArrowLeftIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path d="M10.9414 6C11.2588 6 11.5625 6.0734 11.8516 6.21875C12.2126 6.42253 12.5009 6.7451 12.6602 7.12402C12.7614 7.38607 12.9202 8.1696 12.9209 8.1875C13.0669 8.98161 13.1509 10.2352 13.1631 11.6396L13.165 11.9932C13.165 13.4648 13.079 14.807 12.9492 15.6816L12.835 16.2256C12.7717 16.5135 12.6892 16.8414 12.6025 17.0088C12.2852 17.6211 11.6642 17.9998 11 18H10.9414C10.5102 17.9856 9.60702 17.6093 9.59863 17.5928C8.13464 16.9785 5.31031 15.1244 4.00586 13.8027L3.62695 13.4062C3.52776 13.2988 3.41593 13.1714 3.34668 13.0723C3.11543 12.7661 3.00002 12.3867 3 12.0078C3 11.585 3.1297 11.1917 3.375 10.8701L3.76465 10.4492L3.85156 10.3594C5.03521 9.0761 8.12647 6.97812 9.74316 6.33594L9.9873 6.24219C10.2809 6.13698 10.692 6.01165 10.9414 6ZM19.4971 10.4824C20.3269 10.4826 20.9998 11.1621 21 12C21 12.8382 20.3271 13.5184 19.4971 13.5186L15.7979 13.1914C15.1466 13.1914 14.6182 12.6576 14.6182 12C14.6184 11.3415 15.1467 10.8096 15.7979 10.8096L19.4971 10.4824Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlyRegularBoldArrowLeftIcon.displayName = 'IconlyRegularBoldArrowLeftIcon';
-
-export const IconlyRegularBoldArrowRight2Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} 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.6308 13.131C16.5743 13.189 16.3609 13.437 16.1622 13.641C14.9971 14.924 11.9576 17.024 10.3668 17.665C10.1252 17.768 9.51437 17.986 9.18802 18C8.8753 18 8.5772 17.928 8.29274 17.782C7.93814 17.578 7.65368 17.257 7.49781 16.878C7.39747 16.615 7.2416 15.828 7.2416 15.814C7.08573 14.953 7 13.554 7 12.008C7 10.535 7.08573 9.193 7.21335 8.319C7.22796 8.305 7.38383 7.327 7.55431 6.992C7.86702 6.38 8.47784 6 9.13151 6H9.18802C9.61374 6.015 10.509 6.395 10.509 6.409C12.0141 7.051 14.9834 9.048 16.1768 10.375C16.1768 10.375 16.5129 10.716 16.659 10.929C16.887 11.235 17 11.614 17 11.993C17 12.416 16.8724 12.81 16.6308 13.131" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlyRegularBoldArrowRight2Icon.displayName = 'IconlyRegularBoldArrowRight2Icon';
-
-export const IconlyRegularBoldArrowRight3Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} 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.1415 6.5899C11.9075 6.71614 11.7616 6.95618 11.7616 7.21726V11.2827H3.73429C3.32896 11.2827 3 11.604 3 12C3 12.3959 3.32896 12.7172 3.73429 12.7172H11.7616V16.7827C11.7616 17.0447 11.9075 17.2848 12.1415 17.4101C12.3755 17.5372 12.6614 17.5286 12.8875 17.39L20.6573 12.6073C20.8708 12.4753 21 12.2467 21 12C21 11.7532 20.8708 11.5247 20.6573 11.3927L12.8875 6.60998C12.7681 6.5373 12.632 6.5 12.4959 6.5C12.3745 6.5 12.2521 6.5306 12.1415 6.5899" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlyRegularBoldArrowRight3Icon.displayName = 'IconlyRegularBoldArrowRight3Icon';
-
-export const IconlyRegularBoldArrowRightCircleIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path d="M12.0001 2C17.5101 2 22.0001 6.49 22.0001 12C22.0001 17.52 17.5101 22 12.0001 22L11.7208 21.9961C6.33001 21.8478 2.00012 17.4264 2.00012 12C2.00012 6.49 6.48012 2 12.0001 2ZM10.5597 7.78027C10.3599 7.78037 10.1695 7.85011 10.0197 8C9.7299 8.29999 9.73055 8.76964 10.0304 9.05957L12.9806 12L10.0304 14.9404C9.73055 15.2304 9.72991 15.71 10.0197 16C10.3197 16.3 10.7902 16.3 11.0802 16L14.5704 12.5303C14.7104 12.3903 14.7902 12.2 14.7902 12C14.7902 11.8 14.7104 11.6097 14.5704 11.4697L11.0802 8C10.9402 7.85 10.7497 7.78027 10.5597 7.78027Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlyRegularBoldArrowRightCircleIcon.displayName = 'IconlyRegularBoldArrowRightCircleIcon';
-
-export const IconlyRegularBoldArrowRightSquareIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} 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.08 2C19.6199 2.00003 21.9998 4.27999 21.9999 7.66992V16.3398C21.9999 19.7288 19.6199 22 16.08 22H7.91003C4.38003 22 1.99988 19.7288 1.99988 16.3398V7.66992C1.99991 4.27996 4.38006 2 7.91003 2H16.08ZM12.8495 7.71973C12.5595 7.43011 12.0798 7.42999 11.7899 7.71973C11.4999 8.01973 11.4999 8.49004 11.7899 8.79004L14.2694 11.25H7.9198C7.49984 11.25 7.1698 11.59 7.1698 12C7.1698 12.42 7.49984 12.75 7.9198 12.75H14.2694L11.7899 15.2197C11.6499 15.3597 11.5702 15.56 11.5702 15.75C11.5702 15.939 11.6499 16.1303 11.7899 16.2803C12.0798 16.57 12.5595 16.5699 12.8495 16.2803L16.62 12.5303C16.9 12.2503 16.9 11.7497 16.62 11.4697L12.8495 7.71973Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlyRegularBoldArrowRightSquareIcon.displayName = 'IconlyRegularBoldArrowRightSquareIcon';
-
-export const IconlyRegularBoldArrowRightIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path d="M13.0586 6C13.4898 6.01443 14.393 6.3907 14.4014 6.40723C15.8654 7.02151 18.6897 8.87561 19.9941 10.1973L20.373 10.5938C20.4722 10.7012 20.5841 10.8286 20.6533 10.9277C20.8846 11.2339 21 11.6133 21 11.9922C21 12.415 20.8703 12.8083 20.625 13.1299L20.2354 13.5508L20.1484 13.6406C18.9648 14.9239 15.8735 17.0219 14.2568 17.6641L14.0127 17.7578C13.7191 17.863 13.308 17.9883 13.0586 18C12.7412 18 12.4375 17.9266 12.1484 17.7812C11.7874 17.5775 11.4991 17.2549 11.3398 16.876C11.2386 16.6139 11.0798 15.8304 11.0791 15.8125C10.9331 15.0184 10.8491 13.7648 10.8369 12.3604L10.835 12.0068C10.835 10.5352 10.921 9.19297 11.0508 8.31836L11.165 7.77441C11.2283 7.48651 11.3108 7.15857 11.3975 6.99121C11.7148 6.37891 12.3358 6.00018 13 6H13.0586ZM8.20215 10.8086C8.85341 10.8086 9.38184 11.3424 9.38184 12C9.3816 12.6585 8.85327 13.1904 8.20215 13.1904L4.50293 13.5176C3.67305 13.5174 3.00024 12.8379 3 12C3 11.1618 3.67291 10.4816 4.50293 10.4814L8.20215 10.8086Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlyRegularBoldArrowRightIcon.displayName = 'IconlyRegularBoldArrowRightIcon';
-
-export const IconlyRegularBoldArrowUp2Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path d="M13.131 7.36922C13.189 7.42572 13.437 7.63906 13.641 7.8378C14.924 9.00292 17.024 12.0424 17.665 13.6332C17.768 13.8748 17.986 14.4856 18 14.812C18 15.1247 17.928 15.4228 17.782 15.7073C17.578 16.0619 17.257 16.3463 16.878 16.5022C16.615 16.6025 15.828 16.7584 15.814 16.7584C14.953 16.9143 13.554 17 12.008 17C10.535 17 9.193 16.9143 8.319 16.7867C8.305 16.772 7.327 16.6162 6.992 16.4457C6.38 16.133 6 15.5222 6 14.8685V14.812C6.015 14.3863 6.395 13.491 6.409 13.491C7.051 11.9859 9.048 9.01656 10.375 7.82319C10.375 7.82319 10.716 7.48709 10.929 7.34096C11.235 7.11301 11.614 7 11.993 7C12.416 7 12.81 7.12762 13.131 7.36922" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlyRegularBoldArrowUp2Icon.displayName = 'IconlyRegularBoldArrowUp2Icon';
-
-export const IconlyRegularBoldArrowUp3Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path d="M6.5899 11.8585C6.71614 12.0925 6.95618 12.2384 7.21726 12.2384H11.2827V20.2657C11.2827 20.671 11.604 21 12 21C12.3959 21 12.7172 20.671 12.7172 20.2657V12.2384H16.7827C17.0447 12.2384 17.2848 12.0925 17.4101 11.8585C17.5372 11.6245 17.5286 11.3386 17.39 11.1125L12.6073 3.34267C12.4753 3.12924 12.2467 3 12 3C11.7532 3 11.5247 3.12924 11.3927 3.34267L6.60998 11.1125C6.5373 11.2319 6.5 11.368 6.5 11.5041C6.5 11.6255 6.5306 11.7479 6.5899 11.8585" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlyRegularBoldArrowUp3Icon.displayName = 'IconlyRegularBoldArrowUp3Icon';
-
-export const IconlyRegularBoldArrowUpCircleIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} 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 2C17.52 2 22 6.49 22 12L21.9961 12.2793C21.8478 17.6701 17.4264 22 12 22C6.49 22 2 17.52 2 12C2 6.49 6.49 2 12 2ZM12 9.20996C11.8 9.20996 11.6097 9.2897 11.4697 9.42969L8 12.9199C7.85 13.0599 7.78027 13.2504 7.78027 13.4404C7.78037 13.6403 7.85011 13.8306 8 13.9805C8.29999 14.2702 8.76964 14.2696 9.05957 13.9697L12 11.0195L14.9404 13.9697C15.2304 14.2696 15.71 14.2702 16 13.9805C16.3 13.6805 16.3 13.2099 16 12.9199L12.5303 9.42969C12.3903 9.2897 12.2 9.20996 12 9.20996Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlyRegularBoldArrowUpCircleIcon.displayName = 'IconlyRegularBoldArrowUpCircleIcon';
-
-export const IconlyRegularBoldArrowUpSquareIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} 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.3397 2C19.7287 2 21.9998 4.37997 21.9999 7.91992V16.0898C21.9999 19.6198 19.7287 22 16.3397 22H7.6698C4.27984 22 1.99988 19.6198 1.99988 16.0898V7.91992C1.99991 4.37999 4.27987 2.00004 7.6698 2H16.3397ZM12.5302 7.37988C12.2502 7.09988 11.7496 7.09988 11.4696 7.37988L7.7196 11.1504C7.42999 11.4404 7.42987 11.9201 7.7196 12.21C8.0196 12.5 8.48992 12.5 8.78992 12.21L11.2499 9.73047V16.0801C11.2499 16.5 11.5899 16.8301 11.9999 16.8301C12.4199 16.8301 12.7498 16.5 12.7499 16.0801V9.73047L15.2196 12.21C15.3596 12.35 15.5599 12.4297 15.7499 12.4297C15.9389 12.4297 16.1302 12.35 16.2802 12.21C16.5699 11.9201 16.5698 11.4404 16.2802 11.1504L12.5302 7.37988Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlyRegularBoldArrowUpSquareIcon.displayName = 'IconlyRegularBoldArrowUpSquareIcon';
-
-export const IconlyRegularBoldArrowUpIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} 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 14.6182C12.6585 14.6184 13.1904 15.1467 13.1904 15.7979L13.5176 19.4971C13.5174 20.3269 12.8379 20.9998 12 21C11.1618 21 10.4816 20.3271 10.4814 19.4971L10.8086 15.7979C10.8086 15.1466 11.3424 14.6182 12 14.6182ZM11.9922 3C12.415 3 12.8083 3.1297 13.1299 3.375L13.5508 3.76465L13.6406 3.85156C14.9239 5.03521 17.0219 8.12647 17.6641 9.74316L17.7578 9.9873C17.863 10.2809 17.9883 10.692 18 10.9414C18 11.2588 17.9266 11.5625 17.7812 11.8516C17.5775 12.2126 17.2549 12.5009 16.876 12.6602C16.6139 12.7614 15.8304 12.9202 15.8125 12.9209C15.0184 13.0669 13.7648 13.1509 12.3604 13.1631L12.0068 13.165C10.5352 13.165 9.19297 13.079 8.31836 12.9492L7.77441 12.835C7.48651 12.7717 7.15857 12.6892 6.99121 12.6025C6.37891 12.2852 6.00018 11.6642 6 11V10.9414C6.01443 10.5102 6.3907 9.60701 6.40723 9.59863C7.02151 8.13464 8.87561 5.31031 10.1973 4.00586L10.5938 3.62695C10.7012 3.52776 10.8286 3.41593 10.9277 3.34668C11.2339 3.11543 11.6133 3.00002 11.9922 3Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlyRegularBoldArrowUpIcon.displayName = 'IconlyRegularBoldArrowUpIcon';
-
-export const IconlyRegularBoldBag2Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" 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.4184 6.47H16.6232C19.3152 6.47 21.5 8.72 21.5 11.48V17C21.5 19.76 19.3152 22 16.6232 22H7.3768C4.6848 22 2.5 19.76 2.5 17V11.48C2.5 8.72 4.6848 6.47 7.3768 6.47H7.58162C7.60113 5.27 8.05955 4.15 8.8886 3.31C9.72741 2.46 10.8003 2.03 12.0098 2C14.4286 2 16.3891 4 16.4184 6.47ZM9.91273 4.38C9.36653 4.94 9.06417 5.68 9.04466 6.47H14.9553C14.9261 4.83 13.6191 3.5 12.0098 3.5C11.2587 3.5 10.4784 3.81 9.91273 4.38ZM15.7064 10.32C16.116 10.32 16.4379 9.98 16.4379 9.57V8.41C16.4379 8 16.116 7.66 15.7064 7.66C15.3065 7.66 14.9748 8 14.9748 8.41V9.57C14.9748 9.98 15.3065 10.32 15.7064 10.32ZM8.93737 9.57C8.93737 9.98 8.6155 10.32 8.20585 10.32C7.80595 10.32 7.47433 9.98 7.47433 9.57V8.41C7.47433 8 7.80595 7.66 8.20585 7.66C8.6155 7.66 8.93737 8 8.93737 8.41V9.57Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlyRegularBoldBag2Icon.displayName = 'IconlyRegularBoldBag2Icon';
-
-export const IconlyRegularBoldBagIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} 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.0049 2C14.6849 2 16.8882 4.106 17 6.77441H16.9737C16.9768 6.85191 16.9624 6.92919 16.9307 7H17.0869C18.3506 7.00022 19.6762 7.90996 20.1446 10.1201L20.9131 16.3145C21.4787 20.3533 19.2073 22 16.1582 22H7.8682C4.81046 21.9999 2.46822 20.8625 3.10452 16.3145L3.88284 10.1201C4.28054 7.84605 5.6502 7.00003 6.93167 7H7.0098C6.99662 6.92539 6.99663 6.84902 7.0098 6.77441C7.12163 4.10602 9.32499 2.00003 12.0049 2ZM9.09671 10.3291C8.60875 10.3293 8.21292 10.737 8.21292 11.2393C8.21309 11.7414 8.60886 12.1483 9.09671 12.1484C9.58471 12.1484 9.98033 11.7415 9.9805 11.2393C9.9805 10.7369 9.58482 10.3291 9.09671 10.3291ZM14.8858 10.3291C14.3977 10.3291 14.002 10.7369 14.002 11.2393C14.0022 11.7415 14.3978 12.1484 14.8858 12.1484C15.3738 12.1484 15.7694 11.7415 15.7696 11.2393C15.7696 10.7369 15.3739 10.3291 14.8858 10.3291ZM11.9659 3.30273C10.0417 3.30273 8.48148 4.85691 8.48148 6.77441C8.49466 6.84906 8.49466 6.92535 8.48148 7H15.4932C15.4654 6.92797 15.4502 6.85158 15.4493 6.77441C15.4493 4.85694 13.8899 3.30277 11.9659 3.30273Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlyRegularBoldBagIcon.displayName = 'IconlyRegularBoldBagIcon';
-
-export const IconlyRegularBoldBookmarkIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" 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.9 2H15.07C17.78 2 19.97 3.07 20 5.79V20.97C20 21.14 19.96 21.31 19.88 21.46C19.75 21.7 19.53 21.88 19.26 21.96C19 22.04 18.71 22 18.47 21.86L11.99 18.62L5.5 21.86C5.351 21.939 5.18 21.99 5.01 21.99C4.45 21.99 4 21.53 4 20.97V5.79C4 3.07 6.2 2 8.9 2ZM8.22 9.62H15.75C16.18 9.62 16.53 9.269 16.53 8.83C16.53 8.39 16.18 8.04 15.75 8.04H8.22C7.79 8.04 7.44 8.39 7.44 8.83C7.44 9.269 7.79 9.62 8.22 9.62Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlyRegularBoldBookmarkIcon.displayName = 'IconlyRegularBoldBookmarkIcon';
-
-export const IconlyRegularBoldBuyIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} 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.42672 18.9081C8.25586 18.9084 8.93549 19.6019 8.93551 20.4589C8.93551 21.3058 8.25587 21.9997 7.42672 21.9999C6.58738 21.9999 5.90719 21.3059 5.90719 20.4589C5.90722 19.6017 6.58739 18.9081 7.42672 18.9081ZM18.6679 18.9081C19.4971 18.9084 20.1767 19.6018 20.1767 20.4589C20.1767 21.3058 19.4971 21.9997 18.6679 21.9999C17.8286 21.9999 17.1484 21.3059 17.1484 20.4589C17.1484 19.6017 17.8286 18.9081 18.6679 18.9081ZM2.01071 2.64055C2.08064 2.22321 2.47023 1.94656 2.87985 2.00871L5.26364 2.37492C5.60315 2.43734 5.85281 2.72243 5.88278 3.06926L6.07223 5.35539C6.10239 5.68259 6.36221 5.92743 6.6816 5.92766H20.1767C20.7861 5.9277 21.1863 6.14186 21.5859 6.61125C21.9853 7.08062 22.0547 7.75405 21.9648 8.36516L21.0156 15.0595C20.8357 16.3462 19.7571 17.2946 18.4882 17.2948H7.5859C6.25723 17.2946 5.15882 16.2549 5.04879 14.9081L4.12887 3.78312L2.62008 3.51848C2.22048 3.44703 1.94088 3.04867 2.01071 2.64055ZM14.1211 9.70207C13.7015 9.70218 13.372 10.0392 13.372 10.4677C13.3721 10.886 13.7015 11.2332 14.1211 11.2333H16.8886C17.3083 11.2333 17.6386 10.8861 17.6386 10.4677C17.6386 10.0391 17.3083 9.70207 16.8886 9.70207H14.1211Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlyRegularBoldBuyIcon.displayName = 'IconlyRegularBoldBuyIcon';
-
-export const IconlyRegularBoldCalendarIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" 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.4109 2.76862L16.4119 3.51824C19.1665 3.73413 20.9862 5.61119 20.9891 8.48975L21 16.9155C21.0039 20.054 19.0322 21.985 15.8718 21.99L8.15188 22C5.01119 22.004 3.01482 20.027 3.01087 16.8795L3.00001 8.55272C2.99606 5.65517 4.75153 3.78311 7.50617 3.53024L7.50518 2.78061C7.5042 2.34083 7.83001 2.01 8.26444 2.01C8.69886 2.009 9.02468 2.33883 9.02567 2.77861L9.02666 3.47826L14.8914 3.47027L14.8904 2.77062C14.8894 2.33084 15.2152 2.001 15.6497 2C16.0742 1.999 16.4099 2.32884 16.4109 2.76862ZM4.52148 8.86157L19.4696 8.84158V8.49175C19.4272 6.34283 18.349 5.21539 16.4138 5.04748L16.4148 5.81709C16.4148 6.24688 16.0801 6.5877 15.6556 6.5877C15.2212 6.5887 14.8943 6.24887 14.8943 5.81909L14.8934 5.00949L9.02863 5.01749L9.02962 5.82609C9.02962 6.25687 8.70479 6.5967 8.27036 6.5967C7.83594 6.5977 7.50913 6.25887 7.50913 5.82809L7.50815 5.05847C5.58286 5.25137 4.51753 6.38281 4.52049 8.55072L4.52148 8.86157ZM15.2399 13.4043V13.4153C15.2498 13.8751 15.625 14.2239 16.0801 14.2139C16.5244 14.2029 16.8789 13.8221 16.869 13.3623C16.8483 12.9225 16.4918 12.5637 16.0485 12.5647C15.5944 12.5747 15.2389 12.9445 15.2399 13.4043ZM16.0554 17.892C15.6013 17.882 15.235 17.5032 15.234 17.0435C15.2241 16.5837 15.5884 16.2029 16.0426 16.1919H16.0525C16.5165 16.1919 16.8927 16.5707 16.8927 17.0405C16.8937 17.5102 16.5185 17.891 16.0554 17.892ZM11.1721 13.4203C11.1919 13.8801 11.568 14.2389 12.0222 14.2189C12.4665 14.1979 12.821 13.8181 12.8012 13.3583C12.7904 12.9085 12.425 12.5587 11.9807 12.5597C11.5266 12.5797 11.1711 12.9605 11.1721 13.4203ZM12.0262 17.8471C11.572 17.8671 11.1968 17.5082 11.1761 17.0485C11.1761 16.5887 11.5305 16.2089 11.9847 16.1879C12.429 16.1869 12.7953 16.5367 12.8052 16.9855C12.8259 17.4463 12.4705 17.8261 12.0262 17.8471ZM7.10433 13.4553C7.12408 13.915 7.50025 14.2749 7.95442 14.2539C8.39872 14.2339 8.75317 13.8531 8.73243 13.3933C8.72256 12.9435 8.35725 12.5937 7.91196 12.5947C7.45779 12.6147 7.10334 12.9955 7.10433 13.4553ZM7.95837 17.8521C7.5042 17.8731 7.12901 17.5132 7.10828 17.0535C7.10729 16.5937 7.46273 16.2129 7.9169 16.1929C8.3612 16.1919 8.7275 16.5417 8.73737 16.9915C8.7581 17.4513 8.40365 17.8321 7.95837 17.8521Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlyRegularBoldCalendarIcon.displayName = 'IconlyRegularBoldCalendarIcon';
-
-export const IconlyRegularBoldCallMissedIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} 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.3372 5.91772L21.7408 3.50518C21.9083 3.33698 22.0002 3.11407 22.0002 2.87798C22.0002 2.64189 21.9083 2.41898 21.7408 2.25078C21.4066 1.91641 20.8262 1.91641 20.4921 2.25078L18.0885 4.66434L15.684 2.25078C15.3499 1.91641 14.7694 1.91641 14.4353 2.25078C14.2687 2.41898 14.1769 2.64189 14.1769 2.87798C14.1769 3.11407 14.2687 3.33698 14.4353 3.50518L16.8388 5.91772L14.4353 8.33027C14.2687 8.49847 14.1769 8.72138 14.1769 8.95747C14.1769 9.19356 14.2687 9.41647 14.4353 9.58467C14.7694 9.91904 15.3499 9.91904 15.684 9.58467L18.0885 7.17111L20.4921 9.58467C20.6596 9.75186 20.8807 9.84406 21.1169 9.84406C21.3531 9.84406 21.5742 9.75186 21.7408 9.58467C21.9083 9.41647 22.0002 9.19356 22.0002 8.95747C22.0002 8.72138 21.9083 8.49847 21.7408 8.33027L19.3372 5.91772Z" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M11.0317 12.9724C15.0208 16.9604 15.9258 12.3467 18.4656 14.8848C20.9143 17.3328 22.3216 17.8232 19.2192 20.9247C18.8306 21.237 16.3616 24.9943 7.6846 16.3197C-0.993478 7.644 2.76158 5.17244 3.07397 4.78395C6.18387 1.67385 6.66586 3.08938 9.11449 5.53733C11.6544 8.0765 7.04266 8.98441 11.0317 12.9724Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlyRegularBoldCallMissedIcon.displayName = 'IconlyRegularBoldCallMissedIcon';
-
-export const IconlyRegularBoldCallSilentIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} 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.7695 2.3642C20.9975 2.3642 21.2164 2.4672 21.375 2.62982C21.7017 2.97535 21.7018 3.51386 21.375 3.85931V3.86908L11.958 13.5146L11.4121 14.0742L12.0898 13.3828C15.37 16.0765 16.2957 12.2238 18.6191 14.5849C21.016 17.0315 22.3938 17.5254 19.3545 20.6269C18.996 20.94 16.694 24.4642 8.80567 16.747L3.44434 22.246C3.27588 22.4086 3.06762 22.4999 2.84961 22.4999C2.63164 22.4999 2.42348 22.4085 2.24512 22.246C1.96759 21.9513 1.92789 21.5137 2.11621 21.1884L2.14551 21.1484C2.16532 21.1169 2.18515 21.087 2.21485 21.0566L20.1748 2.62982C20.3234 2.46731 20.5417 2.36433 20.7695 2.3642ZM3.25391 4.38568C6.32256 1.27341 6.79835 2.68981 9.20899 5.13666C11.24 7.20796 8.60756 8.1956 9.68653 10.6533L6.18457 14.205C-0.245577 6.9192 2.96858 4.7403 3.25391 4.38568Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlyRegularBoldCallSilentIcon.displayName = 'IconlyRegularBoldCallSilentIcon';
-
-export const IconlyRegularBoldCallIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path fillRule="evenodd" clipRule="evenodd" d="M11.5317 12.4724C15.5208 16.4604 16.4258 11.8467 18.9656 14.3848C21.4143 16.8328 22.8216 17.3232 19.7192 20.4247C19.3306 20.737 16.8616 24.4943 8.1846 15.8197C-0.493478 7.144 3.26158 4.67244 3.57397 4.28395C6.68387 1.17385 7.16586 2.58938 9.61449 5.03733C12.1544 7.5765 7.54266 8.48441 11.5317 12.4724Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlyRegularBoldCallIcon.displayName = 'IconlyRegularBoldCallIcon';
-
-export const IconlyRegularBoldCallingIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path d="M14.4183 5.48994C13.9422 5.402 13.505 5.70579 13.4144 6.17048C13.3238 6.63516 13.6285 7.08884 14.0916 7.17978C15.4859 7.4516 16.5624 8.53085 16.8353 9.92989V9.93089C16.913 10.3336 17.2675 10.6264 17.6759 10.6264C17.7306 10.6264 17.7854 10.6214 17.8412 10.6114C18.3043 10.5185 18.609 10.0658 18.5184 9.60012C18.1111 7.51055 16.5027 5.89666 14.4183 5.48994" fill={color || 'currentColor'}/>
-<path d="M14.356 2.00793C14.1329 1.97595 13.9088 2.04191 13.7305 2.18381C13.5473 2.32771 13.4328 2.53557 13.4079 2.76841C13.3551 3.23908 13.6947 3.66479 14.1648 3.71776C17.4064 4.07951 19.926 6.60477 20.2905 9.85654C20.3393 10.2922 20.7048 10.621 21.141 10.621C21.1739 10.621 21.2058 10.619 21.2386 10.615C21.4667 10.59 21.6699 10.4771 21.8133 10.2972C21.9557 10.1174 22.0204 9.89351 21.9945 9.66467C21.5404 5.60746 18.4003 2.45862 14.356 2.00793" fill={color || 'currentColor'}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M11.0317 12.9724C15.0208 16.9604 15.9258 12.3467 18.4656 14.8848C20.9143 17.3328 22.3216 17.8232 19.2192 20.9247C18.8306 21.237 16.3616 24.9943 7.6846 16.3197C-0.993478 7.644 2.76158 5.17244 3.07397 4.78395C6.18387 1.67385 6.66586 3.08938 9.11449 5.53733C11.6544 8.0765 7.04266 8.98441 11.0317 12.9724Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlyRegularBoldCallingIcon.displayName = 'IconlyRegularBoldCallingIcon';
-
-export const IconlyRegularBoldCameraIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path fillRule="evenodd" clipRule="evenodd" d="M17.44 6.2364C17.48 6.30633 17.55 6.35627 17.64 6.35627C20.04 6.35627 22 8.3141 22 10.7114V16.6448C22 19.0422 20.04 21 17.64 21H6.36C3.95 21 2 19.0422 2 16.6448V10.7114C2 8.3141 3.95 6.35627 6.36 6.35627C6.44 6.35627 6.52 6.31632 6.55 6.2364L6.61 6.11654C6.64448 6.04397 6.67987 5.96943 6.71579 5.89376C6.97161 5.35492 7.25463 4.75879 7.43 4.40844C7.89 3.50943 8.67 3.00999 9.64 3H14.35C15.32 3.00999 16.11 3.50943 16.57 4.40844C16.7275 4.72308 16.9674 5.2299 17.1987 5.71839C17.2464 5.81921 17.2938 5.91924 17.34 6.01665L17.44 6.2364ZM16.71 10.0721C16.71 10.5716 17.11 10.9711 17.61 10.9711C18.11 10.9711 18.52 10.5716 18.52 10.0721C18.52 9.5727 18.11 9.16315 17.61 9.16315C17.11 9.16315 16.71 9.5727 16.71 10.0721ZM10.27 11.6204C10.74 11.1509 11.35 10.9012 12 10.9012C12.65 10.9012 13.26 11.1509 13.72 11.6104C14.18 12.0699 14.43 12.6792 14.43 13.3285C14.42 14.667 13.34 15.7558 12 15.7558C11.35 15.7558 10.74 15.5061 10.28 15.0466C9.82 14.5871 9.57 13.9778 9.57 13.3285V13.3185C9.56 12.6892 9.81 12.0799 10.27 11.6204ZM14.77 16.1054C14.06 16.8147 13.08 17.2542 12 17.2542C10.95 17.2542 9.97 16.8446 9.22 16.1054C8.48 15.3563 8.07 14.3774 8.07 13.3285C8.06 12.2897 8.47 11.3108 9.21 10.5616C9.96 9.81243 10.95 9.40289 12 9.40289C13.05 9.40289 14.04 9.81243 14.78 10.5516C15.52 11.3008 15.93 12.2897 15.93 13.3285C15.92 14.4173 15.48 15.3962 14.77 16.1054Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlyRegularBoldCameraIcon.displayName = 'IconlyRegularBoldCameraIcon';
-
-export const IconlyRegularBoldCategoryIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} 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.91992 13.4697C9.32978 13.4697 10.4597 14.6105 10.46 16.0303V19.4395C10.46 20.8495 9.32992 22 7.91992 22H4.54004C3.14004 22 2 20.8495 2 19.4395V16.0303C2.00023 14.6105 3.14018 13.4697 4.54004 13.4697H7.91992ZM19.46 13.4697C20.8598 13.4697 21.9998 14.6105 22 16.0303V19.4395C22 20.8495 20.86 22 19.46 22H16.0801C14.6701 22 13.54 20.8494 13.54 19.4395V16.0303C13.5403 14.6105 14.6702 13.4697 16.0801 13.4697H19.46ZM7.91992 2C9.32977 2 10.4597 3.14975 10.46 4.56055V7.96973C10.46 9.38973 9.32992 10.5303 7.91992 10.5303H4.54004C3.14004 10.5303 2 9.38973 2 7.96973V4.56055C2.00024 3.14975 3.14019 2 4.54004 2H7.91992ZM19.46 2C20.8598 2 21.9998 3.14975 22 4.56055V7.96973C22 9.38973 20.86 10.5303 19.46 10.5303H16.0801C14.6701 10.5303 13.54 9.38972 13.54 7.96973V4.56055C13.5403 3.14976 14.6702 2.00001 16.0801 2H19.46Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlyRegularBoldCategoryIcon.displayName = 'IconlyRegularBoldCategoryIcon';
-
-export const IconlyRegularBoldChartIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" 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.33049 2.00037H16.6695C20.0705 2.00037 21.9905 3.92937 22.0005 7.33037V16.6704C22.0005 20.0704 20.0705 22.0004 16.6695 22.0004H7.33049C3.92949 22.0004 2.00049 20.0704 2.00049 16.6704V7.33037C2.00049 3.92937 3.92949 2.00037 7.33049 2.00037ZM12.0495 17.8604C12.4805 17.8604 12.8395 17.5404 12.8795 17.1104V6.92037C12.9195 6.61037 12.7705 6.29937 12.5005 6.13037C12.2195 5.96037 11.8795 5.96037 11.6105 6.13037C11.3395 6.29937 11.1905 6.61037 11.2195 6.92037V17.1104C11.2705 17.5404 11.6295 17.8604 12.0495 17.8604ZM16.6505 17.8604C17.0705 17.8604 17.4295 17.5404 17.4805 17.1104V13.8304C17.5095 13.5094 17.3605 13.2104 17.0895 13.0404C16.8205 12.8704 16.4805 12.8704 16.2005 13.0404C15.9295 13.2104 15.7805 13.5094 15.8205 13.8304V17.1104C15.8605 17.5404 16.2195 17.8604 16.6505 17.8604ZM8.21949 17.1104C8.17949 17.5404 7.82049 17.8604 7.38949 17.8604C6.95949 17.8604 6.59949 17.5404 6.56049 17.1104V10.2004C6.53049 9.88937 6.67949 9.58037 6.95049 9.41037C7.21949 9.24037 7.56049 9.24037 7.83049 9.41037C8.09949 9.58037 8.25049 9.88937 8.21949 10.2004V17.1104Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlyRegularBoldChartIcon.displayName = 'IconlyRegularBoldChartIcon';
-
-export const IconlyRegularBoldChatIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path fillRule="evenodd" clipRule="evenodd" d="M2 12.015C2 6.74712 6.21 2 12.02 2C17.7 2 22 6.65699 22 11.985C22 18.1642 16.96 22 12 22C10.36 22 8.54 21.5593 7.08 20.698C6.57 20.3876 6.14 20.1572 5.59 20.3375L3.57 20.9384C3.06 21.0986 2.6 20.698 2.75 20.1572L3.42 17.9139C3.53 17.6034 3.51 17.2729 3.35 17.0125C2.49 15.4301 2 13.6975 2 12.015ZM10.7 12.015C10.7 12.7261 11.27 13.2969 11.98 13.307C12.69 13.307 13.26 12.7261 13.26 12.025C13.26 11.314 12.69 10.7431 11.98 10.7431C11.28 10.7331 10.7 11.314 10.7 12.015ZM15.31 12.025C15.31 12.7261 15.88 13.307 16.59 13.307C17.3 13.307 17.87 12.7261 17.87 12.025C17.87 11.314 17.3 10.7431 16.59 10.7431C15.88 10.7431 15.31 11.314 15.31 12.025ZM7.37 13.307C6.67 13.307 6.09 12.7261 6.09 12.025C6.09 11.314 6.66 10.7431 7.37 10.7431C8.08 10.7431 8.65 11.314 8.65 12.025C8.65 12.7261 8.08 13.2969 7.37 13.307Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlyRegularBoldChatIcon.displayName = 'IconlyRegularBoldChatIcon';
-
-export const IconlyRegularBoldCloseSquareIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" 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.66976 1.99915H16.3398C19.7298 1.99915 21.9998 4.37915 21.9998 7.91915V16.0901C21.9998 19.6201 19.7298 21.9991 16.3398 21.9991H7.66976C4.27976 21.9991 1.99976 19.6201 1.99976 16.0901V7.91915C1.99976 4.37915 4.27976 1.99915 7.66976 1.99915ZM15.0098 14.9991C15.3498 14.6601 15.3498 14.1101 15.0098 13.7701L13.2298 11.9901L15.0098 10.2091C15.3498 9.87015 15.3498 9.31015 15.0098 8.97015C14.6698 8.62915 14.1198 8.62915 13.7698 8.97015L11.9998 10.7491L10.2198 8.97015C9.86976 8.62915 9.31976 8.62915 8.97976 8.97015C8.63976 9.31015 8.63976 9.87015 8.97976 10.2091L10.7598 11.9901L8.97976 13.7601C8.63976 14.1101 8.63976 14.6601 8.97976 14.9991C9.14976 15.1691 9.37976 15.2601 9.59976 15.2601C9.82976 15.2601 10.0498 15.1691 10.2198 14.9991L11.9998 13.2301L13.7798 14.9991C13.9498 15.1801 14.1698 15.2601 14.3898 15.2601C14.6198 15.2601 14.8398 15.1691 15.0098 14.9991Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlyRegularBoldCloseSquareIcon.displayName = 'IconlyRegularBoldCloseSquareIcon';
-
-export const IconlyRegularBoldDangerIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path fillRule="evenodd" clipRule="evenodd" d="M14.4773 4.44209L21.746 17.0572C21.906 17.4338 21.976 17.7399 21.996 18.058C22.036 18.8012 21.776 19.5236 21.2661 20.0795C20.7562 20.6334 20.0663 20.9604 19.3164 21H4.6789C4.36896 20.9812 4.05901 20.9108 3.76906 20.8018C2.3193 20.2172 1.61942 18.5723 2.20932 17.1464L9.52809 4.43317C9.77804 3.98628 10.158 3.60082 10.6279 3.35309C11.9877 2.59902 13.7174 3.09447 14.4773 4.44209ZM12.8675 12.7557C12.8675 13.2314 12.4776 13.6287 11.9977 13.6287C11.5178 13.6287 11.1178 13.2314 11.1178 12.7557V9.95248C11.1178 9.47585 11.5178 9.09039 11.9977 9.09039C12.4776 9.09039 12.8675 9.47585 12.8675 9.95248V12.7557ZM11.9977 17.0176C11.5178 17.0176 11.1178 16.6202 11.1178 16.1456C11.1178 15.669 11.5178 15.2726 11.9977 15.2726C12.4776 15.2726 12.8675 15.6601 12.8675 16.1347C12.8675 16.6202 12.4776 17.0176 11.9977 17.0176Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlyRegularBoldDangerIcon.displayName = 'IconlyRegularBoldDangerIcon';
-
-export const IconlyRegularBoldDeleteIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} 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="M18.9395 8.69727C19.1385 8.69738 19.3191 8.78402 19.4619 8.93066C19.5952 9.08766 19.663 9.28326 19.6436 9.48926C19.6429 9.56521 19.1099 16.2984 18.8057 19.1338C18.6151 20.8747 17.493 21.9319 15.8096 21.9609C14.5151 21.9899 13.2497 22 12.0039 22C10.6812 22 9.3874 21.9899 8.13184 21.9609C6.50488 21.9218 5.38206 20.8457 5.20117 19.1338C4.88816 16.2881 4.36472 9.56385 4.35449 9.48926C4.34477 9.28326 4.41071 9.08766 4.54492 8.93066C4.67715 8.78375 4.86811 8.69731 5.06836 8.69727H18.9395ZM14.0645 2C14.9485 2 15.7382 2.61708 15.9668 3.49707L16.1309 4.22656C16.2631 4.82145 16.778 5.24302 17.3711 5.24316H20.2871C20.676 5.24316 20.9998 5.56576 21 5.97656V6.35742C20.9997 6.75821 20.676 7.09082 20.2871 7.09082H3.71387C3.32402 7.09082 3.00025 6.75821 3 6.35742V5.97656C3.00021 5.56576 3.324 5.24316 3.71387 5.24316H6.62988C7.22203 5.24301 7.7369 4.82143 7.87012 4.22754L8.02344 3.5459C8.26078 2.61698 9.04181 2 9.93555 2H14.0645Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlyRegularBoldDeleteIcon.displayName = 'IconlyRegularBoldDeleteIcon';
-
-export const IconlyRegularBoldDiscountIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" 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.3991 9.14599L21.1193 9.86599C21.6895 10.426 21.9996 11.186 21.9996 11.986C22.0096 12.786 21.6995 13.547 21.1393 14.116C21.1327 14.1233 21.126 14.1298 21.1193 14.1362C21.116 14.1394 21.1127 14.1427 21.1093 14.146L20.3991 14.856C20.119 15.136 19.9589 15.516 19.9589 15.917V16.946C19.9589 18.606 18.6084 19.957 16.9478 19.957H15.9174C15.5173 19.957 15.1372 20.116 14.8571 20.396L14.1368 21.116C13.5466 21.707 12.7763 21.996 12.006 21.996C11.2357 21.996 10.4655 21.707 9.87525 21.127L9.14498 20.396C8.86488 20.116 8.48474 19.957 8.0846 19.957H7.05423C5.39362 19.957 4.04313 18.606 4.04313 16.946V15.917C4.04313 15.516 3.88308 15.136 3.60297 14.846L2.88271 14.136C1.71229 12.967 1.70229 11.056 2.87271 9.87699L3.60297 9.14599C3.88308 8.86599 4.04313 8.48599 4.04313 8.07599V7.05599C4.04313 5.39599 5.39362 4.04699 7.05423 4.04699H8.0846C8.48474 4.04699 8.86488 3.88599 9.14498 3.60599L9.86524 2.88599C11.0357 1.70699 12.9464 1.70699 14.1268 2.87699L14.8571 3.60599C15.1372 3.88599 15.5173 4.04699 15.9174 4.04699H16.9478C18.6084 4.04699 19.9589 5.39599 19.9589 7.05599V8.08699C19.9589 8.48599 20.119 8.86599 20.3991 9.14599ZM9.42509 15.446C9.66517 15.446 9.88525 15.356 10.0453 15.186L15.1872 10.047C15.5273 9.70699 15.5273 9.14599 15.1872 8.80599C14.8471 8.46699 14.2969 8.46699 13.9567 8.80599L8.81486 13.946C8.47474 14.286 8.47474 14.846 8.81486 15.186C8.97492 15.356 9.195 15.446 9.42509 15.446ZM13.6966 14.566C13.6966 15.056 14.0868 15.446 14.577 15.446C15.0571 15.446 15.4473 15.056 15.4473 14.566C15.4473 14.087 15.0571 13.696 14.577 13.696C14.0868 13.696 13.6966 14.087 13.6966 14.566ZM9.43509 8.55599C9.91526 8.55599 10.3054 8.94599 10.3054 9.42599C10.3054 9.91699 9.91526 10.306 9.43509 10.306C8.95492 10.306 8.55477 9.91699 8.55477 9.42599C8.55477 8.94599 8.95492 8.55599 9.43509 8.55599Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlyRegularBoldDiscountIcon.displayName = 'IconlyRegularBoldDiscountIcon';
-
-export const IconlyRegularBoldDiscoveryIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path fillRule="evenodd" clipRule="evenodd" d="M2 12.0001C2 6.48012 6.47 2.00012 12 2.00012C17.52 2.00012 22 6.48012 22 12.0001C22 17.5301 17.52 22.0001 12 22.0001C6.47 22.0001 2 17.5301 2 12.0001ZM14.23 13.8301L15.85 8.71012C15.96 8.36012 15.64 8.03012 15.29 8.14012L10.17 9.74012C9.96 9.81012 9.79 9.97012 9.73 10.1801L8.13 15.3101C8.02 15.6501 8.35 15.9801 8.69 15.8701L13.79 14.2701C14 14.2101 14.17 14.0401 14.23 13.8301Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlyRegularBoldDiscoveryIcon.displayName = 'IconlyRegularBoldDiscoveryIcon';
-
-export const IconlyRegularBoldDocumentIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" 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.81 2H16.191C19.28 2 21 3.78 21 6.83V17.16C21 20.26 19.28 22 16.191 22H7.81C4.77 22 3 20.26 3 17.16V6.83C3 3.78 4.77 2 7.81 2ZM8.08 6.66V6.65H11.069C11.5 6.65 11.85 7 11.85 7.429C11.85 7.87 11.5 8.22 11.069 8.22H8.08C7.649 8.22 7.3 7.87 7.3 7.44C7.3 7.01 7.649 6.66 8.08 6.66ZM8.08 12.74H15.92C16.35 12.74 16.7 12.39 16.7 11.96C16.7 11.53 16.35 11.179 15.92 11.179H8.08C7.649 11.179 7.3 11.53 7.3 11.96C7.3 12.39 7.649 12.74 8.08 12.74ZM8.08 17.31H15.92C16.319 17.27 16.62 16.929 16.62 16.53C16.62 16.12 16.319 15.78 15.92 15.74H8.08C7.78 15.71 7.49 15.85 7.33 16.11C7.17 16.36 7.17 16.69 7.33 16.95C7.49 17.2 7.78 17.35 8.08 17.31Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlyRegularBoldDocumentIcon.displayName = 'IconlyRegularBoldDocumentIcon';
-
-export const IconlyRegularBoldDownloadIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} 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.2301 7.29052V3.2815C11.2301 2.85523 11.5701 2.5 12.0001 2.5C12.3851 2.5 12.7113 2.79849 12.763 3.17658L12.7701 3.2815V7.29052L17.55 7.29083C19.93 7.29083 21.8853 9.23978 21.9951 11.6704L22 11.8861V16.9254C22 19.373 20.1127 21.3822 17.768 21.495L17.56 21.5H6.44C4.06 21.5 2.11409 19.5608 2.00484 17.1213L2 16.9047L2 11.8758C2 9.4281 3.87791 7.40921 6.22199 7.29585L6.43 7.29083H11.23V13.6932L9.63 12.041C9.33 11.7312 8.84 11.7312 8.54 12.041C8.39 12.1959 8.32 12.4024 8.32 12.6089C8.32 12.7659 8.3648 12.9295 8.45952 13.0679L8.54 13.1666L11.45 16.1819C11.59 16.3368 11.79 16.4194 12 16.4194C12.1667 16.4194 12.3333 16.362 12.4653 16.2533L12.54 16.1819L15.45 13.1666C15.75 12.8568 15.75 12.3508 15.45 12.041C15.1773 11.7594 14.7475 11.7338 14.4462 11.9642L14.36 12.041L12.77 13.6932V7.29083L11.2301 7.29052Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlyRegularBoldDownloadIcon.displayName = 'IconlyRegularBoldDownloadIcon';
-
-export const IconlyRegularBoldEditSquareIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" 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.6653 2.01034C18.1038 1.92043 19.5224 2.41991 20.5913 3.3989C21.5703 4.46779 22.0697 5.88633 21.9898 7.33483V16.6652C22.0797 18.1137 21.5703 19.5322 20.6013 20.6011C19.5323 21.5801 18.1038 22.0796 16.6653 21.9897H7.33487C5.88636 22.0796 4.46781 21.5801 3.39891 20.6011C2.41991 19.5322 1.92043 18.1137 2.01034 16.6652V7.33483C1.92043 5.88633 2.41991 4.46779 3.39891 3.3989C4.46781 2.41991 5.88636 1.92043 7.33487 2.01034H16.6653ZM10.9811 16.845L17.7042 10.102C18.3136 9.4826 18.3136 8.48364 17.7042 7.87427L16.4056 6.57561C15.7862 5.95625 14.7872 5.95625 14.1679 6.57561L13.4985 7.25491C13.3986 7.35481 13.3986 7.52463 13.4985 7.62453C13.4985 7.62453 15.0869 9.20289 15.1169 9.24285C15.2268 9.36273 15.2967 9.52256 15.2967 9.70238C15.2967 10.062 15.007 10.3617 14.6374 10.3617C14.4675 10.3617 14.3077 10.2918 14.1978 10.1819L12.5295 8.5236C12.4496 8.44368 12.3098 8.44368 12.2298 8.5236L7.46474 13.2887C7.13507 13.6183 6.94527 14.0579 6.93528 14.5274L6.87534 16.8949C6.87534 17.0248 6.9153 17.1447 7.00521 17.2346C7.09512 17.3245 7.21499 17.3744 7.34486 17.3744H9.69245C10.172 17.3744 10.6315 17.1846 10.9811 16.845Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlyRegularBoldEditSquareIcon.displayName = 'IconlyRegularBoldEditSquareIcon';
-
-export const IconlyRegularBoldEditIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} 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.9903 18.953C20.5472 18.9533 21 19.4123 21 19.9765C21 20.5418 20.5472 20.9997 19.9903 20.9999H14.2793C13.7224 20.9997 13.2696 20.5418 13.2696 19.9765C13.2696 19.4123 13.7224 18.9533 14.2793 18.953H19.9903ZM12.2413 3.95696C13.1538 2.78523 14.7463 2.67792 16.0303 3.69914L17.5049 4.87102C18.1097 5.34399 18.5135 5.9673 18.6514 6.62297C18.8105 7.34407 18.6404 8.05236 18.1631 8.66496L9.37602 20.0282C8.97278 20.5439 8.37873 20.8339 7.74223 20.8447L4.24027 20.8876C4.04934 20.8875 3.89013 20.7588 3.8477 20.5761L3.0518 17.1249C2.91402 16.4908 3.05198 15.8351 3.45512 15.33L9.68461 7.2675C9.79072 7.13901 9.98125 7.11849 10.1084 7.21379L12.7295 9.29973C12.8993 9.43947 13.1329 9.51459 13.377 9.48235C13.897 9.41785 14.2474 8.94461 14.1944 8.43938C14.1625 8.18156 14.0349 7.96677 13.8653 7.80559C13.8122 7.76259 11.3184 5.76262 11.3184 5.76262C11.1593 5.6336 11.1276 5.39736 11.2549 5.23723L12.2413 3.95696Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlyRegularBoldEditIcon.displayName = 'IconlyRegularBoldEditIcon';
-
-export const IconlyRegularBoldFilter2Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path d="M14.1348 15.8389C14.4374 15.84 14.6826 16.0936 14.6826 16.4043V19.1357C14.6825 19.4473 14.5052 19.7289 14.2295 19.8594L9.82227 21.9287C9.71954 21.9763 9.61083 21.9999 9.50195 22C9.35695 22 9.2115 21.9576 9.08496 21.874C8.8636 21.7277 8.72949 21.4746 8.72949 21.2041V16.3896C8.72949 16.0768 8.97654 15.8232 9.28027 15.8242L14.1348 15.8389ZM19.8721 2C21.0478 2.00014 22 2.98127 22 4.19238V5.72363C22 6.3112 21.77 6.8756 21.3623 7.28711L14.8574 13.8672C14.7452 13.9816 14.593 14.045 14.4355 14.0439L8.98926 14.0273C8.82357 14.0273 8.66598 13.956 8.55273 13.832L2.57422 7.25781C2.20462 6.85163 2.00003 6.31458 2 5.75781V4.19336C2 2.98225 2.95224 2.00014 4.12793 2H19.8721Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlyRegularBoldFilter2Icon.displayName = 'IconlyRegularBoldFilter2Icon';
-
-export const IconlyRegularBoldFilterIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} 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="M18.5615 14.0195C20.4613 14.0197 22 15.5329 22 17.3994C21.9999 19.2648 20.4613 20.7771 18.5615 20.7773C16.6627 20.7773 15.1222 19.2649 15.1221 17.3994C15.1221 15.5327 16.6626 14.0195 18.5615 14.0195ZM10.083 15.958C10.9152 15.958 11.5908 16.6218 11.5908 17.4395C11.5907 18.2559 10.9152 18.9209 10.083 18.9209H3.50781C2.67565 18.9209 2.0001 18.2559 2 17.4395C2 16.6218 2.67559 15.958 3.50781 15.958H10.083ZM5.43848 3C7.33847 3 8.87793 4.51333 8.87793 6.37891C8.87774 8.24542 7.33835 9.75781 5.43848 9.75781C3.5399 9.7576 2.00019 8.24529 2 6.37891C2 4.51346 3.53978 3.00021 5.43848 3ZM20.4932 4.89844C21.3243 4.89844 22 5.56238 22 6.37891C21.9998 7.19637 21.3242 7.86035 20.4932 7.86035H13.918C13.0859 7.86035 12.4103 7.19637 12.4102 6.37891C12.4102 5.56238 13.0858 4.89844 13.918 4.89844H20.4932Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlyRegularBoldFilterIcon.displayName = 'IconlyRegularBoldFilterIcon';
-
-export const IconlyRegularBoldFolderIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" 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.45 4.88017H16.52C20.21 4.88017 22.01 6.85017 22 10.8902V15.7602C22 19.6202 19.62 22.0002 15.75 22.0002H8.24C4.39 22.0002 2 19.6202 2 15.7502V8.24017C2 4.10017 3.84 2.00017 7.47 2.00017H9.05C9.981 1.99017 10.85 2.42017 11.42 3.15017L12.3 4.32017C12.58 4.67017 13 4.88017 13.45 4.88017ZM7.37 15.2902H16.63C17.04 15.2902 17.37 14.9502 17.37 14.5402C17.37 14.1202 17.04 13.7902 16.63 13.7902H7.37C6.95 13.7902 6.62 14.1202 6.62 14.5402C6.62 14.9502 6.95 15.2902 7.37 15.2902Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlyRegularBoldFolderIcon.displayName = 'IconlyRegularBoldFolderIcon';
-
-export const IconlyRegularBoldGameIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" 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.164 6.08252C15.4791 6.08684 15.7949 6.09117 16.1119 6.09441C19.5172 6.09441 22 8.52216 22 11.8748V16.1811C22 19.5337 19.5172 21.9615 16.1119 21.9615C14.7478 21.9904 13.3837 22 12.0098 22C10.6359 22 9.25221 21.9904 7.88813 21.9615C4.48283 21.9615 2 19.5337 2 16.1811V11.8748C2 8.52216 4.48283 6.09441 7.89794 6.09441C9.18351 6.07514 10.4985 6.05588 11.8332 6.05588V5.8921C11.8332 5.22736 11.2738 4.68786 10.6065 4.68786H9.63494C8.52601 4.68786 7.62316 3.80154 7.62316 2.72254C7.62316 2.32755 7.95682 2 8.35918 2C8.77134 2 9.09519 2.32755 9.09519 2.72254C9.09519 3.01156 9.34053 3.24277 9.63494 3.24277H10.6065C12.0883 3.25241 13.2954 4.43738 13.3052 5.88247V6.06551C13.9239 6.06551 14.5425 6.074 15.164 6.08252ZM10.8518 14.7457H9.82139V15.7669C9.82139 16.1618 9.48773 16.4894 9.08538 16.4894C8.67321 16.4894 8.34936 16.1618 8.34936 15.7669V14.7457H7.30913C6.90677 14.7457 6.57311 14.4277 6.57311 14.0231C6.57311 13.6281 6.90677 13.3006 7.30913 13.3006H8.34936V12.289C8.34936 11.894 8.67321 11.5665 9.08538 11.5665C9.48773 11.5665 9.82139 11.894 9.82139 12.289V13.3006H10.8518C11.2542 13.3006 11.5878 13.6281 11.5878 14.0231C11.5878 14.4277 11.2542 14.7457 10.8518 14.7457ZM15.0226 13.1175H15.1207C15.5231 13.1175 15.8567 12.7996 15.8567 12.395C15.8567 12 15.5231 11.6724 15.1207 11.6724H15.0226C14.6104 11.6724 14.2866 12 14.2866 12.395C14.2866 12.7996 14.6104 13.1175 15.0226 13.1175ZM16.7007 16.4316H16.7988C17.2012 16.4316 17.5348 16.1137 17.5348 15.7091C17.5348 15.3141 17.2012 14.9865 16.7988 14.9865H16.7007C16.2875 14.9865 15.9647 15.3141 15.9647 15.7091C15.9647 16.1137 16.2875 16.4316 16.7007 16.4316Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlyRegularBoldGameIcon.displayName = 'IconlyRegularBoldGameIcon';
-
-export const IconlyRegularBoldGraphIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} 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.95613 4.95979C9.44622 4.86806 9.93757 5.11228 10.1514 5.55451C10.257 5.71374 10.2845 5.90878 10.297 6.09944C10.4273 8.09738 10.5648 10.065 10.6944 12.0321C10.6914 12.2462 10.726 12.4597 10.795 12.6629C10.9576 13.0627 11.3618 13.3167 11.7999 13.2938L18.4298 12.8846H18.5011C18.7869 12.8893 19.0592 13.0053 19.2579 13.2069C19.4566 13.4085 19.5655 13.6794 19.5606 13.9598C19.2983 17.7819 16.4961 20.975 12.6827 21.7977C8.86932 22.6204 4.96035 20.875 3.08797 17.5135C2.53751 16.5455 2.18941 15.4794 2.06453 14.3778C2.01612 14.0514 1.99484 13.7212 2.00105 13.3914C2.01367 9.32724 4.90739 5.81939 8.95613 4.95979ZM12.9132 2.0008C17.484 2.13763 21.3048 5.45562 21.9971 9.89045C22.0015 9.91692 22.0015 9.94407 21.9971 9.97053C22.012 10.1803 21.9409 10.3874 21.7999 10.5457C21.6588 10.7041 21.4591 10.8006 21.2452 10.8143L13.5655 11.3211C13.3116 11.3436 13.06 11.2597 12.8721 11.0906C12.6843 10.9215 12.5772 10.6826 12.5782 10.4324L12.0626 2.88948V2.76448C12.072 2.55255 12.1668 2.35305 12.3262 2.20979C12.4858 2.06655 12.6971 1.99129 12.9132 2.0008Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlyRegularBoldGraphIcon.displayName = 'IconlyRegularBoldGraphIcon';
-
-export const IconlyRegularBoldHeartIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" 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.8498 2.50065C16.4808 2.50065 17.1108 2.58965 17.7098 2.79065C21.4008 3.99065 22.7308 8.04065 21.6198 11.5806C20.9898 13.3896 19.9598 15.0406 18.6108 16.3896C16.6798 18.2596 14.5608 19.9196 12.2798 21.3496L12.0298 21.5006L11.7698 21.3396C9.48077 19.9196 7.34977 18.2596 5.40077 16.3796C4.06077 15.0306 3.02977 13.3896 2.38977 11.5806C1.25977 8.04065 2.58977 3.99065 6.32077 2.76965C6.61077 2.66965 6.90977 2.59965 7.20977 2.56065H7.32977C7.61077 2.51965 7.88977 2.50065 8.16977 2.50065H8.27977C8.90977 2.51965 9.51977 2.62965 10.1108 2.83065H10.1698C10.2098 2.84965 10.2398 2.87065 10.2598 2.88965C10.4808 2.96065 10.6898 3.04065 10.8898 3.15065L11.2698 3.32065C11.3616 3.36962 11.4647 3.44445 11.5537 3.50912C11.6102 3.55009 11.661 3.58699 11.6998 3.61065C11.7161 3.62028 11.7327 3.62996 11.7494 3.63972C11.8351 3.68977 11.9245 3.74191 11.9998 3.79965C13.1108 2.95065 14.4598 2.49065 15.8498 2.50065ZM18.5098 9.70065C18.9198 9.68965 19.2698 9.36065 19.2998 8.93965V8.82065C19.3298 7.41965 18.4808 6.15065 17.1898 5.66065C16.7798 5.51965 16.3298 5.74065 16.1798 6.16065C16.0398 6.58065 16.2598 7.04065 16.6798 7.18965C17.3208 7.42965 17.7498 8.06065 17.7498 8.75965V8.79065C17.7308 9.01965 17.7998 9.24065 17.9398 9.41065C18.0798 9.58065 18.2898 9.67965 18.5098 9.70065Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlyRegularBoldHeartIcon.displayName = 'IconlyRegularBoldHeartIcon';
-
-export const IconlyRegularBoldHideIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} 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.1699 3.71389C19.4626 3.42838 19.9221 3.42838 20.205 3.71389C20.4976 3.99935 20.4975 4.47234 20.205 4.75783L18.4287 6.54982C19.8434 7.8493 21.0437 9.60136 21.9413 11.708C22.0194 11.895 22.0194 12.1119 21.9413 12.2891C19.8533 17.1918 16.136 20.1258 11.999 20.126H11.9892C10.106 20.126 8.30036 19.5053 6.7099 18.3731L4.81732 20.2832C4.67096 20.4309 4.48514 20.5 4.29975 20.5C4.11445 20.4999 3.91967 20.4308 3.78314 20.2832C3.53927 20.0372 3.50027 19.6439 3.69525 19.3584L3.72455 19.3184L18.1552 4.75783C18.1747 4.73814 18.1943 4.71795 18.204 4.69826C18.2235 4.67864 18.2431 4.65928 18.2529 4.63967L19.1699 3.71389ZM12.0009 3.88576C13.3962 3.88576 14.7529 4.22052 16.0019 4.85061L12.7431 8.13869C12.5089 8.09931 12.2546 8.06936 12.0009 8.06936C9.84469 8.06954 8.09857 9.83218 8.09857 12.0078C8.0986 12.2637 8.12792 12.5197 8.16693 12.7559L4.55658 16.3985C3.58084 15.2564 2.73179 13.878 2.05854 12.293C1.98049 12.1158 1.98048 11.899 2.05854 11.7119C4.14658 6.80937 7.86399 3.88593 11.9912 3.88576H12.0009ZM14.1552 10.8613C14.3308 11.1961 14.4287 11.5904 14.4287 12.0039C14.4285 13.3525 13.3355 14.4549 11.999 14.4551C11.5893 14.4551 11.1988 14.3568 10.8671 14.1797L9.80365 15.2529C10.428 15.6761 11.1893 15.9317 11.999 15.9317C14.1454 15.9315 15.8914 14.1696 15.8915 12.0039C15.8915 11.1868 15.6383 10.4182 15.2187 9.78811L14.1552 10.8613Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlyRegularBoldHideIcon.displayName = 'IconlyRegularBoldHideIcon';
-
-export const IconlyRegularBoldHomeIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path d="M9.13478 20.7733V17.7156C9.13478 16.9351 9.77217 16.3023 10.5584 16.3023H13.4326C13.8102 16.3023 14.1723 16.4512 14.4393 16.7163C14.7063 16.9813 14.8563 17.3408 14.8563 17.7156V20.7733C14.8539 21.0978 14.9821 21.4099 15.2124 21.6402C15.4427 21.8705 15.756 22 16.0829 22H18.0438C18.9596 22.0024 19.8388 21.6428 20.4872 21.0008C21.1356 20.3588 21.5 19.487 21.5 18.5778V9.86686C21.5 9.13246 21.1721 8.43584 20.6046 7.96467L13.934 2.67587C12.7737 1.74856 11.1111 1.7785 9.98539 2.74698L3.46701 7.96467C2.87274 8.42195 2.51755 9.12064 2.5 9.86686V18.5689C2.5 20.4639 4.04738 22 5.95617 22H7.87229C8.55123 22 9.103 21.4562 9.10792 20.7822L9.13478 20.7733Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlyRegularBoldHomeIcon.displayName = 'IconlyRegularBoldHomeIcon';
-
-export const IconlyRegularBoldImage2Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} 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.3529 2.00043C19.7298 2.00043 21.9993 4.36229 21.9994 7.88812V16.102C21.9994 16.253 21.9722 16.3886 21.9642 16.5346C21.9592 16.6195 21.9605 16.7046 21.9535 16.7895C21.9495 16.8275 21.938 16.8628 21.934 16.9008C21.901 17.2145 21.8506 17.5144 21.7797 17.8051C21.7617 17.8831 21.7401 17.9586 21.7191 18.0346C21.6391 18.3165 21.545 18.5853 21.432 18.8422C21.399 18.9141 21.3634 18.9832 21.3295 19.0541C21.2075 19.2991 21.0752 19.5344 20.9222 19.7524C20.8752 19.8194 20.8238 19.8798 20.7748 19.9448C20.6158 20.1508 20.4491 20.3478 20.2611 20.5268C20.2002 20.5847 20.1316 20.635 20.0677 20.6899C19.8748 20.8559 19.6773 21.0148 19.4603 21.1508C19.3824 21.1997 19.2961 21.2358 19.2162 21.2797C18.9953 21.4016 18.7725 21.5208 18.5297 21.6127C18.4297 21.6507 18.3182 21.6706 18.2142 21.7036C17.9754 21.7775 17.7396 21.8549 17.4828 21.8989C17.2888 21.9329 17.0774 21.9366 16.8734 21.9536C16.6994 21.9666 16.5339 22.0004 16.3529 22.0004H7.63708C7.2612 22.0004 6.90196 21.9627 6.55505 21.9057C6.54216 21.9037 6.52986 21.9018 6.51794 21.8998C5.16516 21.6668 4.04217 21.0136 3.25525 20.0287C3.2464 20.0286 3.24659 20.0182 3.23767 20.0092C2.44667 19.0132 1.99939 17.674 1.99939 16.102V7.88812C1.99952 4.3624 4.27035 2.00057 7.63708 2.00043H16.3529ZM7.63708 3.39496C5.06035 3.3951 3.396 5.1624 3.39587 7.88812V16.102C3.39587 16.8669 3.5377 17.5501 3.78064 18.1411C3.82143 18.0921 5.7293 15.7659 5.7572 15.7348C6.44919 14.9448 7.74853 13.766 9.45349 14.4789C9.86334 14.6489 10.2232 14.8881 10.5531 15.0981C11.1261 15.4811 11.4638 15.6613 11.8138 15.6313C11.9585 15.6113 12.0943 15.5685 12.223 15.4887C12.781 15.1447 14.3585 12.8442 14.4535 12.7192C15.5435 11.2994 17.2235 10.9193 18.6234 11.7592C18.8114 11.8712 20.1589 12.8129 20.6049 13.1909V7.88812C20.6047 5.1623 18.9388 3.39496 16.3529 3.39496H7.63708ZM8.47888 6.00043C9.17647 6.00049 9.80863 6.29316 10.2611 6.76117C10.7155 7.21281 11.0004 7.83571 11.0004 8.51508C11.0003 9.86985 9.86647 11.0002 8.50525 11.0004C7.30854 11.0004 6.28764 10.1256 6.05896 8.99359C6.02118 8.82377 6.00037 8.64863 6.00037 8.4682C6.00062 7.10381 7.10888 6.00043 8.47888 6.00043Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlyRegularBoldImage2Icon.displayName = 'IconlyRegularBoldImage2Icon';
-
-export const IconlyRegularBoldImageIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} 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.334 2C19.7232 2.00008 22 4.37844 22 7.91699V16.083C22 19.6215 19.7232 21.9999 16.333 22H7.66602C4.27682 21.9999 2 19.6216 2 16.083V7.91699C2 4.37844 4.27682 2.00008 7.66602 2H16.334ZM17.4365 12.5498C16.3647 11.8813 15.5367 12.8208 15.3135 13.1211C15.0984 13.411 14.9137 13.731 14.7188 14.0508C14.2422 14.8401 13.6959 15.7499 12.751 16.2793C11.3774 17.0398 10.3341 16.3399 9.58398 15.8301C9.30257 15.6403 9.02921 15.4605 8.75684 15.3408C8.08511 15.0508 7.47998 15.3812 6.58301 16.5205C6.11257 17.1157 5.64627 17.7059 5.17383 18.2939C4.89126 18.6459 4.95873 19.1885 5.33984 19.4238C5.94812 19.7984 6.68985 19.9999 7.52832 20H15.9561C16.4317 20 16.9088 19.9347 17.3633 19.7861C18.3869 19.4517 19.1997 18.6861 19.624 17.6748C19.9819 16.8245 20.1561 15.7921 19.8213 14.9336C19.7097 14.6488 19.5419 14.3836 19.3076 14.1504C18.6933 13.5406 18.1192 12.9708 17.4365 12.5498ZM8.49902 6C7.12038 6 6 7.12173 6 8.5C6 9.87827 7.12038 11 8.49902 11C9.87659 10.9999 10.998 9.87821 10.998 8.5C10.998 7.12179 9.87659 6.00009 8.49902 6Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlyRegularBoldImageIcon.displayName = 'IconlyRegularBoldImageIcon';
-
-export const IconlyRegularBoldInfoCircleIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path fillRule="evenodd" clipRule="evenodd" d="M2.00012 11.9993C2.00012 6.48027 6.48012 1.99927 12.0001 1.99927C17.5301 1.99927 22.0001 6.48027 22.0001 11.9993C22.0001 17.5203 17.5301 21.9993 12.0001 21.9993C6.48012 21.9993 2.00012 17.5203 2.00012 11.9993ZM11.1201 8.20927C11.1201 7.73027 11.5201 7.32927 12.0001 7.32927C12.4801 7.32927 12.8701 7.73027 12.8701 8.20927V12.6293C12.8701 13.1103 12.4801 13.4993 12.0001 13.4993C11.5201 13.4993 11.1201 13.1103 11.1201 12.6293V8.20927ZM12.0101 16.6803C11.5201 16.6803 11.1301 16.2803 11.1301 15.8003C11.1301 15.3203 11.5201 14.9303 12.0001 14.9303C12.4901 14.9303 12.8801 15.3203 12.8801 15.8003C12.8801 16.2803 12.4901 16.6803 12.0101 16.6803Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlyRegularBoldInfoCircleIcon.displayName = 'IconlyRegularBoldInfoCircleIcon';
-
-export const IconlyRegularBoldInfoSquareIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" 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.66988 1.99915H16.3399C19.7299 1.99915 21.9999 4.37915 21.9999 7.91915V16.0901C21.9999 19.6201 19.7299 21.9991 16.3399 21.9991H7.66988C4.27988 21.9991 1.99988 19.6201 1.99988 16.0901V7.91915C1.99988 4.37915 4.27988 1.99915 7.66988 1.99915ZM11.9899 9.06015C11.5199 9.06015 11.1299 8.66915 11.1299 8.19015C11.1299 7.70015 11.5199 7.31015 12.0099 7.31015C12.4899 7.31015 12.8799 7.70015 12.8799 8.19015C12.8799 8.66915 12.4899 9.06015 11.9899 9.06015ZM12.8699 15.7801C12.8699 16.2601 12.4799 16.6501 11.9899 16.6501C11.5099 16.6501 11.1199 16.2601 11.1199 15.7801V11.3601C11.1199 10.8791 11.5099 10.4801 11.9899 10.4801C12.4799 10.4801 12.8699 10.8791 12.8699 11.3601V15.7801Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlyRegularBoldInfoSquareIcon.displayName = 'IconlyRegularBoldInfoSquareIcon';
-
-export const IconlyRegularBoldLocationIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path fillRule="evenodd" clipRule="evenodd" d="M3.5 10.3178C3.5 5.71789 7.34388 2 11.9934 2C16.6561 2 20.5 5.71789 20.5 10.3178C20.5 12.6357 19.657 14.7876 18.2695 16.6116C16.7388 18.6235 14.8522 20.3765 12.7285 21.7524C12.2425 22.0704 11.8039 22.0944 11.2704 21.7524C9.13474 20.3765 7.24809 18.6235 5.7305 16.6116C4.34198 14.7876 3.5 12.6357 3.5 10.3178ZM9.19423 10.5768C9.19423 12.1177 10.4517 13.3297 11.9934 13.3297C13.5362 13.3297 14.8058 12.1177 14.8058 10.5768C14.8058 9.0478 13.5362 7.77683 11.9934 7.77683C10.4517 7.77683 9.19423 9.0478 9.19423 10.5768Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlyRegularBoldLocationIcon.displayName = 'IconlyRegularBoldLocationIcon';
-
-export const IconlyRegularBoldLockIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} 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.9844 2C15.0531 2 17.5225 4.41527 17.5225 7.39648V8.92969C19.2448 9.4673 20.5 11.0264 20.5 12.8887V17.8252C20.5 20.1306 18.5888 21.9999 16.2324 22H7.76855C5.41122 21.9999 3.5 20.1306 3.5 17.8252V12.8887C3.5 11.0264 4.7562 9.4673 6.47754 8.92969V7.39648C6.4877 4.41539 8.95646 2.0002 11.9844 2ZM11.9951 13.3848C11.5074 13.3848 11.1113 13.772 11.1113 14.249V16.4551C11.1114 16.9419 11.5074 17.3291 11.9951 17.3291C12.4929 17.329 12.8886 16.9419 12.8887 16.4551V14.249C12.8887 13.7721 12.4929 13.3849 11.9951 13.3848ZM12.0049 3.73926C9.94227 3.73936 8.26611 5.36876 8.25586 7.37598V8.71387H15.7441V7.39648C15.7441 5.37919 14.0676 3.73926 12.0049 3.73926Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlyRegularBoldLockIcon.displayName = 'IconlyRegularBoldLockIcon';
-
-export const IconlyRegularBoldLoginIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} 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.9258 2C19.4453 2.00021 21.5 4.00056 21.5 6.44043V17.5596C21.5 20.0096 19.4446 22 16.9043 22H11.876C9.35643 22 7.29119 20.0102 7.29102 17.5703V12.7695H13.6934L12.041 14.3701C11.7313 14.6701 11.7312 15.16 12.041 15.46C12.1959 15.61 12.4028 15.6797 12.6094 15.6797C12.8054 15.6796 13.0122 15.6098 13.167 15.46L16.1816 12.5498C16.3365 12.4098 16.4189 12.21 16.4189 12C16.4189 11.8 16.3365 11.6 16.1816 11.46L13.167 8.5498C12.8572 8.24984 12.3508 8.24991 12.041 8.5498C11.7313 8.84975 11.7314 9.33963 12.041 9.63965L13.6934 11.2305H7.29102V6.4502C7.29102 4.00031 9.35592 2.00018 11.8857 2H16.9258ZM7.29004 11.2295V12.7695H3.28125C2.85512 12.7694 2.50005 12.4299 2.5 12C2.5 11.5801 2.85509 11.2296 3.28125 11.2295H7.29004Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlyRegularBoldLoginIcon.displayName = 'IconlyRegularBoldLoginIcon';
-
-export const IconlyRegularBoldLogoutIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} 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.4932 2C13.9755 2.00023 16 3.99057 16 6.44043V11.2305H9.89551C9.45801 11.2305 9.1123 11.57 9.1123 12C9.1123 12.42 9.45801 12.7695 9.89551 12.7695H16V17.5498C16 19.9997 13.9754 21.9999 11.4727 22H6.51758C4.02485 22 2 20.0096 2 17.5596V6.4502C2 3.99028 4.03474 2.00015 6.52734 2H11.4932ZM18.54 8.5498C18.84 8.24001 19.3299 8.24032 19.6299 8.54004L22.5498 11.4502C22.6998 11.6001 22.7802 11.7901 22.7803 12C22.7803 12.2 22.6998 12.4 22.5498 12.54L19.6299 15.4502C19.4799 15.6001 19.2798 15.6807 19.0898 15.6807C18.89 15.6806 18.69 15.6001 18.54 15.4502C18.2402 15.1502 18.2402 14.6603 18.54 14.3604L20.1406 12.7705H16V11.2305H20.1406L18.54 9.64062C18.24 9.34062 18.24 8.8498 18.54 8.5498Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlyRegularBoldLogoutIcon.displayName = 'IconlyRegularBoldLogoutIcon';
-
-export const IconlyRegularBoldMessageIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" 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.9395 3C18.2805 3 19.5705 3.53 20.5195 4.481C21.4695 5.43 22.0005 6.71 22.0005 8.05V15.95C22.0005 18.74 19.7305 21 16.9395 21H7.06049C4.26949 21 2.00049 18.74 2.00049 15.95V8.05C2.00049 5.26 4.25949 3 7.06049 3H16.9395ZM18.5305 9.54L18.6105 9.46C18.8495 9.17 18.8495 8.75 18.5995 8.46C18.4605 8.311 18.2695 8.22 18.0705 8.2C17.8605 8.189 17.6605 8.26 17.5095 8.4L13.0005 12C12.4205 12.481 11.5895 12.481 11.0005 12L6.50049 8.4C6.18949 8.17 5.75949 8.2 5.50049 8.47C5.23049 8.74 5.20049 9.17 5.42949 9.47L5.56049 9.6L10.1105 13.15C10.6705 13.59 11.3495 13.83 12.0605 13.83C12.7695 13.83 13.4605 13.59 14.0195 13.15L18.5305 9.54Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlyRegularBoldMessageIcon.displayName = 'IconlyRegularBoldMessageIcon';
-
-export const IconlyRegularBoldMoreCircleIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path fillRule="evenodd" clipRule="evenodd" d="M2.00012 11.9999C2.00012 6.47988 6.47012 1.99988 12.0001 1.99988C17.5201 1.99988 22.0001 6.47988 22.0001 11.9999C22.0001 17.5199 17.5201 21.9999 12.0001 21.9999C6.47012 21.9999 2.00012 17.5199 2.00012 11.9999ZM7.52012 13.1999C6.86012 13.1999 6.32012 12.6599 6.32012 11.9999C6.32012 11.3399 6.86012 10.8009 7.52012 10.8009C8.18012 10.8009 8.71012 11.3399 8.71012 11.9999C8.71012 12.6599 8.18012 13.1999 7.52012 13.1999ZM10.8001 11.9999C10.8001 12.6599 11.3401 13.1999 12.0001 13.1999C12.6601 13.1999 13.1901 12.6599 13.1901 11.9999C13.1901 11.3399 12.6601 10.8009 12.0001 10.8009C11.3401 10.8009 10.8001 11.3399 10.8001 11.9999ZM15.2801 11.9999C15.2801 12.6599 15.8101 13.1999 16.4801 13.1999C17.1401 13.1999 17.6701 12.6599 17.6701 11.9999C17.6701 11.3399 17.1401 10.8009 16.4801 10.8009C15.8101 10.8009 15.2801 11.3399 15.2801 11.9999Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlyRegularBoldMoreCircleIcon.displayName = 'IconlyRegularBoldMoreCircleIcon';
-
-export const IconlyRegularBoldMoreSquareIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" 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.67024 1.99988H16.3402C19.7302 1.99988 22.0002 4.37988 22.0002 7.91988V16.0899C22.0002 19.6199 19.7302 21.9999 16.3402 21.9999H7.67024C4.28024 21.9999 2.00024 19.6199 2.00024 16.0899V7.91988C2.00024 4.37988 4.28024 1.99988 7.67024 1.99988ZM7.52024 13.1999C6.86024 13.1999 6.32024 12.6599 6.32024 11.9999C6.32024 11.3399 6.86024 10.8009 7.52024 10.8009C8.18024 10.8009 8.72024 11.3399 8.72024 11.9999C8.72024 12.6599 8.18024 13.1999 7.52024 13.1999ZM10.8002 11.9999C10.8002 12.6599 11.3402 13.1999 12.0002 13.1999C12.6602 13.1999 13.2002 12.6599 13.2002 11.9999C13.2002 11.3399 12.6602 10.8009 12.0002 10.8009C11.3402 10.8009 10.8002 11.3399 10.8002 11.9999ZM15.2802 11.9999C15.2802 12.6599 15.8202 13.1999 16.4802 13.1999C17.1402 13.1999 17.6702 12.6599 17.6702 11.9999C17.6702 11.3399 17.1402 10.8009 16.4802 10.8009C15.8202 10.8009 15.2802 11.3399 15.2802 11.9999Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlyRegularBoldMoreSquareIcon.displayName = 'IconlyRegularBoldMoreSquareIcon';
-
-export const IconlyRegularBoldNotificationIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path d="M9.96289 19.2275C10.4627 19.1218 13.5075 19.1219 14.0088 19.2275C14.4361 19.3262 14.8983 19.5572 14.8984 20.0605C14.8736 20.54 14.5927 20.9654 14.2041 21.2354C13.7002 21.6281 13.1084 21.8772 12.4902 21.9668C12.1485 22.0111 11.8123 22.0121 11.4824 21.9668C10.8634 21.8771 10.2723 21.628 9.76953 21.2344C9.37994 20.9655 9.09809 20.54 9.07324 20.0605C9.07342 19.5572 9.53567 19.3262 9.96289 19.2275ZM12.0449 2C14.1251 2 16.2505 2.98735 17.5127 4.625C18.3314 5.67935 18.707 6.73275 18.707 8.37012V8.7959C18.707 10.0518 19.0391 10.7925 19.7695 11.6455C20.3231 12.274 20.5 13.0808 20.5 13.9561C20.5 14.8302 20.213 15.6602 19.6377 16.334C18.8844 17.1417 17.8216 17.6574 16.7373 17.7471C15.1662 17.881 13.594 17.9941 12.001 17.9941C10.4068 17.9941 8.83497 17.9263 7.26367 17.7471C6.1784 17.6574 5.11562 17.1417 4.36328 16.334C3.78793 15.6602 3.50001 14.8302 3.5 13.9561C3.5 13.0808 3.67788 12.274 4.23047 11.6455C4.98379 10.7925 5.29395 10.0518 5.29395 8.7959V8.37012C5.29398 6.68826 5.71351 5.58834 6.57715 4.51172C7.86123 2.94165 9.9197 2 11.9561 2H12.0449Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlyRegularBoldNotificationIcon.displayName = 'IconlyRegularBoldNotificationIcon';
-
-export const IconlyRegularBoldPaperDownloadIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path d="M13.2529 2C13.5002 2.00026 13.708 2.21013 13.708 2.45996V5.67969C13.708 7.50962 15.193 9.00942 17.0146 9.01953C17.7571 9.01953 18.3611 9.03027 18.8066 9.03027C19.1136 9.03027 19.6192 9.01953 20.0449 9.01953C20.3021 9.01972 20.4999 9.21997 20.5 9.46973V17.5098C20.5 19.9896 18.5002 21.9998 16.0449 22H8.17285C5.5889 21.9998 3.50002 19.8899 3.5 17.29V6.50977C3.50013 4.02987 5.49065 2 7.96582 2H13.2529ZM11.6387 8.74023C11.2327 8.74023 10.8965 9.07023 10.8965 9.49023V14.3096L9.32227 12.71C9.03515 12.42 8.56936 12.42 8.28223 12.71C7.99517 12.9999 7.99531 13.4695 8.28223 13.7695L11.1143 16.6396C11.1836 16.7096 11.2625 16.7598 11.3516 16.7998C11.4407 16.8398 11.5397 16.8604 11.6387 16.8604C11.7377 16.8603 11.8269 16.8398 11.916 16.7998C12.005 16.7598 12.0841 16.7096 12.1533 16.6396L14.9951 13.7695C15.282 13.4695 15.2822 12.9999 14.9854 12.71C14.6982 12.42 14.2324 12.42 13.9453 12.71L12.3711 14.3096V9.49023C12.3711 9.07025 12.0446 8.74027 11.6387 8.74023ZM15.1455 2.90625C15.1455 2.47525 15.663 2.26127 15.958 2.57227C17.0293 3.69628 18.8998 5.66083 19.9453 6.75879C20.2344 7.06178 20.0223 7.56538 19.6045 7.56641C18.7916 7.56941 17.8317 7.56657 17.1416 7.55957C16.0468 7.55931 15.1455 6.64783 15.1455 5.54199V2.90625Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlyRegularBoldPaperDownloadIcon.displayName = 'IconlyRegularBoldPaperDownloadIcon';
-
-export const IconlyRegularBoldPaperFailIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path d="M13.2529 2C13.5002 2.00026 13.708 2.21013 13.708 2.45996V5.67969C13.708 7.50962 15.2029 9.00942 17.0146 9.01953C17.7571 9.01953 18.3611 9.03027 18.8066 9.03027C19.1136 9.03027 19.6291 9.01953 20.0449 9.01953C20.3021 9.01972 20.4999 9.21997 20.5 9.46973V17.5098C20.5 19.9896 18.5101 21.9998 16.0449 22H8.17285C5.5889 21.9998 3.50002 19.8899 3.5 17.29V6.50977C3.50013 4.02987 5.50055 2 7.96582 2H13.2529ZM14.0547 10.7197C13.7676 10.4198 13.292 10.4198 13.0049 10.7197L11.7969 11.9404L10.5889 10.7197C10.3018 10.4201 9.83687 10.4201 9.5498 10.7197C9.2627 11.0097 9.26276 11.4795 9.5498 11.7695L10.7578 12.9902L9.5498 14.21C9.26268 14.5 9.26268 14.9698 9.5498 15.2598C9.68842 15.4097 9.87634 15.4805 10.0645 15.4805C10.2525 15.4804 10.4503 15.4097 10.5889 15.2598L11.7969 14.04L13.0049 15.2598C13.1533 15.4097 13.3413 15.4804 13.5293 15.4805C13.7174 15.4805 13.9062 15.4098 14.0547 15.2598C14.3416 14.9698 14.3416 14.4999 14.0547 14.21L12.8467 12.9902L14.0547 11.7695C14.3415 11.4795 14.3417 11.0096 14.0547 10.7197ZM15.1465 2.90625C15.1465 2.47526 15.6639 2.26131 15.959 2.57227C17.0302 3.6962 18.9007 5.66075 19.9463 6.75879C20.2344 7.06179 20.0233 7.56541 19.6055 7.56641C18.7918 7.5694 17.8336 7.56657 17.1436 7.55957C16.0485 7.55957 15.1465 6.64799 15.1465 5.54199V2.90625Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlyRegularBoldPaperFailIcon.displayName = 'IconlyRegularBoldPaperFailIcon';
-
-export const IconlyRegularBoldPaperNegativeIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path d="M13.2529 2C13.5101 2.00025 13.708 2.21013 13.708 2.45996V5.67969C13.708 7.50962 15.2029 9.00942 17.0146 9.01953C17.7669 9.01953 18.361 9.03027 18.8164 9.03027C19.1233 9.03027 19.6289 9.01953 20.0547 9.01953C20.302 9.01966 20.4999 9.21993 20.5 9.46973V17.5098C20.5 19.9896 18.5101 21.9998 16.0449 22H8.17285C5.5988 21.9998 3.50002 19.8899 3.5 17.29V6.50977C3.50013 4.02987 5.50055 2 7.96582 2H13.2529ZM9.37109 12.2402C8.96524 12.2403 8.62891 12.5703 8.62891 12.9902C8.62903 13.4001 8.96532 13.7304 9.37109 13.7305H14.2627C14.6684 13.7303 15.0048 13.4 15.0049 12.9902C15.0049 12.5703 14.6685 12.2404 14.2627 12.2402H9.37109ZM15.1494 2.90625C15.1494 2.47525 15.6678 2.26127 15.9639 2.57227C17.0341 3.69617 18.9037 5.66079 19.9492 6.75879C20.2382 7.0617 20.027 7.56512 19.6104 7.56641C18.7965 7.56941 17.8366 7.56657 17.1465 7.55957C16.0515 7.55949 15.1494 6.64794 15.1494 5.54199V2.90625Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlyRegularBoldPaperNegativeIcon.displayName = 'IconlyRegularBoldPaperNegativeIcon';
-
-export const IconlyRegularBoldPaperPlusIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path d="M13.2529 2C13.5101 2.00025 13.708 2.21013 13.708 2.45996V5.67969C13.708 7.50962 15.2029 9.00942 17.0146 9.01953C17.7669 9.01953 18.361 9.03027 18.8164 9.03027C19.1233 9.03027 19.6289 9.01953 20.0547 9.01953C20.302 9.01966 20.4999 9.21993 20.5 9.46973V17.5098C20.5 19.9896 18.5101 21.9998 16.0449 22H8.17285C5.5988 21.9998 3.50002 19.8899 3.5 17.29V6.50977C3.50013 4.02987 5.50055 2 7.96582 2H13.2529ZM11.8164 9.76953C11.4107 9.76976 11.0743 10.1 11.0742 10.5098V12.2402H9.37109C8.96524 12.2403 8.62891 12.5703 8.62891 12.9902C8.62903 13.4001 8.96532 13.7304 9.37109 13.7305H11.0742V15.46C11.0742 15.8698 11.4107 16.2 11.8164 16.2002C12.2223 16.2002 12.5498 15.87 12.5498 15.46V13.7305H14.2627C14.6684 13.7303 15.0048 13.4 15.0049 12.9902C15.0049 12.5703 14.6685 12.2404 14.2627 12.2402H12.5498V10.5098C12.5497 10.0999 12.2223 9.76953 11.8164 9.76953ZM15.1494 2.90625C15.1494 2.47525 15.6678 2.26127 15.9639 2.57227C17.0341 3.69617 18.9037 5.66079 19.9492 6.75879C20.2382 7.0617 20.027 7.56512 19.6104 7.56641C18.7965 7.56941 17.8366 7.56657 17.1465 7.55957C16.0515 7.55949 15.1494 6.64794 15.1494 5.54199V2.90625Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlyRegularBoldPaperPlusIcon.displayName = 'IconlyRegularBoldPaperPlusIcon';
-
-export const IconlyRegularBoldPaperUploadIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path d="M13.2529 2C13.5002 2.00026 13.708 2.21013 13.708 2.45996V5.67969C13.708 7.50962 15.193 9.00942 17.0146 9.01953C17.7571 9.01953 18.3512 9.03027 18.8066 9.03027C19.1136 9.03027 19.6192 9.01953 20.0449 9.01953C20.2922 9.01973 20.4998 9.21998 20.5 9.46973V17.5098C20.5 19.9896 18.5002 21.9998 16.0449 22H8.17285C5.5889 21.9998 3.50002 19.8899 3.5 17.29V6.50977C3.50013 4.02987 5.49065 2 7.96582 2H13.2529ZM11.6387 8.74023C11.5397 8.74023 11.4406 8.75985 11.3516 8.7998C11.2625 8.83976 11.1835 8.89008 11.1143 8.95996L8.28223 11.8398C7.99515 12.1298 7.99525 12.5996 8.28223 12.8896C8.56936 13.1796 9.03514 13.1796 9.32227 12.8896L10.8965 11.29V16.1201C10.8965 16.5301 11.2229 16.8604 11.6387 16.8604C12.0445 16.8603 12.371 16.53 12.3711 16.1201V11.29L13.9453 12.8896C14.2324 13.1796 14.6982 13.1796 14.9854 12.8896C15.2821 12.5996 15.2822 12.1298 14.9951 11.8398L12.1533 8.95996C12.0841 8.89003 12.0051 8.83978 11.916 8.7998C11.8269 8.75981 11.7377 8.74024 11.6387 8.74023ZM15.1455 2.90625C15.1455 2.47525 15.662 2.26127 15.958 2.57227C17.0293 3.69625 18.8998 5.6608 19.9453 6.75879C20.2334 7.06179 20.0213 7.56541 19.6045 7.56641C18.7908 7.5694 17.8326 7.56559 17.1426 7.55859C16.0475 7.55859 15.1455 6.64799 15.1455 5.54199V2.90625Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlyRegularBoldPaperUploadIcon.displayName = 'IconlyRegularBoldPaperUploadIcon';
-
-export const IconlyRegularBoldPaperIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path d="M13.2529 2C13.5101 2.00025 13.708 2.21013 13.708 2.45996V5.67969C13.708 7.50962 15.2029 9.00942 17.0146 9.01953C17.7669 9.01953 18.361 9.03027 18.8164 9.03027C19.1233 9.03027 19.6289 9.01953 20.0547 9.01953C20.302 9.01966 20.4999 9.21993 20.5 9.46973V17.5098C20.5 19.9897 18.51 21.9999 16.0547 22H8.17285C5.5988 21.9998 3.50002 19.8899 3.5 17.29V6.50977C3.50013 4.02987 5.50055 2 7.96582 2H13.2529ZM8.92578 14.9004C8.51996 14.9004 8.18379 15.2298 8.18359 15.6396C8.18359 16.0496 8.51984 16.3896 8.92578 16.3896H14.3115C14.7175 16.3896 15.0547 16.0496 15.0547 15.6396C15.0545 15.2298 14.7173 14.9004 14.3115 14.9004H8.92578ZM8.92578 9.90039C8.51984 9.90039 8.18359 10.2404 8.18359 10.6504C8.18381 11.0602 8.51997 11.3896 8.92578 11.3896H12.2725C12.6782 11.3895 13.0144 11.0601 13.0146 10.6504C13.0146 10.2405 12.6783 9.90049 12.2725 9.90039H8.92578ZM15.1504 2.90625C15.1504 2.47525 15.6688 2.26127 15.9648 2.57227C17.0352 3.69631 18.9057 5.66088 19.9512 6.75879C20.24 7.06175 20.0279 7.56522 19.6113 7.56641C18.7975 7.56941 17.8376 7.56559 17.1475 7.55859C16.0525 7.55845 15.1504 6.6479 15.1504 5.54199V2.90625Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlyRegularBoldPaperIcon.displayName = 'IconlyRegularBoldPaperIcon';
-
-export const IconlyRegularBoldPasswordIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} 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.3347 1.99915C19.7227 1.99915 21.9998 4.37714 21.9998 7.91614V16.0831C21.9998 19.6221 19.7227 21.9991 16.3337 21.9991H7.66577C4.27677 21.9991 1.99976 19.6221 1.99976 16.0831V7.91614C1.99976 4.37714 4.27677 1.99915 7.66577 1.99915H16.3347ZM8.84058 9.39856C7.40666 9.39866 6.23999 10.5652 6.23999 11.9991C6.23999 13.4341 7.40666 14.6006 8.84058 14.6007C10.0126 14.6007 10.9951 13.8171 11.3191 12.7491H13.4304V13.8507C13.4304 14.2646 13.7666 14.6005 14.1804 14.6007C14.5944 14.6007 14.9304 14.2647 14.9304 13.8507V12.7491H16.2605V13.8507C16.2605 14.2646 16.5966 14.6006 17.0105 14.6007C17.4245 14.6007 17.7605 14.2647 17.7605 13.8507V11.9991C17.7605 11.5851 17.4245 11.2491 17.0105 11.2491H11.3191C10.9951 10.1821 10.0126 9.39856 8.84058 9.39856ZM8.84058 10.8976C9.44758 10.8976 9.94312 11.3921 9.94312 12.0001C9.94307 12.6071 9.44755 13.1007 8.84058 13.1007C8.23373 13.1006 7.73906 12.607 7.73901 12.0001C7.73901 11.3922 8.2337 10.8977 8.84058 10.8976Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlyRegularBoldPasswordIcon.displayName = 'IconlyRegularBoldPasswordIcon';
-
-export const IconlyRegularBoldPlayIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path fillRule="evenodd" clipRule="evenodd" d="M2 12.0058C2 6.48625 6.48842 2 12 2C17.5116 2 22 6.48625 22 12.0058C22 17.5137 17.5116 22 12 22C6.48842 22 2 17.5137 2 12.0058ZM15.668 13.0178C15.7741 12.9117 15.9093 12.7477 15.9382 12.7091C16.0927 12.5065 16.1699 12.2557 16.1699 12.0058C16.1699 11.725 16.083 11.4645 15.9189 11.2523C15.9055 11.2388 15.8791 11.2102 15.8448 11.1728C15.7806 11.103 15.6885 11.0026 15.6004 10.9146C14.8089 10.0656 12.7432 8.67631 11.6622 8.25181C11.4981 8.18524 11.083 8.03956 10.861 8.02991C10.6486 8.02991 10.4459 8.07815 10.2529 8.17463C10.0116 8.3097 9.81853 8.52195 9.71236 8.77279C9.64479 8.94645 9.53861 9.46744 9.53861 9.47709C9.43243 10.0463 9.37452 10.9725 9.37452 11.9952C9.37452 12.9706 9.43243 13.8572 9.51931 14.4361C9.52169 14.4385 9.53 14.4799 9.5429 14.5442C9.58211 14.7397 9.6638 15.1471 9.75097 15.314C9.96332 15.7192 10.3784 15.9701 10.8224 15.9701H10.861C11.1506 15.9604 11.7587 15.7096 11.7587 15.7C12.7819 15.2754 14.7992 13.9537 15.61 13.0757L15.668 13.0178Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlyRegularBoldPlayIcon.displayName = 'IconlyRegularBoldPlayIcon';
-
-export const IconlyRegularBoldPlusIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" 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.33024 2.00012H16.6602C20.0602 2.00012 22.0002 3.92012 22.0002 7.33012V16.6701C22.0002 20.0601 20.0702 22.0001 16.6702 22.0001H7.33024C3.92024 22.0001 2.00024 20.0601 2.00024 16.6701V7.33012C2.00024 3.92012 3.92024 2.00012 7.33024 2.00012ZM12.8202 12.8301H15.6602C16.1202 12.8201 16.4902 12.4501 16.4902 11.9901C16.4902 11.5301 16.1202 11.1601 15.6602 11.1601H12.8202V8.34012C12.8202 7.88012 12.4502 7.51012 11.9902 7.51012C11.5302 7.51012 11.1602 7.88012 11.1602 8.34012V11.1601H8.33024C8.11024 11.1601 7.90024 11.2501 7.74024 11.4001C7.59024 11.5601 7.50024 11.7691 7.50024 11.9901C7.50024 12.4501 7.87024 12.8201 8.33024 12.8301H11.1602V15.6601C11.1602 16.1201 11.5302 16.4901 11.9902 16.4901C12.4502 16.4901 12.8202 16.1201 12.8202 15.6601V12.8301Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlyRegularBoldPlusIcon.displayName = 'IconlyRegularBoldPlusIcon';
-
-export const IconlyRegularBoldProfileIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} 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 15.1738C16.3384 15.1738 19.9997 15.8789 20 18.5986C20 21.3197 16.3146 22 12 22C7.6625 22 4.00021 21.295 4 18.5752C4 15.8542 7.68538 15.1738 12 15.1738ZM12 2C14.9391 2 17.2939 4.354 17.2939 7.29102C17.2939 10.228 14.9391 12.583 12 12.583C9.0619 12.583 6.70605 10.228 6.70605 7.29102C6.70607 4.354 9.06191 2 12 2Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlyRegularBoldProfileIcon.displayName = 'IconlyRegularBoldProfileIcon';
-
-export const IconlyRegularBoldScanIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path d="M22.2393 12.041C22.659 12.0412 22.9998 12.3755 23 12.7881C23 13.1999 22.6591 13.534 22.2393 13.5342H21.1768V17.0938C21.1765 19.2488 19.39 20.9998 17.1943 21H15.6006C15.1798 20.9998 14.8389 20.6656 14.8389 20.2529C14.8389 19.8412 15.1798 19.5071 15.6006 19.5068H17.1943C18.551 19.5067 19.655 18.4251 19.6553 17.0938V13.5342H17.0322V14.5254C17.0421 15.7657 16.0266 16.7792 14.7617 16.791H9.23828C7.97438 16.7792 6.95891 15.7657 6.96875 14.5254V13.5342H4.3457V17.0977C4.34595 18.4241 5.44705 19.5038 6.7998 19.5059L8.42773 19.5068C8.84773 19.5068 9.18945 19.8411 9.18945 20.2529C9.18837 20.6657 8.84771 21 8.42676 21L6.79785 20.999C4.60707 20.997 2.82349 19.2469 2.82324 17.0977V13.5342H1.76172C1.34185 13.534 1 13.1998 1 12.7881C1.0002 12.3755 1.34197 12.0412 1.76172 12.041H22.2393ZM14.7627 6.74219C15.3675 6.74224 15.9482 6.98093 16.3711 7.40527C16.7971 7.83379 17.0332 8.40966 17.0322 9.00879V10.2539C17.0272 10.3999 16.9086 10.5184 16.7598 10.5225H7.23926C7.09138 10.5174 6.97272 10.399 6.96973 10.2539V9.00879C6.95875 7.76842 7.97439 6.75505 9.23828 6.74219H14.7627ZM17.1934 3C19.3904 3 21.1768 4.75187 21.1768 6.90625V8.7627C21.1765 9.17423 20.8367 9.50955 20.416 9.50977C19.9961 9.50977 19.6545 9.17437 19.6543 8.7627V6.90625C19.6543 5.57558 18.5504 4.49316 17.1934 4.49316H15.6006C15.1806 4.49316 14.8398 4.15892 14.8398 3.74707C14.8401 3.33445 15.1807 3.00001 15.6006 3H17.1934ZM8.42773 3C8.84767 3.00002 9.1884 3.33432 9.18848 3.74707C9.18848 4.15891 8.84872 4.49315 8.42773 4.49316L6.79883 4.49414C5.44698 4.4961 4.34693 5.5758 4.34668 6.90234V8.76172C4.34668 9.17349 4.00484 9.50865 3.58496 9.50879C3.16496 9.50879 2.82324 9.17357 2.82324 8.76172V6.90234C2.82349 4.75307 4.607 3.00294 6.79785 3.00098L8.42676 3H8.42773Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlyRegularBoldScanIcon.displayName = 'IconlyRegularBoldScanIcon';
-
-export const IconlyRegularBoldSearchIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path d="M17.6211 17.6543C18.0076 17.2706 18.6272 17.2705 19.0137 17.6543L21.5684 19.7168H21.6123C22.129 20.2392 22.1291 21.0861 21.6123 21.6084C21.0956 22.1306 20.258 22.1304 19.7412 21.6084L17.6211 19.1787C17.4207 18.9768 17.3076 18.702 17.3076 18.416C17.3077 18.1302 17.4208 17.8561 17.6211 17.6543ZM10.5781 2C12.8527 2.00013 15.0341 2.91346 16.6426 4.53906C18.2512 6.16499 19.1553 8.37052 19.1553 10.6699C19.1553 15.458 15.3152 19.3396 10.5781 19.3398C5.84083 19.3398 2 15.4582 2 10.6699C2 5.88166 5.84083 2 10.5781 2Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlyRegularBoldSearchIcon.displayName = 'IconlyRegularBoldSearchIcon';
-
-export const IconlyRegularBoldSendIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path d="M21.4354 2.58198C20.9352 2.0686 20.1949 1.87734 19.5046 2.07866L3.408 6.75952C2.6797 6.96186 2.16349 7.54269 2.02443 8.28055C1.88237 9.0315 2.37858 9.98479 3.02684 10.3834L8.0599 13.4768C8.57611 13.7939 9.24239 13.7144 9.66956 13.2835L15.4329 7.4843C15.723 7.18231 16.2032 7.18231 16.4934 7.4843C16.7835 7.77623 16.7835 8.24935 16.4934 8.55134L10.72 14.3516C10.2918 14.7814 10.2118 15.4508 10.5269 15.9702L13.6022 21.0538C13.9623 21.6577 14.5826 22 15.2628 22C15.3429 22 15.4329 22 15.513 21.9899C16.2933 21.8893 16.9135 21.3558 17.1436 20.6008L21.9156 4.52479C22.1257 3.84028 21.9356 3.09537 21.4354 2.58198" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlyRegularBoldSendIcon.displayName = 'IconlyRegularBoldSendIcon';
-
-export const IconlyRegularBoldSettingIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} 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.7168 2.00012C13.4731 2.00012 14.158 2.42019 14.5362 3.04016C14.7201 3.34006 14.8431 3.70988 14.8125 4.09973C14.7921 4.39973 14.8834 4.70059 15.0469 4.98059C15.5682 5.83047 16.7238 6.15001 17.6231 5.67004C18.6347 5.09039 19.9116 5.44016 20.4942 6.42981L21.1787 7.61047C21.7714 8.60046 21.4448 9.87057 20.4229 10.4406C19.5543 10.9506 19.2474 12.0806 19.7686 12.9406C19.9321 13.2104 20.1163 13.4402 20.4024 13.5802C20.7601 13.7702 21.0363 14.0702 21.2305 14.3702C21.6084 14.9901 21.5778 15.7502 21.21 16.42L20.4942 17.6202C20.116 18.2601 19.4111 18.6602 18.6856 18.6603C18.3281 18.6603 17.9295 18.5603 17.6026 18.3605C17.3369 18.1905 17.0301 18.13 16.7032 18.13C15.6914 18.13 14.8432 18.9603 14.8125 19.9503C14.8124 21.1001 13.8723 21.9999 12.6973 22.0001H11.3067C10.1214 22 9.18178 21.1001 9.18168 19.9503C9.16124 18.9603 8.31256 18.13 7.30082 18.13C6.9636 18.13 6.65688 18.1905 6.4014 18.3605C6.07446 18.5603 5.66574 18.6603 5.3184 18.6603C4.5826 18.6603 3.87719 18.2602 3.49906 17.6202L2.79398 16.42C2.41594 15.7701 2.39546 14.9902 2.77348 14.3702C2.93694 14.0703 3.24351 13.7702 3.59086 13.5802C3.87696 13.4402 4.06168 13.2105 4.23539 12.9406C4.74637 12.0806 4.43901 10.9506 3.57035 10.4406C2.55879 9.87057 2.23221 8.6004 2.81449 7.61047L3.49906 6.42981C4.0918 5.44 5.35903 5.09024 6.3809 5.67004C7.26989 6.14999 8.42504 5.83036 8.94633 4.98059C9.10984 4.70059 9.20212 4.39973 9.18168 4.09973C9.16133 3.70987 9.2737 3.34007 9.46781 3.04016C9.84595 2.42024 10.5304 2.02012 11.2764 2.00012H12.7168ZM12.0118 9.17981C10.4075 9.18 9.10954 10.4401 9.10941 12.0099C9.10941 13.5798 10.4074 14.83 12.0118 14.8302C13.6162 14.8302 14.8838 13.5799 14.8838 12.0099C14.8837 10.44 13.6161 9.17981 12.0118 9.17981Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlyRegularBoldSettingIcon.displayName = 'IconlyRegularBoldSettingIcon';
-
-export const IconlyRegularBoldShieldDoneIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} 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.3408 2.1063C11.7333 1.96719 12.1709 1.96431 12.5703 2.09947L19.208 4.32603C19.951 4.57412 20.454 5.25745 20.458 6.02232L20.5 12.6629C20.513 14.676 19.7785 16.6284 18.4346 18.1581C17.8165 18.86 17.0243 19.4635 16.0127 20.0028L12.4453 21.91C12.3337 21.9688 12.2106 21.9988 12.0869 21.9999C11.9633 22.0008 11.8392 21.9716 11.7285 21.9139L8.12698 20.0506C7.10413 19.5201 6.30487 18.9256 5.68069 18.2333C4.31457 16.7192 3.55512 14.7757 3.54202 12.7596L3.50002 6.12388C3.496 5.35803 3.98959 4.67084 4.72854 4.41294L11.3408 2.1063ZM15.7451 9.21861C15.4482 8.93326 14.9697 8.93521 14.6768 9.22447L11.3086 12.5448L9.92874 11.2186C9.63173 10.9335 9.15426 10.9362 8.86038 11.2254C8.56742 11.5147 8.5712 11.9801 8.86819 12.2655L10.7832 14.1092C10.9322 14.2524 11.1261 14.3221 11.3194 14.3202C11.5125 14.3192 11.7047 14.2473 11.8516 14.1024L15.751 10.2577C16.0437 9.96845 16.0408 9.50391 15.7451 9.21861Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlyRegularBoldShieldDoneIcon.displayName = 'IconlyRegularBoldShieldDoneIcon';
-
-export const IconlyRegularBoldShieldFailIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} 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.3411 2.10362C11.7335 1.96546 12.1662 1.96546 12.5686 2.10362L19.2014 4.32921C19.9462 4.57436 20.4495 5.26161 20.4495 6.02647L20.5003 12.6642C20.5103 14.6742 19.7756 16.6257 18.427 18.1564C17.8131 18.8624 17.0175 19.4608 16.011 20.0001L12.4378 21.9122C12.3273 21.9709 12.2067 22 12.0862 22.0001C11.9654 22.0001 11.8336 21.9711 11.7229 21.9122L8.12039 20.0489C7.10389 19.5194 6.30885 18.9307 5.68484 18.2345C4.31602 16.7244 3.55037 14.773 3.54031 12.7628L3.50027 6.12315C3.49026 5.35833 3.99409 4.67302 4.72878 4.4171L11.3411 2.10362ZM14.4212 9.35948C14.1293 9.07511 13.6457 9.07511 13.3538 9.35948L11.9954 10.6837L10.636 9.35948C10.3441 9.07518 9.87153 9.07513 9.5696 9.35948C9.27781 9.65464 9.27777 10.1152 9.5696 10.3995L10.928 11.7228L9.5696 13.047C9.27772 13.3314 9.27772 13.8026 9.5696 14.087C9.72051 14.2339 9.91171 14.3018 10.1028 14.3019C10.3039 14.3019 10.4951 14.2339 10.636 14.087L11.9954 12.7628L13.3538 14.087C13.5047 14.2339 13.6959 14.3018 13.887 14.3019C14.0782 14.3019 14.2803 14.2341 14.4212 14.087C14.713 13.8027 14.713 13.3313 14.4212 13.047L13.0618 11.7228L14.4212 10.3995C14.7127 10.1152 14.7126 9.65456 14.4212 9.35948Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlyRegularBoldShieldFailIcon.displayName = 'IconlyRegularBoldShieldFailIcon';
-
-export const IconlyRegularBoldShowIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} 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.9999 4C14.0681 4 16.029 4.71753 17.7363 6.0459C19.4436 7.36467 20.8975 9.29449 21.9413 11.709C22.0194 11.8932 22.0194 12.1067 21.9413 12.2812C19.8535 17.1103 16.1365 20 11.9999 20H11.9902C7.86337 20 4.14634 17.1103 2.05854 12.2812C1.98049 12.1067 1.98049 11.8932 2.05854 11.709C4.14635 6.87996 7.86338 4 11.9902 4H11.9999ZM11.9999 8.12109C9.84385 8.12109 8.0976 9.85697 8.0976 12C8.0976 14.1333 9.84385 15.8691 11.9999 15.8691C14.1463 15.8691 15.8925 14.1333 15.8925 12C15.8925 9.85697 14.1463 8.12109 11.9999 8.12109ZM12.0009 9.57324C13.3375 9.57324 14.4306 10.6599 14.4306 11.998C14.4305 13.3264 13.3374 14.4121 12.0009 14.4121C10.6547 14.412 9.56254 13.3264 9.56244 11.998C9.56244 11.8332 9.582 11.6776 9.61127 11.5225H9.6601C10.7428 11.5222 11.6211 10.6691 11.6601 9.60254C11.7672 9.58321 11.8841 9.57325 12.0009 9.57324Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlyRegularBoldShowIcon.displayName = 'IconlyRegularBoldShowIcon';
-
-export const IconlyRegularBoldStarIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path d="M17.9185 14.3201C17.6595 14.5711 17.5405 14.9341 17.5995 15.2901L18.4885 20.2101C18.5635 20.6271 18.3875 21.0491 18.0385 21.2901C17.6965 21.5401 17.2415 21.5701 16.8685 21.3701L12.4395 19.0601C12.2855 18.9781 12.1145 18.9341 11.9395 18.9291H11.6685C11.5745 18.9431 11.4825 18.9731 11.3985 19.0191L6.96851 21.3401C6.74951 21.4501 6.50151 21.4891 6.25851 21.4501C5.66651 21.3381 5.27151 20.7741 5.36851 20.1791L6.25851 15.2591C6.31751 14.9001 6.19851 14.5351 5.93951 14.2801L2.32851 10.7801C2.02651 10.4871 1.92151 10.0471 2.05951 9.65012C2.19351 9.25412 2.53551 8.96512 2.94851 8.90012L7.91851 8.17912C8.29651 8.14012 8.62851 7.91012 8.79851 7.57012L10.9885 3.08012C11.0405 2.98012 11.1075 2.88812 11.1885 2.81012L11.2785 2.74012C11.3255 2.68812 11.3795 2.64512 11.4395 2.61012L11.5485 2.57012L11.7185 2.50012H12.1395C12.5155 2.53912 12.8465 2.76412 13.0195 3.10012L15.2385 7.57012C15.3985 7.89712 15.7095 8.12412 16.0685 8.17912L21.0385 8.90012C21.4585 8.96012 21.8095 9.25012 21.9485 9.65012C22.0795 10.0511 21.9665 10.4911 21.6585 10.7801L17.9185 14.3201Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlyRegularBoldStarIcon.displayName = 'IconlyRegularBoldStarIcon';
-
-export const IconlyRegularBoldSwapIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path d="M17.2998 12.8291C18.512 12.8291 19.6099 12.8981 20.2852 13.0264C20.2966 13.0266 20.9126 13.1535 21.1191 13.2354C21.4164 13.3636 21.6688 13.596 21.8291 13.8857C21.9436 14.1172 22 14.362 22 14.6172C21.9894 14.8832 21.8171 15.3829 21.7363 15.5801C21.2342 16.8795 19.5864 19.3628 18.5811 20.3154C18.4208 20.4769 18.2263 20.6519 18.1807 20.6982C17.9279 20.8953 17.6201 21 17.2891 21C16.9908 20.9999 16.6929 20.9071 16.4531 20.7207C16.2869 20.6017 16.0195 20.3262 16.0195 20.3262C14.9779 19.3521 13.4114 16.9257 12.9082 15.6953C12.89 15.6782 12.5996 14.9611 12.5879 14.6172V14.5703C12.588 14.0361 12.8855 13.5376 13.3662 13.2822C13.627 13.1446 14.3806 13.0169 14.4062 13.0029C15.092 12.8984 16.1448 12.8291 17.2998 12.8291ZM6.70508 12.8906C7.22104 12.8906 7.63941 13.3143 7.63965 13.8379L7.89551 18.417C7.89551 19.0845 7.3628 19.625 6.70508 19.625C6.04756 19.6248 5.51367 19.0843 5.51367 18.417L5.77148 13.8379C5.77172 13.3145 6.18932 12.8909 6.70508 12.8906ZM6.71191 3C7.00795 3.00004 7.30486 3.09307 7.5459 3.27832C7.71208 3.39828 7.98047 3.67383 7.98047 3.67383C9.02089 4.64911 10.5876 7.07429 11.0908 8.30469C11.1014 8.30469 11.4003 9.03567 11.4121 9.38379V9.43066C11.412 9.96376 11.1134 10.4624 10.6338 10.7178C10.3705 10.8579 9.60448 10.9852 9.59277 10.9971C8.90699 11.1016 7.85507 11.1709 6.7002 11.1709C5.48796 11.1709 4.39015 11.1019 3.71484 10.9736C3.70314 10.9736 3.08586 10.8466 2.87988 10.7646C2.58263 10.6376 2.33123 10.4041 2.1709 10.1143C2.05628 9.88271 2 9.63788 2 9.38379C2.01065 9.11657 2.18213 8.61813 2.26172 8.4209C2.76496 7.12033 4.41246 4.63692 5.41895 3.68555C5.57898 3.52314 5.77229 3.34844 5.81836 3.30176C6.06998 3.10459 6.37954 3 6.71191 3ZM17.2939 4.375C17.9517 4.375 18.4844 4.91549 18.4844 5.58301L18.2285 10.1621C18.2283 10.6858 17.81 11.1094 17.2939 11.1094C16.7783 11.109 16.3605 10.6855 16.3604 10.1621L16.1025 5.58301C16.1025 4.91574 16.6366 4.37541 17.2939 4.375Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlyRegularBoldSwapIcon.displayName = 'IconlyRegularBoldSwapIcon';
-
-export const IconlyRegularBoldTickSquareIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" 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.67012 1.99988H16.3401C19.7301 1.99988 22.0001 4.37988 22.0001 7.91988V16.0909C22.0001 19.6199 19.7301 21.9999 16.3401 21.9999H7.67012C4.28012 21.9999 2.00012 19.6199 2.00012 16.0909V7.91988C2.00012 4.37988 4.28012 1.99988 7.67012 1.99988ZM11.4301 14.9899L16.1801 10.2399C16.5201 9.89988 16.5201 9.34988 16.1801 8.99988C15.8401 8.65988 15.2801 8.65988 14.9401 8.99988L10.8101 13.1299L9.06012 11.3799C8.72012 11.0399 8.16012 11.0399 7.82012 11.3799C7.48012 11.7199 7.48012 12.2699 7.82012 12.6199L10.2001 14.9899C10.3701 15.1599 10.5901 15.2399 10.8101 15.2399C11.0401 15.2399 11.2601 15.1599 11.4301 14.9899Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlyRegularBoldTickSquareIcon.displayName = 'IconlyRegularBoldTickSquareIcon';
-
-export const IconlyRegularBoldTicketStarIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path d="M17.8564 3C20.1402 3.00024 21.999 4.84249 21.999 7.10547L22 9.78223C22 9.97836 21.9212 10.1689 21.7812 10.3076C21.6402 10.4473 21.45 10.5254 21.25 10.5254C20.429 10.5254 19.7608 11.1875 19.7607 12.001C19.7607 12.7635 20.3479 13.3929 21.0977 13.4688L21.3262 13.4805C21.7044 13.5183 22 13.835 22 14.2197V16.8955C22 19.1585 20.1422 20.9998 17.8584 21H6.14258C3.85877 20.9998 2 19.1585 2 16.8955V14.2197C2 13.835 2.29557 13.5183 2.67383 13.4805L2.90234 13.4688C3.65297 13.393 4.24023 12.7636 4.24023 12.001C4.24023 11.2083 3.59899 10.6113 2.75 10.6113C2.551 10.6113 2.36073 10.5333 2.21973 10.3936C2.07901 10.254 2.00013 10.065 2 9.86914L2.00195 7.10547C2.00195 4.84249 3.85976 3.00024 6.14355 3H17.8564ZM12 8.15332C11.718 8.15332 11.4639 8.30991 11.3369 8.56152L10.6084 10.0254L8.98242 10.2598C8.70142 10.2994 8.47084 10.4903 8.38184 10.7578C8.29402 11.0252 8.36543 11.3146 8.56934 11.5107L9.74805 12.6484L9.46973 14.2559C9.42174 14.5332 9.53479 14.8091 9.76465 14.9746C9.89465 15.0668 10.0462 15.1143 10.1992 15.1143C10.3161 15.1142 10.4341 15.0857 10.542 15.0293L12 14.2705L13.4551 15.0273C13.707 15.161 14.0064 15.1401 14.2354 14.9736C14.4662 14.8091 14.5792 14.5332 14.5312 14.2559L14.252 12.6484L15.4307 11.5107C15.6356 11.3146 15.707 11.0252 15.6182 10.7578C15.5302 10.4904 15.3003 10.2995 15.0225 10.2607L13.3926 10.0254L12.6641 8.5625C12.539 8.3109 12.2849 8.15431 12.002 8.15332H12Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlyRegularBoldTicketStarIcon.displayName = 'IconlyRegularBoldTicketStarIcon';
-
-export const IconlyRegularBoldTicketIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" 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.7872 10.539C21.6518 10.6706 21.4681 10.7457 21.2747 10.7457C20.559 10.7457 19.9787 11.3095 19.9787 11.9953C19.9787 12.6858 20.5522 13.2467 21.2611 13.2543C21.6605 13.258 22 13.5286 22 13.9166V16.3265C22 18.3549 20.3075 20 18.2186 20H15.0658C14.7398 20 14.4758 19.7435 14.4758 19.4269V17.3975C14.4758 17.0029 14.1567 16.6929 13.7505 16.6929C13.354 16.6929 13.0251 17.0029 13.0251 17.3975V19.4269C13.0251 19.7435 12.7611 20 12.4362 20H5.78143C3.70213 20 2 18.3558 2 16.3265V13.9166C2 13.5286 2.33946 13.258 2.73888 13.2543C3.44874 13.2467 4.02128 12.6858 4.02128 11.9953C4.02128 11.3282 3.46035 10.8209 2.72534 10.8209C2.53191 10.8209 2.34816 10.7457 2.21277 10.6142C2.07737 10.4827 2 10.3042 2 10.1163V7.68291C2 5.65731 3.706 4 5.7911 4H12.4362C12.7611 4 13.0251 4.25649 13.0251 4.57311V6.97827C13.0251 7.36348 13.354 7.68291 13.7505 7.68291C14.1567 7.68291 14.4758 7.36348 14.4758 6.97827V4.57311C14.4758 4.25649 14.7398 4 15.0658 4H18.2186C20.3075 4 22 5.64416 22 7.67352V10.0411C22 10.229 21.9226 10.4075 21.7872 10.539ZM13.7505 14.8702C14.1567 14.8702 14.4758 14.5508 14.4758 14.1656V10.4075C14.4758 10.0223 14.1567 9.70288 13.7505 9.70288C13.354 9.70288 13.0251 10.0223 13.0251 10.4075V14.1656C13.0251 14.5508 13.354 14.8702 13.7505 14.8702Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlyRegularBoldTicketIcon.displayName = 'IconlyRegularBoldTicketIcon';
-
-export const IconlyRegularBoldTimeCircleIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" 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 22.0001C6.48 22.0001 2 17.5301 2 12.0001C2 6.48012 6.48 2.00012 12 2.00012C17.53 2.00012 22 6.48012 22 12.0001C22 17.5301 17.53 22.0001 12 22.0001ZM15.19 15.7101C15.31 15.7801 15.44 15.8201 15.58 15.8201C15.83 15.8201 16.08 15.6901 16.22 15.4501C16.43 15.1001 16.32 14.6401 15.96 14.4201L12.4 12.3001V7.68012C12.4 7.26012 12.06 6.93012 11.65 6.93012C11.24 6.93012 10.9 7.26012 10.9 7.68012V12.7301C10.9 12.9901 11.04 13.2301 11.27 13.3701L15.19 15.7101Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlyRegularBoldTimeCircleIcon.displayName = 'IconlyRegularBoldTimeCircleIcon';
-
-export const IconlyRegularBoldTimeSquareIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" 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.67 2.00012H16.34C19.73 2.00012 22 4.37912 22 7.91912V16.0891C22 19.6201 19.73 22.0001 16.34 22.0001H7.67C4.28 22.0001 2 19.6201 2 16.0891V7.91912C2 4.37912 4.28 2.00012 7.67 2.00012ZM15.58 15.8101C15.83 15.8101 16.08 15.6801 16.22 15.4401C16.44 15.0891 16.32 14.6291 15.96 14.4101L12.4 12.2901V7.66912C12.4 7.26012 12.07 6.91912 11.65 6.91912C11.24 6.91912 10.9 7.26012 10.9 7.66912V12.7201C10.9 12.9801 11.04 13.2301 11.27 13.3601L15.19 15.7001C15.31 15.7801 15.45 15.8101 15.58 15.8101Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlyRegularBoldTimeSquareIcon.displayName = 'IconlyRegularBoldTimeSquareIcon';
-
-export const IconlyRegularBoldUnlockIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} 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.9785 2C14.3461 2 16.4387 3.46214 17.2109 5.62793C17.2922 5.84657 17.2715 6.08525 17.1699 6.29395C17.0683 6.50258 16.8866 6.66187 16.6621 6.73242C16.2049 6.89043 15.6972 6.65247 15.5244 6.19531C15.0062 4.7233 13.5842 3.73927 11.999 3.73926C9.92511 3.73926 8.2495 5.3704 8.23828 7.36719V8.70898L8.22559 8.71094H16.2314C18.5888 8.71107 20.5 10.5809 20.5 12.8867V17.8242C20.5 20.1301 18.5888 21.9999 16.2314 22H7.76758C5.41125 21.9999 3.5 20.1301 3.5 17.8242V12.8867C3.5 10.9904 4.80035 9.40645 6.57031 8.89746L6.45996 8.91113V7.38672C6.48051 4.41608 8.95063 2.00008 11.9785 2ZM11.9951 13.3828C11.5074 13.3828 11.1115 13.7701 11.1113 14.2471V16.4541C11.1115 16.941 11.5075 17.3281 11.9951 17.3281C12.4928 17.328 12.8885 16.9409 12.8887 16.4541V14.2471C12.8885 13.7701 12.4929 13.3829 11.9951 13.3828Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlyRegularBoldUnlockIcon.displayName = 'IconlyRegularBoldUnlockIcon';
-
-export const IconlyRegularBoldUploadIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} 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.2305 14.8848C11.2305 15.3223 11.57 15.668 12 15.668C12.385 15.668 12.711 15.3776 12.7627 14.9922L12.7695 14.8848V8.78027H11.2305V4.63965L9.64062 6.24023C9.34062 6.54023 8.8498 6.54023 8.5498 6.24023C8.26809 5.96752 8.24282 5.53757 8.46582 5.23633L8.54004 5.15039L11.4502 2.23047C11.6001 2.08052 11.7901 2.00005 12 2C12.1599 2 12.32 2.05125 12.4492 2.14844L12.54 2.23047L15.4502 5.15039C15.6001 5.30037 15.6807 5.50051 15.6807 5.69043C15.6805 5.89029 15.6001 6.09034 15.4502 6.24023C15.1775 6.51285 14.7475 6.53756 14.4463 6.31445L14.3604 6.24023L12.7705 4.63965V8.78027H17.5498C19.9298 8.78027 21.8853 10.6911 21.9951 13.0947L22 13.3076V18.2627C22 20.6842 20.1218 22.6642 17.7686 22.7754L17.5596 22.7803H6.4502C4.06048 22.7803 2.11414 20.8597 2.00488 18.4648L2 18.2529V13.2871C2.00019 10.8756 3.87831 8.8963 6.23145 8.78516L6.44043 8.78027H11.2305V14.8848Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlyRegularBoldUploadIcon.displayName = 'IconlyRegularBoldUploadIcon';
-
-export const IconlyRegularBoldVideoIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} 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.9053 4.5C14.3271 4.50008 16.0184 6.16892 16.0186 8.56055V15.4395C16.0184 17.8311 14.3271 19.4999 11.9053 19.5H6.11328C3.69138 19.5 2.00017 17.8311 2 15.4395V8.56055C2.00017 6.16886 3.69138 4.5 6.11328 4.5H11.9053ZM19.958 6.87891C20.397 6.65559 20.9121 6.67941 21.3311 6.94336C21.7499 7.2063 22 7.66276 22 8.16211V15.8379C22 16.3384 21.75 16.7947 21.3311 17.0576C21.1021 17.2008 20.8459 17.2734 20.5879 17.2734C20.373 17.2734 20.1579 17.2235 19.957 17.1211L18.4756 16.373C17.928 16.0949 17.5881 15.537 17.5879 14.917V9.08301C17.5879 8.46178 17.9277 7.90312 18.4756 7.62695L19.958 6.87891Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlyRegularBoldVideoIcon.displayName = 'IconlyRegularBoldVideoIcon';
-
-export const IconlyRegularBoldVoice2Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} 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.5312 9.82617C20.066 9.82617 20.5 10.2542 20.5 10.7832C20.4998 15.0868 17.2 18.6408 12.9688 19.1182V21.043C12.9688 21.571 12.5347 22 12 22C11.4645 21.9997 11.0322 21.5709 11.0322 21.043V19.1182C6.80003 18.6408 3.5002 15.0868 3.5 10.7832C3.5 10.2542 3.93402 9.82617 4.46875 9.82617C5.00347 9.82619 5.4375 10.2542 5.4375 10.7832C5.43772 14.3558 8.38123 17.2624 12 17.2627C15.618 17.2627 18.5623 14.356 18.5625 10.7832C18.5625 10.2542 18.9965 9.82619 19.5312 9.82617ZM12.1748 2C14.1693 2.00002 15.8498 3.32392 16.3643 5.13086C16.435 5.37862 16.2479 5.625 15.9883 5.625H14.8564C14.5145 5.625 14.2363 5.89865 14.2363 6.23633V6.2373C14.2366 6.57572 14.5147 6.84863 14.8564 6.84863H15.9004C16.2461 6.84863 16.5272 7.12539 16.5273 7.4668C16.5273 7.80831 16.2462 8.08496 15.9004 8.08496H14.8564C14.5145 8.08496 14.2363 8.3596 14.2363 8.69824C14.2364 9.03589 14.5145 9.31055 14.8564 9.31055H15.9004C16.2462 9.31055 16.5273 9.58722 16.5273 9.92969C16.5271 10.2701 16.2461 10.5459 15.9004 10.5459H14.8564C14.5146 10.5459 14.2365 10.8207 14.2363 11.1592C14.2363 11.4969 14.5145 11.7705 14.8564 11.7705H15.9336C16.1989 11.7706 16.389 12.0277 16.3057 12.2764C15.7311 13.9847 14.0995 15.2168 12.1748 15.2168H11.8252C9.42181 15.2168 7.47363 13.2923 7.47363 10.9199V6.29688C7.47375 3.92363 9.42188 2 11.8252 2H12.1748Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlyRegularBoldVoice2Icon.displayName = 'IconlyRegularBoldVoice2Icon';
-
-export const IconlyRegularBoldVoiceIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} 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.5312 9.82617C20.066 9.82617 20.5 10.2542 20.5 10.7832C20.4998 15.0868 17.2 18.6408 12.9688 19.1182V21.043C12.9688 21.571 12.5347 22 12 22C11.4645 21.9997 11.0322 21.5709 11.0322 21.043V19.1182C6.80002 18.6408 3.50017 15.0868 3.5 10.7832C3.5 10.2542 3.93402 9.82617 4.46875 9.82617C5.00347 9.82619 5.4375 10.2542 5.4375 10.7832C5.43769 14.3558 8.38121 17.2624 12 17.2627C15.618 17.2627 18.5623 14.356 18.5625 10.7832C18.5625 10.2542 18.9965 9.82619 19.5312 9.82617ZM12.1748 2C14.5781 2.00003 16.5272 3.92364 16.5273 6.29688V10.9199C16.5273 13.2923 14.5782 15.2177 12.1748 15.2178H11.8252C9.42181 15.2178 7.47363 13.2923 7.47363 10.9199V6.29688C7.47374 3.92363 9.42187 2 11.8252 2H12.1748Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlyRegularBoldVoiceIcon.displayName = 'IconlyRegularBoldVoiceIcon';
-
-export const IconlyRegularBoldVolumeDownIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} 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.7693 3.00001C13.8137 3.00024 14.7878 3.75169 15.1394 4.95606C15.2685 5.45944 15.3205 5.96399 15.3709 6.4502L15.4187 6.89259C15.5993 8.36879 15.5993 15.6215 15.4187 17.1084L15.3709 17.5664C15.3257 18.0291 15.2796 18.5085 15.1463 19.0195C14.7945 20.2207 13.8572 21 12.7928 21C12.7593 21 12.7259 21.0001 12.6883 20.999C12.1004 20.999 11.4606 20.6378 11.0984 20.3233L7.56815 17.3828H5.75468C4.35554 17.3827 3.33125 16.3707 3.1453 14.8047C2.93114 13.2383 2.97313 10.5506 3.1453 9.12696C3.34795 7.6445 4.42052 6.61734 5.75468 6.6172H7.56815L11.031 3.71974C11.4489 3.35686 12.1867 2.99786 12.7693 3.00001ZM18.1473 6.2588C18.5661 5.96573 19.1399 6.07016 19.4266 6.49415C20.4407 7.98753 20.9998 9.94299 20.9998 12C20.9998 14.057 20.4407 16.0125 19.4266 17.5059C19.2544 17.758 18.9728 17.9091 18.6717 17.9092C18.4837 17.9092 18.3016 17.8507 18.1473 17.7412C17.7318 17.4448 17.6291 16.8586 17.9178 16.4336C18.7207 15.2505 19.1629 13.6757 19.1629 12C19.1629 10.3232 18.7207 8.74948 17.9178 7.56642C17.6291 7.14137 17.7318 6.55518 18.1473 6.2588Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlyRegularBoldVolumeDownIcon.displayName = 'IconlyRegularBoldVolumeDownIcon';
-
-export const IconlyRegularBoldVolumeOffIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} 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.4198 3.27071C20.7797 2.91093 21.3538 2.90893 21.7275 3.26973C22.0905 3.63278 22.0904 4.21924 21.7284 4.58126L4.57999 21.7297C4.40961 21.9 4.16384 22.0001 3.92472 22.0002C3.69079 22.0002 3.45966 21.9051 3.27335 21.7326C2.90922 21.3548 2.90953 20.7801 3.27042 20.4191L6.0966 17.593H6.06828C4.65924 17.593 3.63383 16.5974 3.44328 15.052C3.23052 13.5065 3.27284 10.8601 3.44328 9.45235C3.6435 7.99184 4.72394 6.98751 6.06828 6.98751H7.89835L11.3925 4.12911C11.8171 3.76937 12.5684 3.42967 13.1493 3.42013C14.208 3.42013 15.1818 4.16038 15.5312 5.34591C15.6688 5.84441 15.7232 6.34122 15.7655 6.81856L15.8485 7.49434C15.8623 7.59808 15.8751 7.69806 15.8857 7.80391L20.4198 3.27071ZM15.4872 13.5285C15.8757 13.627 15.9526 14.185 15.9462 14.6233C15.9282 15.8954 15.885 16.7802 15.8173 17.3274L15.7704 17.7785C15.7249 18.2346 15.6783 18.7065 15.5429 19.2102C15.1904 20.3936 14.2443 21.1623 13.1698 21.1623C13.135 21.1623 13.1002 21.1624 13.0644 21.1613C12.4706 21.1613 11.8271 20.8054 11.4618 20.4953L10.1601 19.4885C9.66608 19.1212 9.81246 18.5352 10.0898 18.1955C10.3674 17.8565 14.7364 13.8739 14.8808 13.7316C15.0237 13.592 15.3432 13.4915 15.4872 13.5285Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlyRegularBoldVolumeOffIcon.displayName = 'IconlyRegularBoldVolumeOffIcon';
-
-export const IconlyRegularBoldVolumeUpIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path d="M10.7579 3.00001C11.8012 3.0001 12.7738 3.75165 13.1251 4.95606C13.2541 5.45947 13.3072 5.96397 13.3575 6.4502L13.4044 6.89259C13.5848 8.36879 13.5848 15.6215 13.4044 17.1084L13.3575 17.5664C13.3124 18.0291 13.2661 18.5085 13.1329 19.0195C12.7816 20.2206 11.8453 20.9998 10.7823 21C10.7488 21 10.7146 21.0001 10.6769 20.999C10.0897 20.999 9.45072 20.6378 9.08898 20.3233L5.56261 17.3828H3.75206C2.35442 17.3828 1.33137 16.3708 1.14562 14.8047C0.931706 13.2383 0.97365 10.5506 1.14562 9.12696C1.34805 7.6444 2.41934 6.6172 3.75206 6.6172H5.56261L9.02257 3.71974C9.43991 3.35686 10.176 2.99786 10.7579 3.00001ZM19.2902 3.22071C19.7074 2.92456 20.2812 3.03311 20.5675 3.45704C22.1362 5.76635 23.0001 8.80175 23.0001 12C23.0001 15.2004 22.1362 18.2347 20.5675 20.544C20.3966 20.7961 20.1144 20.9472 19.8136 20.9473C19.627 20.9473 19.4463 20.8897 19.2911 20.7803C18.8759 20.4829 18.7733 19.8968 19.0607 19.4717C20.4174 17.4727 21.1651 14.8191 21.1652 12C21.1652 9.18181 20.4175 6.52737 19.0607 4.52833C18.7735 4.10427 18.876 3.51805 19.2902 3.22071ZM16.128 6.2588C16.5463 5.96366 17.1179 6.06938 17.4064 6.49415C18.4193 7.98645 18.9786 9.94192 18.9786 12C18.9786 14.0581 18.4193 16.0136 17.4064 17.5059C17.2344 17.7579 16.9532 17.9092 16.6525 17.9092C16.4659 17.9091 16.2841 17.8507 16.129 17.7412C15.7142 17.4437 15.6113 16.8575 15.8995 16.4336C16.7017 15.2516 17.1437 13.6769 17.1437 12C17.1437 10.322 16.7017 8.74844 15.8995 7.56642C15.6113 7.1425 15.7142 6.55629 16.128 6.2588Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlyRegularBoldVolumeUpIcon.displayName = 'IconlyRegularBoldVolumeUpIcon';
-
-export const IconlyRegularBoldWalletIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path fillRule="evenodd" clipRule="evenodd" d="M17.7689 8.3818H22C22 4.98459 19.9644 3 16.5156 3H7.48444C4.03556 3 2 4.98459 2 8.33847V15.6615C2 19.0154 4.03556 21 7.48444 21H16.5156C19.9644 21 22 19.0154 22 15.6615V15.3495H17.7689C15.8052 15.3495 14.2133 13.7975 14.2133 11.883C14.2133 9.96849 15.8052 8.41647 17.7689 8.41647V8.3818ZM17.7689 9.87241H21.2533C21.6657 9.87241 22 10.1983 22 10.6004V13.131C21.9952 13.5311 21.6637 13.8543 21.2533 13.8589H17.8489C16.8548 13.872 15.9855 13.2084 15.76 12.2643C15.6471 11.6783 15.8056 11.0736 16.1931 10.6122C16.5805 10.1509 17.1573 9.88007 17.7689 9.87241ZM17.92 12.533H18.2489C18.6711 12.533 19.0133 12.1993 19.0133 11.7877C19.0133 11.3761 18.6711 11.0424 18.2489 11.0424H17.92C17.7181 11.0401 17.5236 11.1166 17.38 11.255C17.2364 11.3934 17.1555 11.5821 17.1556 11.779C17.1555 12.1921 17.4964 12.5282 17.92 12.533ZM6.73778 8.3818H12.3822C12.8044 8.3818 13.1467 8.04812 13.1467 7.63649C13.1467 7.22487 12.8044 6.89119 12.3822 6.89119H6.73778C6.31903 6.89116 5.9782 7.2196 5.97333 7.62783C5.97331 8.04087 6.31415 8.37705 6.73778 8.3818Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlyRegularBoldWalletIcon.displayName = 'IconlyRegularBoldWalletIcon';
-
-export const IconlyRegularBoldWorkIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
-    <path d="M2.18945 12.8145C2.26845 12.7645 2.36771 12.8237 2.37988 12.835C4.40063 14.1917 6.8319 15.093 9.38281 15.4678C9.74299 15.5184 10.1041 15.2855 10.2041 14.9209C10.4243 14.0911 11.1344 13.5442 11.9844 13.5439H12.0146C12.8648 13.544 13.5756 14.0909 13.7959 14.9209C13.8959 15.2853 14.2562 15.5182 14.6162 15.4678C17.1673 15.0931 19.5983 14.1918 21.6191 12.835C21.6191 12.835 21.6392 12.8245 21.6592 12.8145C21.699 12.7943 21.7597 12.7845 21.8096 12.8145C21.8965 12.8634 21.8993 12.9795 21.8994 12.9873L21.8193 18.1514C21.8193 20.2779 20.1186 22 18.0176 22H5.97168C3.87083 21.9998 2.16992 20.2778 2.16992 18.1514L2.09961 12.9873C2.0997 12.9796 2.1026 12.8634 2.18945 12.8145ZM11.9941 14.9922C11.5845 14.9927 11.2444 15.3372 11.2441 15.752V17.0576C11.2441 17.4826 11.5843 17.8169 11.9941 17.8174C12.4144 17.8174 12.7451 17.4829 12.7451 17.0576V15.752C12.7449 15.337 12.4142 14.9922 11.9941 14.9922ZM13.2852 2C14.7858 2 16.0168 3.14412 16.207 4.6123H18.1885C20.2893 4.61252 21.9999 6.34433 22 8.4707C22 8.4707 21.9399 9.37134 21.9199 10.625C21.9179 10.7241 21.8699 10.8212 21.791 10.8799C21.3098 11.2353 20.8691 11.5296 20.8291 11.5498C19.1684 12.6636 17.2385 13.4471 15.1826 13.8369C15.0486 13.8632 14.9167 13.7933 14.8486 13.6738C14.2724 12.6754 13.1957 12.0254 11.9951 12.0254C10.8026 12.0254 9.71635 12.6685 9.12305 13.668C9.05401 13.7854 8.92311 13.8534 8.79004 13.8281C6.75124 13.4372 4.82159 12.6541 3.1709 11.5596L2.20996 10.8906C2.1302 10.84 2.0802 10.7494 2.08008 10.6484C2.05006 10.132 2 8.4707 2 8.4707C2.00008 6.34433 3.7107 4.61251 5.81152 4.6123H7.7832C7.97345 3.14422 9.20359 2.00013 10.7041 2H13.2852ZM10.7041 3.51855C10.034 3.51867 9.46389 3.98471 9.30371 4.6123H14.6865C14.5263 3.9846 13.9554 3.51855 13.2852 3.51855H10.7041Z" fill={color || 'currentColor'}/>
-  </svg>
-);
-IconlyRegularBoldWorkIcon.displayName = 'IconlyRegularBoldWorkIcon';
-
+import React from 'react';
+import { IconProps } from '../../../types';
+
+export const IconlyRegularBold2UserIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path d="M9.34961 14.8574C13.3348 14.8575 16.6982 15.4912 16.6982 17.9404C16.6982 20.3876 13.3133 21 9.34961 21C5.36428 21 2 20.3662 2 17.917C2.00035 15.47 5.38601 14.8574 9.34961 14.8574ZM15.5693 13.3828C17.085 13.3541 18.7156 13.5584 19.3174 13.7021C20.5931 13.9465 21.4319 14.4437 21.7793 15.1689C22.0738 15.763 22.0738 16.4537 21.7793 17.0479C21.2479 18.1707 19.5335 18.5321 18.8672 18.625C18.7292 18.6442 18.6191 18.5286 18.6338 18.3926C18.9741 15.2805 16.266 13.805 15.5654 13.4658C15.5363 13.4496 15.5294 13.4264 15.5322 13.4111C15.5342 13.4016 15.547 13.3858 15.5693 13.3828ZM9.34961 3C12.0491 3.00014 14.2119 5.11902 14.2119 7.7627C14.2118 10.4062 12.049 12.5243 9.34961 12.5244C6.65107 12.5244 4.48648 10.4063 4.48633 7.7627C4.48633 5.11893 6.65097 3 9.34961 3ZM15.834 3.7959C18.4415 3.79596 20.4886 6.19675 19.791 8.87109C19.3204 10.6734 17.6169 11.87 15.7188 11.8213C15.5281 11.8175 15.3411 11.7992 15.1592 11.7695C15.0282 11.7466 14.9612 11.6024 15.0361 11.4951C15.7602 10.4516 16.1738 9.19495 16.1738 7.84863C16.1738 6.44199 15.7232 5.13173 14.9395 4.05566C14.9142 4.02217 14.8957 3.97176 14.9209 3.93262C14.9404 3.90203 14.9795 3.88465 15.0156 3.87695C15.2798 3.82425 15.5512 3.7959 15.834 3.7959Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularBold2UserIcon.displayName = 'IconlyRegularBold2UserIcon';
+
+export const IconlyRegularBold3UserIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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.9491 14.54C15.3802 14.5401 18.3094 15.084 18.3094 17.2607C18.3091 19.4362 15.3988 20 11.9491 20C8.51793 20 5.58782 19.4561 5.58773 17.2803C5.58773 15.1035 8.49907 14.54 11.9491 14.54ZM6.56527 13.2295C6.58496 13.2322 6.59472 13.2468 6.59652 13.2549C6.59902 13.2683 6.59376 13.2875 6.56917 13.3018C5.9621 13.6035 3.61844 14.9161 3.91292 17.6826C3.92546 17.8033 3.83084 17.9058 3.71175 17.8887C3.13505 17.8058 1.65146 17.4851 1.19124 16.4863C0.936257 15.9578 0.936249 15.3459 1.19124 14.8174C1.49208 14.1735 2.2172 13.7297 3.32113 13.5117C3.84312 13.3847 5.25265 13.2052 6.56527 13.2295ZM17.4354 13.2285C18.7467 13.2043 20.1562 13.3848 20.6776 13.5127C21.7816 13.7297 22.5085 14.1725 22.8094 14.8164C23.0637 15.345 23.0636 15.9586 22.8094 16.4863C22.3493 17.4849 20.8658 17.8057 20.2889 17.8887C20.1699 17.9067 20.0735 17.8032 20.0858 17.6836C20.3803 14.9162 18.0378 13.6035 17.4315 13.3018C17.4055 13.2882 17.4005 13.2675 17.4032 13.2549C17.4051 13.2459 17.4158 13.2312 17.4354 13.2285ZM11.9491 4C14.2849 4.0001 16.1578 5.8821 16.158 8.23242C16.158 10.582 14.2851 12.4667 11.9491 12.4668C9.61295 12.4668 7.73909 10.5821 7.73909 8.23242C7.73932 5.88204 9.61309 4 11.9491 4ZM6.33577 4.70605C6.58102 4.70606 6.81562 4.73152 7.04476 4.77832C7.0752 4.78553 7.10986 4.80111 7.12777 4.82812C7.14828 4.86234 7.13264 4.90878 7.11116 4.93848C6.43344 5.89398 6.0428 7.05962 6.0428 8.30957C6.04289 9.50721 6.40047 10.6233 7.02718 11.5508C7.09126 11.6462 7.0342 11.775 6.92073 11.7949C6.76326 11.8228 6.60196 11.8373 6.43734 11.8418C4.79431 11.885 3.3194 10.8209 2.91195 9.21973C2.30755 6.84122 4.07936 4.70605 6.33577 4.70605ZM17.6629 4.70605C19.9193 4.70605 21.6912 6.84122 21.0877 9.21973C20.6803 10.8208 19.2062 11.8849 17.5633 11.8418C17.3987 11.8373 17.2364 11.8219 17.0799 11.7949C16.9663 11.7751 16.9084 11.6462 16.9725 11.5508C17.5992 10.6232 17.9568 9.50725 17.9569 8.30957C17.9569 7.05955 17.5663 5.89401 16.8885 4.93848C16.867 4.90876 16.8514 4.86235 16.8729 4.82812C16.8908 4.80046 16.9237 4.78649 16.9549 4.7793C17.1831 4.73249 17.4177 4.70608 17.6629 4.70605Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularBold3UserIcon.displayName = 'IconlyRegularBold3UserIcon';
+
+export const IconlyRegularBoldActivityIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path d="M15.45 3.78027C15.41 4.03026 15.3894 4.28028 15.3894 4.53027C15.3894 6.78027 17.21 8.59961 19.45 8.59961C19.6999 8.59959 19.9403 8.57026 20.1902 8.53027V16.5996C20.1901 19.9904 18.1897 22 14.7898 22H7.40112C4.00023 22 1.99988 19.9904 1.99976 16.5996V9.2002C1.9998 5.80026 4.00016 3.78027 7.40112 3.78027H15.45ZM15.6511 9.86035C15.3803 9.83037 15.111 9.95014 14.95 10.1699L12.531 13.3008L9.75952 11.1201C9.5897 10.9903 9.38994 10.9391 9.19019 10.96C8.99119 10.99 8.81119 11.0998 8.69019 11.2598L5.7312 15.1104L5.66968 15.2002C5.49968 15.5192 5.57967 15.9294 5.87964 16.1504C6.0196 16.2404 6.16966 16.3007 6.3396 16.3008C6.5706 16.3108 6.78944 16.189 6.92944 16L9.44019 12.7695L12.2898 14.9102L12.3796 14.9697C12.6995 15.1396 13.0998 15.0605 13.3298 14.7598L16.2195 11.0303L16.1794 11.0508C16.3394 10.8309 16.3694 10.5507 16.2595 10.3008C16.1506 10.0509 15.91 9.88048 15.6511 9.86035ZM19.5896 2C20.9196 2 21.9998 3.08016 21.9998 4.41016C21.9997 5.74008 20.9195 6.82031 19.5896 6.82031C18.2598 6.82017 17.1795 5.74 17.1794 4.41016C17.1794 3.08024 18.2597 2.00014 19.5896 2Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularBoldActivityIcon.displayName = 'IconlyRegularBoldActivityIcon';
+
+export const IconlyRegularBoldAddUserIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path d="M9.5 15.0156C13.5667 15.0156 16.9998 15.6843 17 18.2686C17 20.8529 13.5448 21.5 9.5 21.5C5.4332 21.5 2 20.8295 2 18.2461C2.00031 15.662 5.45441 15.0156 9.5 15.0156ZM18.999 7.5C19.4951 7.50003 19.8972 7.9092 19.8975 8.41113V9.58789H21.1006C21.5956 9.58789 21.9998 9.99706 22 10.499C22 11.0012 21.5958 11.4111 21.1006 11.4111H19.8975V12.5889C19.8972 13.0908 19.4951 13.5 18.999 13.5C18.504 13.5 18.0999 13.0908 18.0996 12.5889V11.4111H16.8994C16.4032 11.4111 16 11.0012 16 10.499C16.0002 9.99706 16.4033 9.58789 16.8994 9.58789H18.0996V8.41113C18.0999 7.90918 18.504 7.5 18.999 7.5ZM9.5 2.5C12.2544 2.5 14.4626 4.73638 14.4629 7.52637C14.4629 10.3166 12.2546 12.5537 9.5 12.5537C6.74543 12.5537 4.53711 10.3166 4.53711 7.52637C4.53736 4.73638 6.74559 2.5 9.5 2.5Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularBoldAddUserIcon.displayName = 'IconlyRegularBoldAddUserIcon';
+
+export const IconlyRegularBoldArrowDown2Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path d="M10.869 16.6308C10.811 16.5743 10.563 16.3609 10.359 16.1622C9.076 14.9971 6.976 11.9576 6.335 10.3668C6.232 10.1252 6.014 9.51437 6 9.18802C6 8.8753 6.072 8.5772 6.218 8.29274C6.422 7.93814 6.743 7.65368 7.122 7.49781C7.385 7.39747 8.172 7.2416 8.186 7.2416C9.047 7.08573 10.446 7 11.992 7C13.465 7 14.807 7.08573 15.681 7.21335C15.695 7.22796 16.673 7.38383 17.008 7.55431C17.62 7.86702 18 8.47784 18 9.13151V9.18802C17.985 9.61374 17.605 10.509 17.591 10.509C16.949 12.0141 14.952 14.9834 13.625 16.1768C13.625 16.1768 13.284 16.5129 13.071 16.659C12.765 16.887 12.386 17 12.007 17C11.584 17 11.19 16.8724 10.869 16.6308" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularBoldArrowDown2Icon.displayName = 'IconlyRegularBoldArrowDown2Icon';
+
+export const IconlyRegularBoldArrowDown3Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path d="M17.4101 12.1415C17.2839 11.9075 17.0438 11.7616 16.7827 11.7616H12.7173V3.73429C12.7173 3.32896 12.396 3 12 3C11.6041 3 11.2828 3.32896 11.2828 3.73429V11.7616H7.21731C6.95527 11.7616 6.71523 11.9075 6.58995 12.1415C6.46275 12.3755 6.47136 12.6614 6.61003 12.8875L11.3927 20.6573C11.5247 20.8708 11.7533 21 12 21C12.2468 21 12.4753 20.8708 12.6073 20.6573L17.39 12.8875C17.4627 12.7681 17.5 12.632 17.5 12.4959C17.5 12.3745 17.4694 12.2521 17.4101 12.1415" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularBoldArrowDown3Icon.displayName = 'IconlyRegularBoldArrowDown3Icon';
+
+export const IconlyRegularBoldArrowDownCircleIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path d="M12.0001 1.99988C17.5101 1.99988 22.0001 6.47988 22.0001 11.9999C22.0001 17.5099 17.5101 21.9999 12.0001 21.9999C6.48012 21.9999 2.00012 17.5099 2.00012 11.9999C2.00012 6.47988 6.48012 1.99988 12.0001 1.99988ZM16.0001 10.0194C15.7001 9.72966 15.2305 9.7303 14.9406 10.0302L12.0001 12.9803L9.05969 10.0302C8.76976 9.73031 8.29012 9.72967 8.00012 10.0194C7.70012 10.3194 7.70012 10.79 8.00012 11.08L11.4698 14.5702C11.6098 14.7102 11.8001 14.7899 12.0001 14.7899C12.2001 14.7899 12.3904 14.7102 12.5304 14.5702L16.0001 11.08C16.1501 10.94 16.2198 10.7494 16.2198 10.5594C16.2197 10.3596 16.15 10.1693 16.0001 10.0194Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularBoldArrowDownCircleIcon.displayName = 'IconlyRegularBoldArrowDownCircleIcon';
+
+export const IconlyRegularBoldArrowDownSquareIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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.33 2.00012C19.7199 2.00016 21.9999 4.38031 21.9999 7.91028V16.0802C21.9998 19.6201 19.7199 22.0001 16.33 22.0001H7.66003C4.27106 22.0001 1.99991 19.6202 1.99988 16.0802V7.91028C1.99988 4.38028 4.27103 2.00012 7.66003 2.00012H16.33ZM11.9999 7.17004C11.5799 7.17004 11.2499 7.50008 11.2499 7.92004V14.2697L8.78015 11.7902C8.64015 11.6502 8.43988 11.5704 8.24988 11.5704C8.06088 11.5704 7.8696 11.6502 7.7196 11.7902C7.42987 12.0801 7.42999 12.5597 7.7196 12.8497L11.4696 16.6202C11.7496 16.9002 12.2502 16.9002 12.5302 16.6202L16.2802 12.8497C16.5698 12.5597 16.5699 12.0801 16.2802 11.7902C15.9802 11.5002 15.5098 11.5002 15.2098 11.7902L12.7499 14.2697V7.92004C12.7498 7.50008 12.4099 7.17004 11.9999 7.17004Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularBoldArrowDownSquareIcon.displayName = 'IconlyRegularBoldArrowDownSquareIcon';
+
+export const IconlyRegularBoldArrowDownIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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.9932 10.835C13.4648 10.835 14.807 10.921 15.6816 11.0508C15.7005 11.0655 16.6745 11.2243 17.0088 11.3975C17.6211 11.7148 17.9998 12.3358 18 13V13.0586C17.9856 13.4898 17.6093 14.393 17.5928 14.4014C16.9506 15.9319 14.9533 18.949 13.626 20.1621C13.626 20.1621 13.2849 20.5049 13.0723 20.6533C12.7661 20.8846 12.3867 21 12.0078 21C11.585 21 11.1917 20.8703 10.8701 20.625C10.8117 20.5672 10.5643 20.3513 10.3594 20.1484C9.0761 18.9648 6.97812 15.8735 6.33594 14.2568C6.23348 14.0113 6.01554 13.3913 6 13.0586C6 12.7412 6.0734 12.4375 6.21875 12.1484C6.42253 11.7874 6.7451 11.4991 7.12402 11.3398C7.38607 11.2386 8.1696 11.0798 8.1875 11.0791C9.04775 10.9209 10.4467 10.835 11.9932 10.835ZM12 3C12.8382 3 13.5184 3.67291 13.5186 4.50293L13.1914 8.20215C13.1914 8.85341 12.6576 9.38184 12 9.38184C11.3415 9.3816 10.8096 8.85327 10.8096 8.20215L10.4824 4.50293C10.4826 3.67305 11.1621 3.00024 12 3Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularBoldArrowDownIcon.displayName = 'IconlyRegularBoldArrowDownIcon';
+
+export const IconlyRegularBoldArrowLeft2Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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.36922 10.869C7.42572 10.811 7.63906 10.563 7.8378 10.359C9.00292 9.076 12.0424 6.976 13.6332 6.335C13.8748 6.232 14.4856 6.014 14.812 6C15.1247 6 15.4228 6.072 15.7073 6.218C16.0619 6.422 16.3463 6.743 16.5022 7.122C16.6025 7.385 16.7584 8.172 16.7584 8.186C16.9143 9.047 17 10.446 17 11.992C17 13.465 16.9143 14.807 16.7867 15.681C16.772 15.695 16.6162 16.673 16.4457 17.008C16.133 17.62 15.5222 18 14.8685 18H14.812C14.3863 17.985 13.491 17.605 13.491 17.591C11.9859 16.949 9.01656 14.952 7.82319 13.625C7.82319 13.625 7.48709 13.284 7.34096 13.071C7.11301 12.765 7 12.386 7 12.007C7 11.584 7.12762 11.19 7.36922 10.869" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularBoldArrowLeft2Icon.displayName = 'IconlyRegularBoldArrowLeft2Icon';
+
+export const IconlyRegularBoldArrowLeft3Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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.8585 17.4101C12.0925 17.2839 12.2384 17.0438 12.2384 16.7827V12.7173H20.2657C20.671 12.7173 21 12.396 21 12C21 11.6041 20.671 11.2828 20.2657 11.2828H12.2384V7.21731C12.2384 6.95527 12.0925 6.71523 11.8585 6.58995C11.6245 6.46275 11.3386 6.47136 11.1125 6.61003L3.34267 11.3927C3.12924 11.5247 3 11.7533 3 12C3 12.2468 3.12924 12.4753 3.34267 12.6073L11.1125 17.39C11.2319 17.4627 11.368 17.5 11.5041 17.5C11.6255 17.5 11.7479 17.4694 11.8585 17.4101" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularBoldArrowLeft3Icon.displayName = 'IconlyRegularBoldArrowLeft3Icon';
+
+export const IconlyRegularBoldArrowLeftCircleIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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.2793 2.00391C17.6701 2.15223 22 6.57356 22 12C22 17.51 17.52 22 12 22C6.49 22 2 17.51 2 12C2 6.48 6.49 2 12 2L12.2793 2.00391ZM13.9805 8C13.6805 7.7 13.2099 7.7 12.9199 8L9.42969 11.4697C9.2897 11.6097 9.20996 11.8 9.20996 12C9.20996 12.2 9.2897 12.3903 9.42969 12.5303L12.9199 16C13.0599 16.15 13.2504 16.2197 13.4404 16.2197C13.6403 16.2196 13.8306 16.1499 13.9805 16C14.2702 15.7 14.2696 15.2304 13.9697 14.9404L11.0195 12L13.9697 9.05957C14.2696 8.76964 14.2702 8.29 13.9805 8Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularBoldArrowLeftCircleIcon.displayName = 'IconlyRegularBoldArrowLeftCircleIcon';
+
+export const IconlyRegularBoldArrowLeftSquareIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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.0897 2C19.6197 2 21.9999 4.27116 21.9999 7.66016V16.3301C21.9998 19.72 19.6197 22 16.0897 22H7.9198C4.37987 22 1.99991 19.72 1.99988 16.3301V7.66016C1.99988 4.27118 4.37984 2.00003 7.9198 2H16.0897ZM12.2098 7.71973C11.9199 7.42999 11.4403 7.43011 11.1503 7.71973L7.37976 11.4697C7.09976 11.7497 7.09976 12.2503 7.37976 12.5303L11.1503 16.2803C11.4403 16.5699 11.9199 16.57 12.2098 16.2803C12.4998 15.9803 12.4998 15.51 12.2098 15.21L9.73035 12.75H16.08C16.4999 12.75 16.83 12.41 16.83 12C16.83 11.58 16.4999 11.25 16.08 11.25H9.73035L12.2098 8.78027C12.3498 8.64027 12.4296 8.44 12.4296 8.25C12.4296 8.061 12.3498 7.86973 12.2098 7.71973Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularBoldArrowLeftSquareIcon.displayName = 'IconlyRegularBoldArrowLeftSquareIcon';
+
+export const IconlyRegularBoldArrowLeftIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path d="M10.9414 6C11.2588 6 11.5625 6.0734 11.8516 6.21875C12.2126 6.42253 12.5009 6.7451 12.6602 7.12402C12.7614 7.38607 12.9202 8.1696 12.9209 8.1875C13.0669 8.98161 13.1509 10.2352 13.1631 11.6396L13.165 11.9932C13.165 13.4648 13.079 14.807 12.9492 15.6816L12.835 16.2256C12.7717 16.5135 12.6892 16.8414 12.6025 17.0088C12.2852 17.6211 11.6642 17.9998 11 18H10.9414C10.5102 17.9856 9.60702 17.6093 9.59863 17.5928C8.13464 16.9785 5.31031 15.1244 4.00586 13.8027L3.62695 13.4062C3.52776 13.2988 3.41593 13.1714 3.34668 13.0723C3.11543 12.7661 3.00002 12.3867 3 12.0078C3 11.585 3.1297 11.1917 3.375 10.8701L3.76465 10.4492L3.85156 10.3594C5.03521 9.0761 8.12647 6.97812 9.74316 6.33594L9.9873 6.24219C10.2809 6.13698 10.692 6.01165 10.9414 6ZM19.4971 10.4824C20.3269 10.4826 20.9998 11.1621 21 12C21 12.8382 20.3271 13.5184 19.4971 13.5186L15.7979 13.1914C15.1466 13.1914 14.6182 12.6576 14.6182 12C14.6184 11.3415 15.1467 10.8096 15.7979 10.8096L19.4971 10.4824Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularBoldArrowLeftIcon.displayName = 'IconlyRegularBoldArrowLeftIcon';
+
+export const IconlyRegularBoldArrowRight2Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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.6308 13.131C16.5743 13.189 16.3609 13.437 16.1622 13.641C14.9971 14.924 11.9576 17.024 10.3668 17.665C10.1252 17.768 9.51437 17.986 9.18802 18C8.8753 18 8.5772 17.928 8.29274 17.782C7.93814 17.578 7.65368 17.257 7.49781 16.878C7.39747 16.615 7.2416 15.828 7.2416 15.814C7.08573 14.953 7 13.554 7 12.008C7 10.535 7.08573 9.193 7.21335 8.319C7.22796 8.305 7.38383 7.327 7.55431 6.992C7.86702 6.38 8.47784 6 9.13151 6H9.18802C9.61374 6.015 10.509 6.395 10.509 6.409C12.0141 7.051 14.9834 9.048 16.1768 10.375C16.1768 10.375 16.5129 10.716 16.659 10.929C16.887 11.235 17 11.614 17 11.993C17 12.416 16.8724 12.81 16.6308 13.131" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularBoldArrowRight2Icon.displayName = 'IconlyRegularBoldArrowRight2Icon';
+
+export const IconlyRegularBoldArrowRight3Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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.1415 6.5899C11.9075 6.71614 11.7616 6.95618 11.7616 7.21726V11.2827H3.73429C3.32896 11.2827 3 11.604 3 12C3 12.3959 3.32896 12.7172 3.73429 12.7172H11.7616V16.7827C11.7616 17.0447 11.9075 17.2848 12.1415 17.4101C12.3755 17.5372 12.6614 17.5286 12.8875 17.39L20.6573 12.6073C20.8708 12.4753 21 12.2467 21 12C21 11.7532 20.8708 11.5247 20.6573 11.3927L12.8875 6.60998C12.7681 6.5373 12.632 6.5 12.4959 6.5C12.3745 6.5 12.2521 6.5306 12.1415 6.5899" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularBoldArrowRight3Icon.displayName = 'IconlyRegularBoldArrowRight3Icon';
+
+export const IconlyRegularBoldArrowRightCircleIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path d="M12.0001 2C17.5101 2 22.0001 6.49 22.0001 12C22.0001 17.52 17.5101 22 12.0001 22L11.7208 21.9961C6.33001 21.8478 2.00012 17.4264 2.00012 12C2.00012 6.49 6.48012 2 12.0001 2ZM10.5597 7.78027C10.3599 7.78037 10.1695 7.85011 10.0197 8C9.7299 8.29999 9.73055 8.76964 10.0304 9.05957L12.9806 12L10.0304 14.9404C9.73055 15.2304 9.72991 15.71 10.0197 16C10.3197 16.3 10.7902 16.3 11.0802 16L14.5704 12.5303C14.7104 12.3903 14.7902 12.2 14.7902 12C14.7902 11.8 14.7104 11.6097 14.5704 11.4697L11.0802 8C10.9402 7.85 10.7497 7.78027 10.5597 7.78027Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularBoldArrowRightCircleIcon.displayName = 'IconlyRegularBoldArrowRightCircleIcon';
+
+export const IconlyRegularBoldArrowRightSquareIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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.08 2C19.6199 2.00003 21.9998 4.27999 21.9999 7.66992V16.3398C21.9999 19.7288 19.6199 22 16.08 22H7.91003C4.38003 22 1.99988 19.7288 1.99988 16.3398V7.66992C1.99991 4.27996 4.38006 2 7.91003 2H16.08ZM12.8495 7.71973C12.5595 7.43011 12.0798 7.42999 11.7899 7.71973C11.4999 8.01973 11.4999 8.49004 11.7899 8.79004L14.2694 11.25H7.9198C7.49984 11.25 7.1698 11.59 7.1698 12C7.1698 12.42 7.49984 12.75 7.9198 12.75H14.2694L11.7899 15.2197C11.6499 15.3597 11.5702 15.56 11.5702 15.75C11.5702 15.939 11.6499 16.1303 11.7899 16.2803C12.0798 16.57 12.5595 16.5699 12.8495 16.2803L16.62 12.5303C16.9 12.2503 16.9 11.7497 16.62 11.4697L12.8495 7.71973Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularBoldArrowRightSquareIcon.displayName = 'IconlyRegularBoldArrowRightSquareIcon';
+
+export const IconlyRegularBoldArrowRightIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path d="M13.0586 6C13.4898 6.01443 14.393 6.3907 14.4014 6.40723C15.8654 7.02151 18.6897 8.87561 19.9941 10.1973L20.373 10.5938C20.4722 10.7012 20.5841 10.8286 20.6533 10.9277C20.8846 11.2339 21 11.6133 21 11.9922C21 12.415 20.8703 12.8083 20.625 13.1299L20.2354 13.5508L20.1484 13.6406C18.9648 14.9239 15.8735 17.0219 14.2568 17.6641L14.0127 17.7578C13.7191 17.863 13.308 17.9883 13.0586 18C12.7412 18 12.4375 17.9266 12.1484 17.7812C11.7874 17.5775 11.4991 17.2549 11.3398 16.876C11.2386 16.6139 11.0798 15.8304 11.0791 15.8125C10.9331 15.0184 10.8491 13.7648 10.8369 12.3604L10.835 12.0068C10.835 10.5352 10.921 9.19297 11.0508 8.31836L11.165 7.77441C11.2283 7.48651 11.3108 7.15857 11.3975 6.99121C11.7148 6.37891 12.3358 6.00018 13 6H13.0586ZM8.20215 10.8086C8.85341 10.8086 9.38184 11.3424 9.38184 12C9.3816 12.6585 8.85327 13.1904 8.20215 13.1904L4.50293 13.5176C3.67305 13.5174 3.00024 12.8379 3 12C3 11.1618 3.67291 10.4816 4.50293 10.4814L8.20215 10.8086Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularBoldArrowRightIcon.displayName = 'IconlyRegularBoldArrowRightIcon';
+
+export const IconlyRegularBoldArrowUp2Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path d="M13.131 7.36922C13.189 7.42572 13.437 7.63906 13.641 7.8378C14.924 9.00292 17.024 12.0424 17.665 13.6332C17.768 13.8748 17.986 14.4856 18 14.812C18 15.1247 17.928 15.4228 17.782 15.7073C17.578 16.0619 17.257 16.3463 16.878 16.5022C16.615 16.6025 15.828 16.7584 15.814 16.7584C14.953 16.9143 13.554 17 12.008 17C10.535 17 9.193 16.9143 8.319 16.7867C8.305 16.772 7.327 16.6162 6.992 16.4457C6.38 16.133 6 15.5222 6 14.8685V14.812C6.015 14.3863 6.395 13.491 6.409 13.491C7.051 11.9859 9.048 9.01656 10.375 7.82319C10.375 7.82319 10.716 7.48709 10.929 7.34096C11.235 7.11301 11.614 7 11.993 7C12.416 7 12.81 7.12762 13.131 7.36922" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularBoldArrowUp2Icon.displayName = 'IconlyRegularBoldArrowUp2Icon';
+
+export const IconlyRegularBoldArrowUp3Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path d="M6.5899 11.8585C6.71614 12.0925 6.95618 12.2384 7.21726 12.2384H11.2827V20.2657C11.2827 20.671 11.604 21 12 21C12.3959 21 12.7172 20.671 12.7172 20.2657V12.2384H16.7827C17.0447 12.2384 17.2848 12.0925 17.4101 11.8585C17.5372 11.6245 17.5286 11.3386 17.39 11.1125L12.6073 3.34267C12.4753 3.12924 12.2467 3 12 3C11.7532 3 11.5247 3.12924 11.3927 3.34267L6.60998 11.1125C6.5373 11.2319 6.5 11.368 6.5 11.5041C6.5 11.6255 6.5306 11.7479 6.5899 11.8585" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularBoldArrowUp3Icon.displayName = 'IconlyRegularBoldArrowUp3Icon';
+
+export const IconlyRegularBoldArrowUpCircleIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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 2C17.52 2 22 6.49 22 12L21.9961 12.2793C21.8478 17.6701 17.4264 22 12 22C6.49 22 2 17.52 2 12C2 6.49 6.49 2 12 2ZM12 9.20996C11.8 9.20996 11.6097 9.2897 11.4697 9.42969L8 12.9199C7.85 13.0599 7.78027 13.2504 7.78027 13.4404C7.78037 13.6403 7.85011 13.8306 8 13.9805C8.29999 14.2702 8.76964 14.2696 9.05957 13.9697L12 11.0195L14.9404 13.9697C15.2304 14.2696 15.71 14.2702 16 13.9805C16.3 13.6805 16.3 13.2099 16 12.9199L12.5303 9.42969C12.3903 9.2897 12.2 9.20996 12 9.20996Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularBoldArrowUpCircleIcon.displayName = 'IconlyRegularBoldArrowUpCircleIcon';
+
+export const IconlyRegularBoldArrowUpSquareIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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.3397 2C19.7287 2 21.9998 4.37997 21.9999 7.91992V16.0898C21.9999 19.6198 19.7287 22 16.3397 22H7.6698C4.27984 22 1.99988 19.6198 1.99988 16.0898V7.91992C1.99991 4.37999 4.27987 2.00004 7.6698 2H16.3397ZM12.5302 7.37988C12.2502 7.09988 11.7496 7.09988 11.4696 7.37988L7.7196 11.1504C7.42999 11.4404 7.42987 11.9201 7.7196 12.21C8.0196 12.5 8.48992 12.5 8.78992 12.21L11.2499 9.73047V16.0801C11.2499 16.5 11.5899 16.8301 11.9999 16.8301C12.4199 16.8301 12.7498 16.5 12.7499 16.0801V9.73047L15.2196 12.21C15.3596 12.35 15.5599 12.4297 15.7499 12.4297C15.9389 12.4297 16.1302 12.35 16.2802 12.21C16.5699 11.9201 16.5698 11.4404 16.2802 11.1504L12.5302 7.37988Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularBoldArrowUpSquareIcon.displayName = 'IconlyRegularBoldArrowUpSquareIcon';
+
+export const IconlyRegularBoldArrowUpIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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 14.6182C12.6585 14.6184 13.1904 15.1467 13.1904 15.7979L13.5176 19.4971C13.5174 20.3269 12.8379 20.9998 12 21C11.1618 21 10.4816 20.3271 10.4814 19.4971L10.8086 15.7979C10.8086 15.1466 11.3424 14.6182 12 14.6182ZM11.9922 3C12.415 3 12.8083 3.1297 13.1299 3.375L13.5508 3.76465L13.6406 3.85156C14.9239 5.03521 17.0219 8.12647 17.6641 9.74316L17.7578 9.9873C17.863 10.2809 17.9883 10.692 18 10.9414C18 11.2588 17.9266 11.5625 17.7812 11.8516C17.5775 12.2126 17.2549 12.5009 16.876 12.6602C16.6139 12.7614 15.8304 12.9202 15.8125 12.9209C15.0184 13.0669 13.7648 13.1509 12.3604 13.1631L12.0068 13.165C10.5352 13.165 9.19297 13.079 8.31836 12.9492L7.77441 12.835C7.48651 12.7717 7.15857 12.6892 6.99121 12.6025C6.37891 12.2852 6.00018 11.6642 6 11V10.9414C6.01443 10.5102 6.3907 9.60701 6.40723 9.59863C7.02151 8.13464 8.87561 5.31031 10.1973 4.00586L10.5938 3.62695C10.7012 3.52776 10.8286 3.41593 10.9277 3.34668C11.2339 3.11543 11.6133 3.00002 11.9922 3Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularBoldArrowUpIcon.displayName = 'IconlyRegularBoldArrowUpIcon';
+
+export const IconlyRegularBoldBag2Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.4184 6.47H16.6232C19.3152 6.47 21.5 8.72 21.5 11.48V17C21.5 19.76 19.3152 22 16.6232 22H7.3768C4.6848 22 2.5 19.76 2.5 17V11.48C2.5 8.72 4.6848 6.47 7.3768 6.47H7.58162C7.60113 5.27 8.05955 4.15 8.8886 3.31C9.72741 2.46 10.8003 2.03 12.0098 2C14.4286 2 16.3891 4 16.4184 6.47ZM9.91273 4.38C9.36653 4.94 9.06417 5.68 9.04466 6.47H14.9553C14.9261 4.83 13.6191 3.5 12.0098 3.5C11.2587 3.5 10.4784 3.81 9.91273 4.38ZM15.7064 10.32C16.116 10.32 16.4379 9.98 16.4379 9.57V8.41C16.4379 8 16.116 7.66 15.7064 7.66C15.3065 7.66 14.9748 8 14.9748 8.41V9.57C14.9748 9.98 15.3065 10.32 15.7064 10.32ZM8.93737 9.57C8.93737 9.98 8.6155 10.32 8.20585 10.32C7.80595 10.32 7.47433 9.98 7.47433 9.57V8.41C7.47433 8 7.80595 7.66 8.20585 7.66C8.6155 7.66 8.93737 8 8.93737 8.41V9.57Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularBoldBag2Icon.displayName = 'IconlyRegularBoldBag2Icon';
+
+export const IconlyRegularBoldBagIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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.0049 2C14.6849 2 16.8882 4.106 17 6.77441H16.9737C16.9768 6.85191 16.9624 6.92919 16.9307 7H17.0869C18.3506 7.00022 19.6762 7.90996 20.1446 10.1201L20.9131 16.3145C21.4787 20.3533 19.2073 22 16.1582 22H7.8682C4.81046 21.9999 2.46822 20.8625 3.10452 16.3145L3.88284 10.1201C4.28054 7.84605 5.6502 7.00003 6.93167 7H7.0098C6.99662 6.92539 6.99663 6.84902 7.0098 6.77441C7.12163 4.10602 9.32499 2.00003 12.0049 2ZM9.09671 10.3291C8.60875 10.3293 8.21292 10.737 8.21292 11.2393C8.21309 11.7414 8.60886 12.1483 9.09671 12.1484C9.58471 12.1484 9.98033 11.7415 9.9805 11.2393C9.9805 10.7369 9.58482 10.3291 9.09671 10.3291ZM14.8858 10.3291C14.3977 10.3291 14.002 10.7369 14.002 11.2393C14.0022 11.7415 14.3978 12.1484 14.8858 12.1484C15.3738 12.1484 15.7694 11.7415 15.7696 11.2393C15.7696 10.7369 15.3739 10.3291 14.8858 10.3291ZM11.9659 3.30273C10.0417 3.30273 8.48148 4.85691 8.48148 6.77441C8.49466 6.84906 8.49466 6.92535 8.48148 7H15.4932C15.4654 6.92797 15.4502 6.85158 15.4493 6.77441C15.4493 4.85694 13.8899 3.30277 11.9659 3.30273Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularBoldBagIcon.displayName = 'IconlyRegularBoldBagIcon';
+
+export const IconlyRegularBoldBookmarkIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.9 2H15.07C17.78 2 19.97 3.07 20 5.79V20.97C20 21.14 19.96 21.31 19.88 21.46C19.75 21.7 19.53 21.88 19.26 21.96C19 22.04 18.71 22 18.47 21.86L11.99 18.62L5.5 21.86C5.351 21.939 5.18 21.99 5.01 21.99C4.45 21.99 4 21.53 4 20.97V5.79C4 3.07 6.2 2 8.9 2ZM8.22 9.62H15.75C16.18 9.62 16.53 9.269 16.53 8.83C16.53 8.39 16.18 8.04 15.75 8.04H8.22C7.79 8.04 7.44 8.39 7.44 8.83C7.44 9.269 7.79 9.62 8.22 9.62Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularBoldBookmarkIcon.displayName = 'IconlyRegularBoldBookmarkIcon';
+
+export const IconlyRegularBoldBuyIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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.42672 18.9081C8.25586 18.9084 8.93549 19.6019 8.93551 20.4589C8.93551 21.3058 8.25587 21.9997 7.42672 21.9999C6.58738 21.9999 5.90719 21.3059 5.90719 20.4589C5.90722 19.6017 6.58739 18.9081 7.42672 18.9081ZM18.6679 18.9081C19.4971 18.9084 20.1767 19.6018 20.1767 20.4589C20.1767 21.3058 19.4971 21.9997 18.6679 21.9999C17.8286 21.9999 17.1484 21.3059 17.1484 20.4589C17.1484 19.6017 17.8286 18.9081 18.6679 18.9081ZM2.01071 2.64055C2.08064 2.22321 2.47023 1.94656 2.87985 2.00871L5.26364 2.37492C5.60315 2.43734 5.85281 2.72243 5.88278 3.06926L6.07223 5.35539C6.10239 5.68259 6.36221 5.92743 6.6816 5.92766H20.1767C20.7861 5.9277 21.1863 6.14186 21.5859 6.61125C21.9853 7.08062 22.0547 7.75405 21.9648 8.36516L21.0156 15.0595C20.8357 16.3462 19.7571 17.2946 18.4882 17.2948H7.5859C6.25723 17.2946 5.15882 16.2549 5.04879 14.9081L4.12887 3.78312L2.62008 3.51848C2.22048 3.44703 1.94088 3.04867 2.01071 2.64055ZM14.1211 9.70207C13.7015 9.70218 13.372 10.0392 13.372 10.4677C13.3721 10.886 13.7015 11.2332 14.1211 11.2333H16.8886C17.3083 11.2333 17.6386 10.8861 17.6386 10.4677C17.6386 10.0391 17.3083 9.70207 16.8886 9.70207H14.1211Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularBoldBuyIcon.displayName = 'IconlyRegularBoldBuyIcon';
+
+export const IconlyRegularBoldCalendarIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.4109 2.76862L16.4119 3.51824C19.1665 3.73413 20.9862 5.61119 20.9891 8.48975L21 16.9155C21.0039 20.054 19.0322 21.985 15.8718 21.99L8.15188 22C5.01119 22.004 3.01482 20.027 3.01087 16.8795L3.00001 8.55272C2.99606 5.65517 4.75153 3.78311 7.50617 3.53024L7.50518 2.78061C7.5042 2.34083 7.83001 2.01 8.26444 2.01C8.69886 2.009 9.02468 2.33883 9.02567 2.77861L9.02666 3.47826L14.8914 3.47027L14.8904 2.77062C14.8894 2.33084 15.2152 2.001 15.6497 2C16.0742 1.999 16.4099 2.32884 16.4109 2.76862ZM4.52148 8.86157L19.4696 8.84158V8.49175C19.4272 6.34283 18.349 5.21539 16.4138 5.04748L16.4148 5.81709C16.4148 6.24688 16.0801 6.5877 15.6556 6.5877C15.2212 6.5887 14.8943 6.24887 14.8943 5.81909L14.8934 5.00949L9.02863 5.01749L9.02962 5.82609C9.02962 6.25687 8.70479 6.5967 8.27036 6.5967C7.83594 6.5977 7.50913 6.25887 7.50913 5.82809L7.50815 5.05847C5.58286 5.25137 4.51753 6.38281 4.52049 8.55072L4.52148 8.86157ZM15.2399 13.4043V13.4153C15.2498 13.8751 15.625 14.2239 16.0801 14.2139C16.5244 14.2029 16.8789 13.8221 16.869 13.3623C16.8483 12.9225 16.4918 12.5637 16.0485 12.5647C15.5944 12.5747 15.2389 12.9445 15.2399 13.4043ZM16.0554 17.892C15.6013 17.882 15.235 17.5032 15.234 17.0435C15.2241 16.5837 15.5884 16.2029 16.0426 16.1919H16.0525C16.5165 16.1919 16.8927 16.5707 16.8927 17.0405C16.8937 17.5102 16.5185 17.891 16.0554 17.892ZM11.1721 13.4203C11.1919 13.8801 11.568 14.2389 12.0222 14.2189C12.4665 14.1979 12.821 13.8181 12.8012 13.3583C12.7904 12.9085 12.425 12.5587 11.9807 12.5597C11.5266 12.5797 11.1711 12.9605 11.1721 13.4203ZM12.0262 17.8471C11.572 17.8671 11.1968 17.5082 11.1761 17.0485C11.1761 16.5887 11.5305 16.2089 11.9847 16.1879C12.429 16.1869 12.7953 16.5367 12.8052 16.9855C12.8259 17.4463 12.4705 17.8261 12.0262 17.8471ZM7.10433 13.4553C7.12408 13.915 7.50025 14.2749 7.95442 14.2539C8.39872 14.2339 8.75317 13.8531 8.73243 13.3933C8.72256 12.9435 8.35725 12.5937 7.91196 12.5947C7.45779 12.6147 7.10334 12.9955 7.10433 13.4553ZM7.95837 17.8521C7.5042 17.8731 7.12901 17.5132 7.10828 17.0535C7.10729 16.5937 7.46273 16.2129 7.9169 16.1929C8.3612 16.1919 8.7275 16.5417 8.73737 16.9915C8.7581 17.4513 8.40365 17.8321 7.95837 17.8521Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularBoldCalendarIcon.displayName = 'IconlyRegularBoldCalendarIcon';
+
+export const IconlyRegularBoldCallMissedIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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.3372 5.91772L21.7408 3.50518C21.9083 3.33698 22.0002 3.11407 22.0002 2.87798C22.0002 2.64189 21.9083 2.41898 21.7408 2.25078C21.4066 1.91641 20.8262 1.91641 20.4921 2.25078L18.0885 4.66434L15.684 2.25078C15.3499 1.91641 14.7694 1.91641 14.4353 2.25078C14.2687 2.41898 14.1769 2.64189 14.1769 2.87798C14.1769 3.11407 14.2687 3.33698 14.4353 3.50518L16.8388 5.91772L14.4353 8.33027C14.2687 8.49847 14.1769 8.72138 14.1769 8.95747C14.1769 9.19356 14.2687 9.41647 14.4353 9.58467C14.7694 9.91904 15.3499 9.91904 15.684 9.58467L18.0885 7.17111L20.4921 9.58467C20.6596 9.75186 20.8807 9.84406 21.1169 9.84406C21.3531 9.84406 21.5742 9.75186 21.7408 9.58467C21.9083 9.41647 22.0002 9.19356 22.0002 8.95747C22.0002 8.72138 21.9083 8.49847 21.7408 8.33027L19.3372 5.91772Z" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M11.0317 12.9724C15.0208 16.9604 15.9258 12.3467 18.4656 14.8848C20.9143 17.3328 22.3216 17.8232 19.2192 20.9247C18.8306 21.237 16.3616 24.9943 7.6846 16.3197C-0.993478 7.644 2.76158 5.17244 3.07397 4.78395C6.18387 1.67385 6.66586 3.08938 9.11449 5.53733C11.6544 8.0765 7.04266 8.98441 11.0317 12.9724Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularBoldCallMissedIcon.displayName = 'IconlyRegularBoldCallMissedIcon';
+
+export const IconlyRegularBoldCallSilentIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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.7695 2.3642C20.9975 2.3642 21.2164 2.4672 21.375 2.62982C21.7017 2.97535 21.7018 3.51386 21.375 3.85931V3.86908L11.958 13.5146L11.4121 14.0742L12.0898 13.3828C15.37 16.0765 16.2957 12.2238 18.6191 14.5849C21.016 17.0315 22.3938 17.5254 19.3545 20.6269C18.996 20.94 16.694 24.4642 8.80567 16.747L3.44434 22.246C3.27588 22.4086 3.06762 22.4999 2.84961 22.4999C2.63164 22.4999 2.42348 22.4085 2.24512 22.246C1.96759 21.9513 1.92789 21.5137 2.11621 21.1884L2.14551 21.1484C2.16532 21.1169 2.18515 21.087 2.21485 21.0566L20.1748 2.62982C20.3234 2.46731 20.5417 2.36433 20.7695 2.3642ZM3.25391 4.38568C6.32256 1.27341 6.79835 2.68981 9.20899 5.13666C11.24 7.20796 8.60756 8.1956 9.68653 10.6533L6.18457 14.205C-0.245577 6.9192 2.96858 4.7403 3.25391 4.38568Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularBoldCallSilentIcon.displayName = 'IconlyRegularBoldCallSilentIcon';
+
+export const IconlyRegularBoldCallIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path fillRule="evenodd" clipRule="evenodd" d="M11.5317 12.4724C15.5208 16.4604 16.4258 11.8467 18.9656 14.3848C21.4143 16.8328 22.8216 17.3232 19.7192 20.4247C19.3306 20.737 16.8616 24.4943 8.1846 15.8197C-0.493478 7.144 3.26158 4.67244 3.57397 4.28395C6.68387 1.17385 7.16586 2.58938 9.61449 5.03733C12.1544 7.5765 7.54266 8.48441 11.5317 12.4724Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularBoldCallIcon.displayName = 'IconlyRegularBoldCallIcon';
+
+export const IconlyRegularBoldCallingIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path d="M14.4183 5.48994C13.9422 5.402 13.505 5.70579 13.4144 6.17048C13.3238 6.63516 13.6285 7.08884 14.0916 7.17978C15.4859 7.4516 16.5624 8.53085 16.8353 9.92989V9.93089C16.913 10.3336 17.2675 10.6264 17.6759 10.6264C17.7306 10.6264 17.7854 10.6214 17.8412 10.6114C18.3043 10.5185 18.609 10.0658 18.5184 9.60012C18.1111 7.51055 16.5027 5.89666 14.4183 5.48994" fill={color || 'currentColor'}/>
+<path d="M14.356 2.00793C14.1329 1.97595 13.9088 2.04191 13.7305 2.18381C13.5473 2.32771 13.4328 2.53557 13.4079 2.76841C13.3551 3.23908 13.6947 3.66479 14.1648 3.71776C17.4064 4.07951 19.926 6.60477 20.2905 9.85654C20.3393 10.2922 20.7048 10.621 21.141 10.621C21.1739 10.621 21.2058 10.619 21.2386 10.615C21.4667 10.59 21.6699 10.4771 21.8133 10.2972C21.9557 10.1174 22.0204 9.89351 21.9945 9.66467C21.5404 5.60746 18.4003 2.45862 14.356 2.00793" fill={color || 'currentColor'}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M11.0317 12.9724C15.0208 16.9604 15.9258 12.3467 18.4656 14.8848C20.9143 17.3328 22.3216 17.8232 19.2192 20.9247C18.8306 21.237 16.3616 24.9943 7.6846 16.3197C-0.993478 7.644 2.76158 5.17244 3.07397 4.78395C6.18387 1.67385 6.66586 3.08938 9.11449 5.53733C11.6544 8.0765 7.04266 8.98441 11.0317 12.9724Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularBoldCallingIcon.displayName = 'IconlyRegularBoldCallingIcon';
+
+export const IconlyRegularBoldCameraIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path fillRule="evenodd" clipRule="evenodd" d="M17.44 6.2364C17.48 6.30633 17.55 6.35627 17.64 6.35627C20.04 6.35627 22 8.3141 22 10.7114V16.6448C22 19.0422 20.04 21 17.64 21H6.36C3.95 21 2 19.0422 2 16.6448V10.7114C2 8.3141 3.95 6.35627 6.36 6.35627C6.44 6.35627 6.52 6.31632 6.55 6.2364L6.61 6.11654C6.64448 6.04397 6.67987 5.96943 6.71579 5.89376C6.97161 5.35492 7.25463 4.75879 7.43 4.40844C7.89 3.50943 8.67 3.00999 9.64 3H14.35C15.32 3.00999 16.11 3.50943 16.57 4.40844C16.7275 4.72308 16.9674 5.2299 17.1987 5.71839C17.2464 5.81921 17.2938 5.91924 17.34 6.01665L17.44 6.2364ZM16.71 10.0721C16.71 10.5716 17.11 10.9711 17.61 10.9711C18.11 10.9711 18.52 10.5716 18.52 10.0721C18.52 9.5727 18.11 9.16315 17.61 9.16315C17.11 9.16315 16.71 9.5727 16.71 10.0721ZM10.27 11.6204C10.74 11.1509 11.35 10.9012 12 10.9012C12.65 10.9012 13.26 11.1509 13.72 11.6104C14.18 12.0699 14.43 12.6792 14.43 13.3285C14.42 14.667 13.34 15.7558 12 15.7558C11.35 15.7558 10.74 15.5061 10.28 15.0466C9.82 14.5871 9.57 13.9778 9.57 13.3285V13.3185C9.56 12.6892 9.81 12.0799 10.27 11.6204ZM14.77 16.1054C14.06 16.8147 13.08 17.2542 12 17.2542C10.95 17.2542 9.97 16.8446 9.22 16.1054C8.48 15.3563 8.07 14.3774 8.07 13.3285C8.06 12.2897 8.47 11.3108 9.21 10.5616C9.96 9.81243 10.95 9.40289 12 9.40289C13.05 9.40289 14.04 9.81243 14.78 10.5516C15.52 11.3008 15.93 12.2897 15.93 13.3285C15.92 14.4173 15.48 15.3962 14.77 16.1054Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularBoldCameraIcon.displayName = 'IconlyRegularBoldCameraIcon';
+
+export const IconlyRegularBoldCategoryIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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.91992 13.4697C9.32978 13.4697 10.4597 14.6105 10.46 16.0303V19.4395C10.46 20.8495 9.32992 22 7.91992 22H4.54004C3.14004 22 2 20.8495 2 19.4395V16.0303C2.00023 14.6105 3.14018 13.4697 4.54004 13.4697H7.91992ZM19.46 13.4697C20.8598 13.4697 21.9998 14.6105 22 16.0303V19.4395C22 20.8495 20.86 22 19.46 22H16.0801C14.6701 22 13.54 20.8494 13.54 19.4395V16.0303C13.5403 14.6105 14.6702 13.4697 16.0801 13.4697H19.46ZM7.91992 2C9.32977 2 10.4597 3.14975 10.46 4.56055V7.96973C10.46 9.38973 9.32992 10.5303 7.91992 10.5303H4.54004C3.14004 10.5303 2 9.38973 2 7.96973V4.56055C2.00024 3.14975 3.14019 2 4.54004 2H7.91992ZM19.46 2C20.8598 2 21.9998 3.14975 22 4.56055V7.96973C22 9.38973 20.86 10.5303 19.46 10.5303H16.0801C14.6701 10.5303 13.54 9.38972 13.54 7.96973V4.56055C13.5403 3.14976 14.6702 2.00001 16.0801 2H19.46Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularBoldCategoryIcon.displayName = 'IconlyRegularBoldCategoryIcon';
+
+export const IconlyRegularBoldChartIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.33049 2.00037H16.6695C20.0705 2.00037 21.9905 3.92937 22.0005 7.33037V16.6704C22.0005 20.0704 20.0705 22.0004 16.6695 22.0004H7.33049C3.92949 22.0004 2.00049 20.0704 2.00049 16.6704V7.33037C2.00049 3.92937 3.92949 2.00037 7.33049 2.00037ZM12.0495 17.8604C12.4805 17.8604 12.8395 17.5404 12.8795 17.1104V6.92037C12.9195 6.61037 12.7705 6.29937 12.5005 6.13037C12.2195 5.96037 11.8795 5.96037 11.6105 6.13037C11.3395 6.29937 11.1905 6.61037 11.2195 6.92037V17.1104C11.2705 17.5404 11.6295 17.8604 12.0495 17.8604ZM16.6505 17.8604C17.0705 17.8604 17.4295 17.5404 17.4805 17.1104V13.8304C17.5095 13.5094 17.3605 13.2104 17.0895 13.0404C16.8205 12.8704 16.4805 12.8704 16.2005 13.0404C15.9295 13.2104 15.7805 13.5094 15.8205 13.8304V17.1104C15.8605 17.5404 16.2195 17.8604 16.6505 17.8604ZM8.21949 17.1104C8.17949 17.5404 7.82049 17.8604 7.38949 17.8604C6.95949 17.8604 6.59949 17.5404 6.56049 17.1104V10.2004C6.53049 9.88937 6.67949 9.58037 6.95049 9.41037C7.21949 9.24037 7.56049 9.24037 7.83049 9.41037C8.09949 9.58037 8.25049 9.88937 8.21949 10.2004V17.1104Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularBoldChartIcon.displayName = 'IconlyRegularBoldChartIcon';
+
+export const IconlyRegularBoldChatIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path fillRule="evenodd" clipRule="evenodd" d="M2 12.015C2 6.74712 6.21 2 12.02 2C17.7 2 22 6.65699 22 11.985C22 18.1642 16.96 22 12 22C10.36 22 8.54 21.5593 7.08 20.698C6.57 20.3876 6.14 20.1572 5.59 20.3375L3.57 20.9384C3.06 21.0986 2.6 20.698 2.75 20.1572L3.42 17.9139C3.53 17.6034 3.51 17.2729 3.35 17.0125C2.49 15.4301 2 13.6975 2 12.015ZM10.7 12.015C10.7 12.7261 11.27 13.2969 11.98 13.307C12.69 13.307 13.26 12.7261 13.26 12.025C13.26 11.314 12.69 10.7431 11.98 10.7431C11.28 10.7331 10.7 11.314 10.7 12.015ZM15.31 12.025C15.31 12.7261 15.88 13.307 16.59 13.307C17.3 13.307 17.87 12.7261 17.87 12.025C17.87 11.314 17.3 10.7431 16.59 10.7431C15.88 10.7431 15.31 11.314 15.31 12.025ZM7.37 13.307C6.67 13.307 6.09 12.7261 6.09 12.025C6.09 11.314 6.66 10.7431 7.37 10.7431C8.08 10.7431 8.65 11.314 8.65 12.025C8.65 12.7261 8.08 13.2969 7.37 13.307Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularBoldChatIcon.displayName = 'IconlyRegularBoldChatIcon';
+
+export const IconlyRegularBoldCloseSquareIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.66976 1.99915H16.3398C19.7298 1.99915 21.9998 4.37915 21.9998 7.91915V16.0901C21.9998 19.6201 19.7298 21.9991 16.3398 21.9991H7.66976C4.27976 21.9991 1.99976 19.6201 1.99976 16.0901V7.91915C1.99976 4.37915 4.27976 1.99915 7.66976 1.99915ZM15.0098 14.9991C15.3498 14.6601 15.3498 14.1101 15.0098 13.7701L13.2298 11.9901L15.0098 10.2091C15.3498 9.87015 15.3498 9.31015 15.0098 8.97015C14.6698 8.62915 14.1198 8.62915 13.7698 8.97015L11.9998 10.7491L10.2198 8.97015C9.86976 8.62915 9.31976 8.62915 8.97976 8.97015C8.63976 9.31015 8.63976 9.87015 8.97976 10.2091L10.7598 11.9901L8.97976 13.7601C8.63976 14.1101 8.63976 14.6601 8.97976 14.9991C9.14976 15.1691 9.37976 15.2601 9.59976 15.2601C9.82976 15.2601 10.0498 15.1691 10.2198 14.9991L11.9998 13.2301L13.7798 14.9991C13.9498 15.1801 14.1698 15.2601 14.3898 15.2601C14.6198 15.2601 14.8398 15.1691 15.0098 14.9991Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularBoldCloseSquareIcon.displayName = 'IconlyRegularBoldCloseSquareIcon';
+
+export const IconlyRegularBoldDangerIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path fillRule="evenodd" clipRule="evenodd" d="M14.4773 4.44209L21.746 17.0572C21.906 17.4338 21.976 17.7399 21.996 18.058C22.036 18.8012 21.776 19.5236 21.2661 20.0795C20.7562 20.6334 20.0663 20.9604 19.3164 21H4.6789C4.36896 20.9812 4.05901 20.9108 3.76906 20.8018C2.3193 20.2172 1.61942 18.5723 2.20932 17.1464L9.52809 4.43317C9.77804 3.98628 10.158 3.60082 10.6279 3.35309C11.9877 2.59902 13.7174 3.09447 14.4773 4.44209ZM12.8675 12.7557C12.8675 13.2314 12.4776 13.6287 11.9977 13.6287C11.5178 13.6287 11.1178 13.2314 11.1178 12.7557V9.95248C11.1178 9.47585 11.5178 9.09039 11.9977 9.09039C12.4776 9.09039 12.8675 9.47585 12.8675 9.95248V12.7557ZM11.9977 17.0176C11.5178 17.0176 11.1178 16.6202 11.1178 16.1456C11.1178 15.669 11.5178 15.2726 11.9977 15.2726C12.4776 15.2726 12.8675 15.6601 12.8675 16.1347C12.8675 16.6202 12.4776 17.0176 11.9977 17.0176Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularBoldDangerIcon.displayName = 'IconlyRegularBoldDangerIcon';
+
+export const IconlyRegularBoldDeleteIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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="M18.9395 8.69727C19.1385 8.69738 19.3191 8.78402 19.4619 8.93066C19.5952 9.08766 19.663 9.28326 19.6436 9.48926C19.6429 9.56521 19.1099 16.2984 18.8057 19.1338C18.6151 20.8747 17.493 21.9319 15.8096 21.9609C14.5151 21.9899 13.2497 22 12.0039 22C10.6812 22 9.3874 21.9899 8.13184 21.9609C6.50488 21.9218 5.38206 20.8457 5.20117 19.1338C4.88816 16.2881 4.36472 9.56385 4.35449 9.48926C4.34477 9.28326 4.41071 9.08766 4.54492 8.93066C4.67715 8.78375 4.86811 8.69731 5.06836 8.69727H18.9395ZM14.0645 2C14.9485 2 15.7382 2.61708 15.9668 3.49707L16.1309 4.22656C16.2631 4.82145 16.778 5.24302 17.3711 5.24316H20.2871C20.676 5.24316 20.9998 5.56576 21 5.97656V6.35742C20.9997 6.75821 20.676 7.09082 20.2871 7.09082H3.71387C3.32402 7.09082 3.00025 6.75821 3 6.35742V5.97656C3.00021 5.56576 3.324 5.24316 3.71387 5.24316H6.62988C7.22203 5.24301 7.7369 4.82143 7.87012 4.22754L8.02344 3.5459C8.26078 2.61698 9.04181 2 9.93555 2H14.0645Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularBoldDeleteIcon.displayName = 'IconlyRegularBoldDeleteIcon';
+
+export const IconlyRegularBoldDiscountIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.3991 9.14599L21.1193 9.86599C21.6895 10.426 21.9996 11.186 21.9996 11.986C22.0096 12.786 21.6995 13.547 21.1393 14.116C21.1327 14.1233 21.126 14.1298 21.1193 14.1362C21.116 14.1394 21.1127 14.1427 21.1093 14.146L20.3991 14.856C20.119 15.136 19.9589 15.516 19.9589 15.917V16.946C19.9589 18.606 18.6084 19.957 16.9478 19.957H15.9174C15.5173 19.957 15.1372 20.116 14.8571 20.396L14.1368 21.116C13.5466 21.707 12.7763 21.996 12.006 21.996C11.2357 21.996 10.4655 21.707 9.87525 21.127L9.14498 20.396C8.86488 20.116 8.48474 19.957 8.0846 19.957H7.05423C5.39362 19.957 4.04313 18.606 4.04313 16.946V15.917C4.04313 15.516 3.88308 15.136 3.60297 14.846L2.88271 14.136C1.71229 12.967 1.70229 11.056 2.87271 9.87699L3.60297 9.14599C3.88308 8.86599 4.04313 8.48599 4.04313 8.07599V7.05599C4.04313 5.39599 5.39362 4.04699 7.05423 4.04699H8.0846C8.48474 4.04699 8.86488 3.88599 9.14498 3.60599L9.86524 2.88599C11.0357 1.70699 12.9464 1.70699 14.1268 2.87699L14.8571 3.60599C15.1372 3.88599 15.5173 4.04699 15.9174 4.04699H16.9478C18.6084 4.04699 19.9589 5.39599 19.9589 7.05599V8.08699C19.9589 8.48599 20.119 8.86599 20.3991 9.14599ZM9.42509 15.446C9.66517 15.446 9.88525 15.356 10.0453 15.186L15.1872 10.047C15.5273 9.70699 15.5273 9.14599 15.1872 8.80599C14.8471 8.46699 14.2969 8.46699 13.9567 8.80599L8.81486 13.946C8.47474 14.286 8.47474 14.846 8.81486 15.186C8.97492 15.356 9.195 15.446 9.42509 15.446ZM13.6966 14.566C13.6966 15.056 14.0868 15.446 14.577 15.446C15.0571 15.446 15.4473 15.056 15.4473 14.566C15.4473 14.087 15.0571 13.696 14.577 13.696C14.0868 13.696 13.6966 14.087 13.6966 14.566ZM9.43509 8.55599C9.91526 8.55599 10.3054 8.94599 10.3054 9.42599C10.3054 9.91699 9.91526 10.306 9.43509 10.306C8.95492 10.306 8.55477 9.91699 8.55477 9.42599C8.55477 8.94599 8.95492 8.55599 9.43509 8.55599Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularBoldDiscountIcon.displayName = 'IconlyRegularBoldDiscountIcon';
+
+export const IconlyRegularBoldDiscoveryIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path fillRule="evenodd" clipRule="evenodd" d="M2 12.0001C2 6.48012 6.47 2.00012 12 2.00012C17.52 2.00012 22 6.48012 22 12.0001C22 17.5301 17.52 22.0001 12 22.0001C6.47 22.0001 2 17.5301 2 12.0001ZM14.23 13.8301L15.85 8.71012C15.96 8.36012 15.64 8.03012 15.29 8.14012L10.17 9.74012C9.96 9.81012 9.79 9.97012 9.73 10.1801L8.13 15.3101C8.02 15.6501 8.35 15.9801 8.69 15.8701L13.79 14.2701C14 14.2101 14.17 14.0401 14.23 13.8301Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularBoldDiscoveryIcon.displayName = 'IconlyRegularBoldDiscoveryIcon';
+
+export const IconlyRegularBoldDocumentIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.81 2H16.191C19.28 2 21 3.78 21 6.83V17.16C21 20.26 19.28 22 16.191 22H7.81C4.77 22 3 20.26 3 17.16V6.83C3 3.78 4.77 2 7.81 2ZM8.08 6.66V6.65H11.069C11.5 6.65 11.85 7 11.85 7.429C11.85 7.87 11.5 8.22 11.069 8.22H8.08C7.649 8.22 7.3 7.87 7.3 7.44C7.3 7.01 7.649 6.66 8.08 6.66ZM8.08 12.74H15.92C16.35 12.74 16.7 12.39 16.7 11.96C16.7 11.53 16.35 11.179 15.92 11.179H8.08C7.649 11.179 7.3 11.53 7.3 11.96C7.3 12.39 7.649 12.74 8.08 12.74ZM8.08 17.31H15.92C16.319 17.27 16.62 16.929 16.62 16.53C16.62 16.12 16.319 15.78 15.92 15.74H8.08C7.78 15.71 7.49 15.85 7.33 16.11C7.17 16.36 7.17 16.69 7.33 16.95C7.49 17.2 7.78 17.35 8.08 17.31Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularBoldDocumentIcon.displayName = 'IconlyRegularBoldDocumentIcon';
+
+export const IconlyRegularBoldDownloadIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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.2301 7.29052V3.2815C11.2301 2.85523 11.5701 2.5 12.0001 2.5C12.3851 2.5 12.7113 2.79849 12.763 3.17658L12.7701 3.2815V7.29052L17.55 7.29083C19.93 7.29083 21.8853 9.23978 21.9951 11.6704L22 11.8861V16.9254C22 19.373 20.1127 21.3822 17.768 21.495L17.56 21.5H6.44C4.06 21.5 2.11409 19.5608 2.00484 17.1213L2 16.9047L2 11.8758C2 9.4281 3.87791 7.40921 6.22199 7.29585L6.43 7.29083H11.23V13.6932L9.63 12.041C9.33 11.7312 8.84 11.7312 8.54 12.041C8.39 12.1959 8.32 12.4024 8.32 12.6089C8.32 12.7659 8.3648 12.9295 8.45952 13.0679L8.54 13.1666L11.45 16.1819C11.59 16.3368 11.79 16.4194 12 16.4194C12.1667 16.4194 12.3333 16.362 12.4653 16.2533L12.54 16.1819L15.45 13.1666C15.75 12.8568 15.75 12.3508 15.45 12.041C15.1773 11.7594 14.7475 11.7338 14.4462 11.9642L14.36 12.041L12.77 13.6932V7.29083L11.2301 7.29052Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularBoldDownloadIcon.displayName = 'IconlyRegularBoldDownloadIcon';
+
+export const IconlyRegularBoldEditSquareIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.6653 2.01034C18.1038 1.92043 19.5224 2.41991 20.5913 3.3989C21.5703 4.46779 22.0697 5.88633 21.9898 7.33483V16.6652C22.0797 18.1137 21.5703 19.5322 20.6013 20.6011C19.5323 21.5801 18.1038 22.0796 16.6653 21.9897H7.33487C5.88636 22.0796 4.46781 21.5801 3.39891 20.6011C2.41991 19.5322 1.92043 18.1137 2.01034 16.6652V7.33483C1.92043 5.88633 2.41991 4.46779 3.39891 3.3989C4.46781 2.41991 5.88636 1.92043 7.33487 2.01034H16.6653ZM10.9811 16.845L17.7042 10.102C18.3136 9.4826 18.3136 8.48364 17.7042 7.87427L16.4056 6.57561C15.7862 5.95625 14.7872 5.95625 14.1679 6.57561L13.4985 7.25491C13.3986 7.35481 13.3986 7.52463 13.4985 7.62453C13.4985 7.62453 15.0869 9.20289 15.1169 9.24285C15.2268 9.36273 15.2967 9.52256 15.2967 9.70238C15.2967 10.062 15.007 10.3617 14.6374 10.3617C14.4675 10.3617 14.3077 10.2918 14.1978 10.1819L12.5295 8.5236C12.4496 8.44368 12.3098 8.44368 12.2298 8.5236L7.46474 13.2887C7.13507 13.6183 6.94527 14.0579 6.93528 14.5274L6.87534 16.8949C6.87534 17.0248 6.9153 17.1447 7.00521 17.2346C7.09512 17.3245 7.21499 17.3744 7.34486 17.3744H9.69245C10.172 17.3744 10.6315 17.1846 10.9811 16.845Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularBoldEditSquareIcon.displayName = 'IconlyRegularBoldEditSquareIcon';
+
+export const IconlyRegularBoldEditIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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.9903 18.953C20.5472 18.9533 21 19.4123 21 19.9765C21 20.5418 20.5472 20.9997 19.9903 20.9999H14.2793C13.7224 20.9997 13.2696 20.5418 13.2696 19.9765C13.2696 19.4123 13.7224 18.9533 14.2793 18.953H19.9903ZM12.2413 3.95696C13.1538 2.78523 14.7463 2.67792 16.0303 3.69914L17.5049 4.87102C18.1097 5.34399 18.5135 5.9673 18.6514 6.62297C18.8105 7.34407 18.6404 8.05236 18.1631 8.66496L9.37602 20.0282C8.97278 20.5439 8.37873 20.8339 7.74223 20.8447L4.24027 20.8876C4.04934 20.8875 3.89013 20.7588 3.8477 20.5761L3.0518 17.1249C2.91402 16.4908 3.05198 15.8351 3.45512 15.33L9.68461 7.2675C9.79072 7.13901 9.98125 7.11849 10.1084 7.21379L12.7295 9.29973C12.8993 9.43947 13.1329 9.51459 13.377 9.48235C13.897 9.41785 14.2474 8.94461 14.1944 8.43938C14.1625 8.18156 14.0349 7.96677 13.8653 7.80559C13.8122 7.76259 11.3184 5.76262 11.3184 5.76262C11.1593 5.6336 11.1276 5.39736 11.2549 5.23723L12.2413 3.95696Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularBoldEditIcon.displayName = 'IconlyRegularBoldEditIcon';
+
+export const IconlyRegularBoldFilter2Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path d="M14.1348 15.8389C14.4374 15.84 14.6826 16.0936 14.6826 16.4043V19.1357C14.6825 19.4473 14.5052 19.7289 14.2295 19.8594L9.82227 21.9287C9.71954 21.9763 9.61083 21.9999 9.50195 22C9.35695 22 9.2115 21.9576 9.08496 21.874C8.8636 21.7277 8.72949 21.4746 8.72949 21.2041V16.3896C8.72949 16.0768 8.97654 15.8232 9.28027 15.8242L14.1348 15.8389ZM19.8721 2C21.0478 2.00014 22 2.98127 22 4.19238V5.72363C22 6.3112 21.77 6.8756 21.3623 7.28711L14.8574 13.8672C14.7452 13.9816 14.593 14.045 14.4355 14.0439L8.98926 14.0273C8.82357 14.0273 8.66598 13.956 8.55273 13.832L2.57422 7.25781C2.20462 6.85163 2.00003 6.31458 2 5.75781V4.19336C2 2.98225 2.95224 2.00014 4.12793 2H19.8721Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularBoldFilter2Icon.displayName = 'IconlyRegularBoldFilter2Icon';
+
+export const IconlyRegularBoldFilterIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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="M18.5615 14.0195C20.4613 14.0197 22 15.5329 22 17.3994C21.9999 19.2648 20.4613 20.7771 18.5615 20.7773C16.6627 20.7773 15.1222 19.2649 15.1221 17.3994C15.1221 15.5327 16.6626 14.0195 18.5615 14.0195ZM10.083 15.958C10.9152 15.958 11.5908 16.6218 11.5908 17.4395C11.5907 18.2559 10.9152 18.9209 10.083 18.9209H3.50781C2.67565 18.9209 2.0001 18.2559 2 17.4395C2 16.6218 2.67559 15.958 3.50781 15.958H10.083ZM5.43848 3C7.33847 3 8.87793 4.51333 8.87793 6.37891C8.87774 8.24542 7.33835 9.75781 5.43848 9.75781C3.5399 9.7576 2.00019 8.24529 2 6.37891C2 4.51346 3.53978 3.00021 5.43848 3ZM20.4932 4.89844C21.3243 4.89844 22 5.56238 22 6.37891C21.9998 7.19637 21.3242 7.86035 20.4932 7.86035H13.918C13.0859 7.86035 12.4103 7.19637 12.4102 6.37891C12.4102 5.56238 13.0858 4.89844 13.918 4.89844H20.4932Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularBoldFilterIcon.displayName = 'IconlyRegularBoldFilterIcon';
+
+export const IconlyRegularBoldFolderIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.45 4.88017H16.52C20.21 4.88017 22.01 6.85017 22 10.8902V15.7602C22 19.6202 19.62 22.0002 15.75 22.0002H8.24C4.39 22.0002 2 19.6202 2 15.7502V8.24017C2 4.10017 3.84 2.00017 7.47 2.00017H9.05C9.981 1.99017 10.85 2.42017 11.42 3.15017L12.3 4.32017C12.58 4.67017 13 4.88017 13.45 4.88017ZM7.37 15.2902H16.63C17.04 15.2902 17.37 14.9502 17.37 14.5402C17.37 14.1202 17.04 13.7902 16.63 13.7902H7.37C6.95 13.7902 6.62 14.1202 6.62 14.5402C6.62 14.9502 6.95 15.2902 7.37 15.2902Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularBoldFolderIcon.displayName = 'IconlyRegularBoldFolderIcon';
+
+export const IconlyRegularBoldGameIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.164 6.08252C15.4791 6.08684 15.7949 6.09117 16.1119 6.09441C19.5172 6.09441 22 8.52216 22 11.8748V16.1811C22 19.5337 19.5172 21.9615 16.1119 21.9615C14.7478 21.9904 13.3837 22 12.0098 22C10.6359 22 9.25221 21.9904 7.88813 21.9615C4.48283 21.9615 2 19.5337 2 16.1811V11.8748C2 8.52216 4.48283 6.09441 7.89794 6.09441C9.18351 6.07514 10.4985 6.05588 11.8332 6.05588V5.8921C11.8332 5.22736 11.2738 4.68786 10.6065 4.68786H9.63494C8.52601 4.68786 7.62316 3.80154 7.62316 2.72254C7.62316 2.32755 7.95682 2 8.35918 2C8.77134 2 9.09519 2.32755 9.09519 2.72254C9.09519 3.01156 9.34053 3.24277 9.63494 3.24277H10.6065C12.0883 3.25241 13.2954 4.43738 13.3052 5.88247V6.06551C13.9239 6.06551 14.5425 6.074 15.164 6.08252ZM10.8518 14.7457H9.82139V15.7669C9.82139 16.1618 9.48773 16.4894 9.08538 16.4894C8.67321 16.4894 8.34936 16.1618 8.34936 15.7669V14.7457H7.30913C6.90677 14.7457 6.57311 14.4277 6.57311 14.0231C6.57311 13.6281 6.90677 13.3006 7.30913 13.3006H8.34936V12.289C8.34936 11.894 8.67321 11.5665 9.08538 11.5665C9.48773 11.5665 9.82139 11.894 9.82139 12.289V13.3006H10.8518C11.2542 13.3006 11.5878 13.6281 11.5878 14.0231C11.5878 14.4277 11.2542 14.7457 10.8518 14.7457ZM15.0226 13.1175H15.1207C15.5231 13.1175 15.8567 12.7996 15.8567 12.395C15.8567 12 15.5231 11.6724 15.1207 11.6724H15.0226C14.6104 11.6724 14.2866 12 14.2866 12.395C14.2866 12.7996 14.6104 13.1175 15.0226 13.1175ZM16.7007 16.4316H16.7988C17.2012 16.4316 17.5348 16.1137 17.5348 15.7091C17.5348 15.3141 17.2012 14.9865 16.7988 14.9865H16.7007C16.2875 14.9865 15.9647 15.3141 15.9647 15.7091C15.9647 16.1137 16.2875 16.4316 16.7007 16.4316Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularBoldGameIcon.displayName = 'IconlyRegularBoldGameIcon';
+
+export const IconlyRegularBoldGraphIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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.95613 4.95979C9.44622 4.86806 9.93757 5.11228 10.1514 5.55451C10.257 5.71374 10.2845 5.90878 10.297 6.09944C10.4273 8.09738 10.5648 10.065 10.6944 12.0321C10.6914 12.2462 10.726 12.4597 10.795 12.6629C10.9576 13.0627 11.3618 13.3167 11.7999 13.2938L18.4298 12.8846H18.5011C18.7869 12.8893 19.0592 13.0053 19.2579 13.2069C19.4566 13.4085 19.5655 13.6794 19.5606 13.9598C19.2983 17.7819 16.4961 20.975 12.6827 21.7977C8.86932 22.6204 4.96035 20.875 3.08797 17.5135C2.53751 16.5455 2.18941 15.4794 2.06453 14.3778C2.01612 14.0514 1.99484 13.7212 2.00105 13.3914C2.01367 9.32724 4.90739 5.81939 8.95613 4.95979ZM12.9132 2.0008C17.484 2.13763 21.3048 5.45562 21.9971 9.89045C22.0015 9.91692 22.0015 9.94407 21.9971 9.97053C22.012 10.1803 21.9409 10.3874 21.7999 10.5457C21.6588 10.7041 21.4591 10.8006 21.2452 10.8143L13.5655 11.3211C13.3116 11.3436 13.06 11.2597 12.8721 11.0906C12.6843 10.9215 12.5772 10.6826 12.5782 10.4324L12.0626 2.88948V2.76448C12.072 2.55255 12.1668 2.35305 12.3262 2.20979C12.4858 2.06655 12.6971 1.99129 12.9132 2.0008Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularBoldGraphIcon.displayName = 'IconlyRegularBoldGraphIcon';
+
+export const IconlyRegularBoldHeartIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.8498 2.50065C16.4808 2.50065 17.1108 2.58965 17.7098 2.79065C21.4008 3.99065 22.7308 8.04065 21.6198 11.5806C20.9898 13.3896 19.9598 15.0406 18.6108 16.3896C16.6798 18.2596 14.5608 19.9196 12.2798 21.3496L12.0298 21.5006L11.7698 21.3396C9.48077 19.9196 7.34977 18.2596 5.40077 16.3796C4.06077 15.0306 3.02977 13.3896 2.38977 11.5806C1.25977 8.04065 2.58977 3.99065 6.32077 2.76965C6.61077 2.66965 6.90977 2.59965 7.20977 2.56065H7.32977C7.61077 2.51965 7.88977 2.50065 8.16977 2.50065H8.27977C8.90977 2.51965 9.51977 2.62965 10.1108 2.83065H10.1698C10.2098 2.84965 10.2398 2.87065 10.2598 2.88965C10.4808 2.96065 10.6898 3.04065 10.8898 3.15065L11.2698 3.32065C11.3616 3.36962 11.4647 3.44445 11.5537 3.50912C11.6102 3.55009 11.661 3.58699 11.6998 3.61065C11.7161 3.62028 11.7327 3.62996 11.7494 3.63972C11.8351 3.68977 11.9245 3.74191 11.9998 3.79965C13.1108 2.95065 14.4598 2.49065 15.8498 2.50065ZM18.5098 9.70065C18.9198 9.68965 19.2698 9.36065 19.2998 8.93965V8.82065C19.3298 7.41965 18.4808 6.15065 17.1898 5.66065C16.7798 5.51965 16.3298 5.74065 16.1798 6.16065C16.0398 6.58065 16.2598 7.04065 16.6798 7.18965C17.3208 7.42965 17.7498 8.06065 17.7498 8.75965V8.79065C17.7308 9.01965 17.7998 9.24065 17.9398 9.41065C18.0798 9.58065 18.2898 9.67965 18.5098 9.70065Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularBoldHeartIcon.displayName = 'IconlyRegularBoldHeartIcon';
+
+export const IconlyRegularBoldHideIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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.1699 3.71389C19.4626 3.42838 19.9221 3.42838 20.205 3.71389C20.4976 3.99935 20.4975 4.47234 20.205 4.75783L18.4287 6.54982C19.8434 7.8493 21.0437 9.60136 21.9413 11.708C22.0194 11.895 22.0194 12.1119 21.9413 12.2891C19.8533 17.1918 16.136 20.1258 11.999 20.126H11.9892C10.106 20.126 8.30036 19.5053 6.7099 18.3731L4.81732 20.2832C4.67096 20.4309 4.48514 20.5 4.29975 20.5C4.11445 20.4999 3.91967 20.4308 3.78314 20.2832C3.53927 20.0372 3.50027 19.6439 3.69525 19.3584L3.72455 19.3184L18.1552 4.75783C18.1747 4.73814 18.1943 4.71795 18.204 4.69826C18.2235 4.67864 18.2431 4.65928 18.2529 4.63967L19.1699 3.71389ZM12.0009 3.88576C13.3962 3.88576 14.7529 4.22052 16.0019 4.85061L12.7431 8.13869C12.5089 8.09931 12.2546 8.06936 12.0009 8.06936C9.84469 8.06954 8.09857 9.83218 8.09857 12.0078C8.0986 12.2637 8.12792 12.5197 8.16693 12.7559L4.55658 16.3985C3.58084 15.2564 2.73179 13.878 2.05854 12.293C1.98049 12.1158 1.98048 11.899 2.05854 11.7119C4.14658 6.80937 7.86399 3.88593 11.9912 3.88576H12.0009ZM14.1552 10.8613C14.3308 11.1961 14.4287 11.5904 14.4287 12.0039C14.4285 13.3525 13.3355 14.4549 11.999 14.4551C11.5893 14.4551 11.1988 14.3568 10.8671 14.1797L9.80365 15.2529C10.428 15.6761 11.1893 15.9317 11.999 15.9317C14.1454 15.9315 15.8914 14.1696 15.8915 12.0039C15.8915 11.1868 15.6383 10.4182 15.2187 9.78811L14.1552 10.8613Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularBoldHideIcon.displayName = 'IconlyRegularBoldHideIcon';
+
+export const IconlyRegularBoldHomeIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path d="M9.13478 20.7733V17.7156C9.13478 16.9351 9.77217 16.3023 10.5584 16.3023H13.4326C13.8102 16.3023 14.1723 16.4512 14.4393 16.7163C14.7063 16.9813 14.8563 17.3408 14.8563 17.7156V20.7733C14.8539 21.0978 14.9821 21.4099 15.2124 21.6402C15.4427 21.8705 15.756 22 16.0829 22H18.0438C18.9596 22.0024 19.8388 21.6428 20.4872 21.0008C21.1356 20.3588 21.5 19.487 21.5 18.5778V9.86686C21.5 9.13246 21.1721 8.43584 20.6046 7.96467L13.934 2.67587C12.7737 1.74856 11.1111 1.7785 9.98539 2.74698L3.46701 7.96467C2.87274 8.42195 2.51755 9.12064 2.5 9.86686V18.5689C2.5 20.4639 4.04738 22 5.95617 22H7.87229C8.55123 22 9.103 21.4562 9.10792 20.7822L9.13478 20.7733Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularBoldHomeIcon.displayName = 'IconlyRegularBoldHomeIcon';
+
+export const IconlyRegularBoldImage2Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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.3529 2.00043C19.7298 2.00043 21.9993 4.36229 21.9994 7.88812V16.102C21.9994 16.253 21.9722 16.3886 21.9642 16.5346C21.9592 16.6195 21.9605 16.7046 21.9535 16.7895C21.9495 16.8275 21.938 16.8628 21.934 16.9008C21.901 17.2145 21.8506 17.5144 21.7797 17.8051C21.7617 17.8831 21.7401 17.9586 21.7191 18.0346C21.6391 18.3165 21.545 18.5853 21.432 18.8422C21.399 18.9141 21.3634 18.9832 21.3295 19.0541C21.2075 19.2991 21.0752 19.5344 20.9222 19.7524C20.8752 19.8194 20.8238 19.8798 20.7748 19.9448C20.6158 20.1508 20.4491 20.3478 20.2611 20.5268C20.2002 20.5847 20.1316 20.635 20.0677 20.6899C19.8748 20.8559 19.6773 21.0148 19.4603 21.1508C19.3824 21.1997 19.2961 21.2358 19.2162 21.2797C18.9953 21.4016 18.7725 21.5208 18.5297 21.6127C18.4297 21.6507 18.3182 21.6706 18.2142 21.7036C17.9754 21.7775 17.7396 21.8549 17.4828 21.8989C17.2888 21.9329 17.0774 21.9366 16.8734 21.9536C16.6994 21.9666 16.5339 22.0004 16.3529 22.0004H7.63708C7.2612 22.0004 6.90196 21.9627 6.55505 21.9057C6.54216 21.9037 6.52986 21.9018 6.51794 21.8998C5.16516 21.6668 4.04217 21.0136 3.25525 20.0287C3.2464 20.0286 3.24659 20.0182 3.23767 20.0092C2.44667 19.0132 1.99939 17.674 1.99939 16.102V7.88812C1.99952 4.3624 4.27035 2.00057 7.63708 2.00043H16.3529ZM7.63708 3.39496C5.06035 3.3951 3.396 5.1624 3.39587 7.88812V16.102C3.39587 16.8669 3.5377 17.5501 3.78064 18.1411C3.82143 18.0921 5.7293 15.7659 5.7572 15.7348C6.44919 14.9448 7.74853 13.766 9.45349 14.4789C9.86334 14.6489 10.2232 14.8881 10.5531 15.0981C11.1261 15.4811 11.4638 15.6613 11.8138 15.6313C11.9585 15.6113 12.0943 15.5685 12.223 15.4887C12.781 15.1447 14.3585 12.8442 14.4535 12.7192C15.5435 11.2994 17.2235 10.9193 18.6234 11.7592C18.8114 11.8712 20.1589 12.8129 20.6049 13.1909V7.88812C20.6047 5.1623 18.9388 3.39496 16.3529 3.39496H7.63708ZM8.47888 6.00043C9.17647 6.00049 9.80863 6.29316 10.2611 6.76117C10.7155 7.21281 11.0004 7.83571 11.0004 8.51508C11.0003 9.86985 9.86647 11.0002 8.50525 11.0004C7.30854 11.0004 6.28764 10.1256 6.05896 8.99359C6.02118 8.82377 6.00037 8.64863 6.00037 8.4682C6.00062 7.10381 7.10888 6.00043 8.47888 6.00043Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularBoldImage2Icon.displayName = 'IconlyRegularBoldImage2Icon';
+
+export const IconlyRegularBoldImageIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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.334 2C19.7232 2.00008 22 4.37844 22 7.91699V16.083C22 19.6215 19.7232 21.9999 16.333 22H7.66602C4.27682 21.9999 2 19.6216 2 16.083V7.91699C2 4.37844 4.27682 2.00008 7.66602 2H16.334ZM17.4365 12.5498C16.3647 11.8813 15.5367 12.8208 15.3135 13.1211C15.0984 13.411 14.9137 13.731 14.7188 14.0508C14.2422 14.8401 13.6959 15.7499 12.751 16.2793C11.3774 17.0398 10.3341 16.3399 9.58398 15.8301C9.30257 15.6403 9.02921 15.4605 8.75684 15.3408C8.08511 15.0508 7.47998 15.3812 6.58301 16.5205C6.11257 17.1157 5.64627 17.7059 5.17383 18.2939C4.89126 18.6459 4.95873 19.1885 5.33984 19.4238C5.94812 19.7984 6.68985 19.9999 7.52832 20H15.9561C16.4317 20 16.9088 19.9347 17.3633 19.7861C18.3869 19.4517 19.1997 18.6861 19.624 17.6748C19.9819 16.8245 20.1561 15.7921 19.8213 14.9336C19.7097 14.6488 19.5419 14.3836 19.3076 14.1504C18.6933 13.5406 18.1192 12.9708 17.4365 12.5498ZM8.49902 6C7.12038 6 6 7.12173 6 8.5C6 9.87827 7.12038 11 8.49902 11C9.87659 10.9999 10.998 9.87821 10.998 8.5C10.998 7.12179 9.87659 6.00009 8.49902 6Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularBoldImageIcon.displayName = 'IconlyRegularBoldImageIcon';
+
+export const IconlyRegularBoldInfoCircleIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path fillRule="evenodd" clipRule="evenodd" d="M2.00012 11.9993C2.00012 6.48027 6.48012 1.99927 12.0001 1.99927C17.5301 1.99927 22.0001 6.48027 22.0001 11.9993C22.0001 17.5203 17.5301 21.9993 12.0001 21.9993C6.48012 21.9993 2.00012 17.5203 2.00012 11.9993ZM11.1201 8.20927C11.1201 7.73027 11.5201 7.32927 12.0001 7.32927C12.4801 7.32927 12.8701 7.73027 12.8701 8.20927V12.6293C12.8701 13.1103 12.4801 13.4993 12.0001 13.4993C11.5201 13.4993 11.1201 13.1103 11.1201 12.6293V8.20927ZM12.0101 16.6803C11.5201 16.6803 11.1301 16.2803 11.1301 15.8003C11.1301 15.3203 11.5201 14.9303 12.0001 14.9303C12.4901 14.9303 12.8801 15.3203 12.8801 15.8003C12.8801 16.2803 12.4901 16.6803 12.0101 16.6803Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularBoldInfoCircleIcon.displayName = 'IconlyRegularBoldInfoCircleIcon';
+
+export const IconlyRegularBoldInfoSquareIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.66988 1.99915H16.3399C19.7299 1.99915 21.9999 4.37915 21.9999 7.91915V16.0901C21.9999 19.6201 19.7299 21.9991 16.3399 21.9991H7.66988C4.27988 21.9991 1.99988 19.6201 1.99988 16.0901V7.91915C1.99988 4.37915 4.27988 1.99915 7.66988 1.99915ZM11.9899 9.06015C11.5199 9.06015 11.1299 8.66915 11.1299 8.19015C11.1299 7.70015 11.5199 7.31015 12.0099 7.31015C12.4899 7.31015 12.8799 7.70015 12.8799 8.19015C12.8799 8.66915 12.4899 9.06015 11.9899 9.06015ZM12.8699 15.7801C12.8699 16.2601 12.4799 16.6501 11.9899 16.6501C11.5099 16.6501 11.1199 16.2601 11.1199 15.7801V11.3601C11.1199 10.8791 11.5099 10.4801 11.9899 10.4801C12.4799 10.4801 12.8699 10.8791 12.8699 11.3601V15.7801Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularBoldInfoSquareIcon.displayName = 'IconlyRegularBoldInfoSquareIcon';
+
+export const IconlyRegularBoldLocationIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path fillRule="evenodd" clipRule="evenodd" d="M3.5 10.3178C3.5 5.71789 7.34388 2 11.9934 2C16.6561 2 20.5 5.71789 20.5 10.3178C20.5 12.6357 19.657 14.7876 18.2695 16.6116C16.7388 18.6235 14.8522 20.3765 12.7285 21.7524C12.2425 22.0704 11.8039 22.0944 11.2704 21.7524C9.13474 20.3765 7.24809 18.6235 5.7305 16.6116C4.34198 14.7876 3.5 12.6357 3.5 10.3178ZM9.19423 10.5768C9.19423 12.1177 10.4517 13.3297 11.9934 13.3297C13.5362 13.3297 14.8058 12.1177 14.8058 10.5768C14.8058 9.0478 13.5362 7.77683 11.9934 7.77683C10.4517 7.77683 9.19423 9.0478 9.19423 10.5768Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularBoldLocationIcon.displayName = 'IconlyRegularBoldLocationIcon';
+
+export const IconlyRegularBoldLockIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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.9844 2C15.0531 2 17.5225 4.41527 17.5225 7.39648V8.92969C19.2448 9.4673 20.5 11.0264 20.5 12.8887V17.8252C20.5 20.1306 18.5888 21.9999 16.2324 22H7.76855C5.41122 21.9999 3.5 20.1306 3.5 17.8252V12.8887C3.5 11.0264 4.7562 9.4673 6.47754 8.92969V7.39648C6.4877 4.41539 8.95646 2.0002 11.9844 2ZM11.9951 13.3848C11.5074 13.3848 11.1113 13.772 11.1113 14.249V16.4551C11.1114 16.9419 11.5074 17.3291 11.9951 17.3291C12.4929 17.329 12.8886 16.9419 12.8887 16.4551V14.249C12.8887 13.7721 12.4929 13.3849 11.9951 13.3848ZM12.0049 3.73926C9.94227 3.73936 8.26611 5.36876 8.25586 7.37598V8.71387H15.7441V7.39648C15.7441 5.37919 14.0676 3.73926 12.0049 3.73926Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularBoldLockIcon.displayName = 'IconlyRegularBoldLockIcon';
+
+export const IconlyRegularBoldLoginIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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.9258 2C19.4453 2.00021 21.5 4.00056 21.5 6.44043V17.5596C21.5 20.0096 19.4446 22 16.9043 22H11.876C9.35643 22 7.29119 20.0102 7.29102 17.5703V12.7695H13.6934L12.041 14.3701C11.7313 14.6701 11.7312 15.16 12.041 15.46C12.1959 15.61 12.4028 15.6797 12.6094 15.6797C12.8054 15.6796 13.0122 15.6098 13.167 15.46L16.1816 12.5498C16.3365 12.4098 16.4189 12.21 16.4189 12C16.4189 11.8 16.3365 11.6 16.1816 11.46L13.167 8.5498C12.8572 8.24984 12.3508 8.24991 12.041 8.5498C11.7313 8.84975 11.7314 9.33963 12.041 9.63965L13.6934 11.2305H7.29102V6.4502C7.29102 4.00031 9.35592 2.00018 11.8857 2H16.9258ZM7.29004 11.2295V12.7695H3.28125C2.85512 12.7694 2.50005 12.4299 2.5 12C2.5 11.5801 2.85509 11.2296 3.28125 11.2295H7.29004Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularBoldLoginIcon.displayName = 'IconlyRegularBoldLoginIcon';
+
+export const IconlyRegularBoldLogoutIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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.4932 2C13.9755 2.00023 16 3.99057 16 6.44043V11.2305H9.89551C9.45801 11.2305 9.1123 11.57 9.1123 12C9.1123 12.42 9.45801 12.7695 9.89551 12.7695H16V17.5498C16 19.9997 13.9754 21.9999 11.4727 22H6.51758C4.02485 22 2 20.0096 2 17.5596V6.4502C2 3.99028 4.03474 2.00015 6.52734 2H11.4932ZM18.54 8.5498C18.84 8.24001 19.3299 8.24032 19.6299 8.54004L22.5498 11.4502C22.6998 11.6001 22.7802 11.7901 22.7803 12C22.7803 12.2 22.6998 12.4 22.5498 12.54L19.6299 15.4502C19.4799 15.6001 19.2798 15.6807 19.0898 15.6807C18.89 15.6806 18.69 15.6001 18.54 15.4502C18.2402 15.1502 18.2402 14.6603 18.54 14.3604L20.1406 12.7705H16V11.2305H20.1406L18.54 9.64062C18.24 9.34062 18.24 8.8498 18.54 8.5498Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularBoldLogoutIcon.displayName = 'IconlyRegularBoldLogoutIcon';
+
+export const IconlyRegularBoldMessageIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.9395 3C18.2805 3 19.5705 3.53 20.5195 4.481C21.4695 5.43 22.0005 6.71 22.0005 8.05V15.95C22.0005 18.74 19.7305 21 16.9395 21H7.06049C4.26949 21 2.00049 18.74 2.00049 15.95V8.05C2.00049 5.26 4.25949 3 7.06049 3H16.9395ZM18.5305 9.54L18.6105 9.46C18.8495 9.17 18.8495 8.75 18.5995 8.46C18.4605 8.311 18.2695 8.22 18.0705 8.2C17.8605 8.189 17.6605 8.26 17.5095 8.4L13.0005 12C12.4205 12.481 11.5895 12.481 11.0005 12L6.50049 8.4C6.18949 8.17 5.75949 8.2 5.50049 8.47C5.23049 8.74 5.20049 9.17 5.42949 9.47L5.56049 9.6L10.1105 13.15C10.6705 13.59 11.3495 13.83 12.0605 13.83C12.7695 13.83 13.4605 13.59 14.0195 13.15L18.5305 9.54Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularBoldMessageIcon.displayName = 'IconlyRegularBoldMessageIcon';
+
+export const IconlyRegularBoldMoreCircleIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path fillRule="evenodd" clipRule="evenodd" d="M2.00012 11.9999C2.00012 6.47988 6.47012 1.99988 12.0001 1.99988C17.5201 1.99988 22.0001 6.47988 22.0001 11.9999C22.0001 17.5199 17.5201 21.9999 12.0001 21.9999C6.47012 21.9999 2.00012 17.5199 2.00012 11.9999ZM7.52012 13.1999C6.86012 13.1999 6.32012 12.6599 6.32012 11.9999C6.32012 11.3399 6.86012 10.8009 7.52012 10.8009C8.18012 10.8009 8.71012 11.3399 8.71012 11.9999C8.71012 12.6599 8.18012 13.1999 7.52012 13.1999ZM10.8001 11.9999C10.8001 12.6599 11.3401 13.1999 12.0001 13.1999C12.6601 13.1999 13.1901 12.6599 13.1901 11.9999C13.1901 11.3399 12.6601 10.8009 12.0001 10.8009C11.3401 10.8009 10.8001 11.3399 10.8001 11.9999ZM15.2801 11.9999C15.2801 12.6599 15.8101 13.1999 16.4801 13.1999C17.1401 13.1999 17.6701 12.6599 17.6701 11.9999C17.6701 11.3399 17.1401 10.8009 16.4801 10.8009C15.8101 10.8009 15.2801 11.3399 15.2801 11.9999Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularBoldMoreCircleIcon.displayName = 'IconlyRegularBoldMoreCircleIcon';
+
+export const IconlyRegularBoldMoreSquareIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.67024 1.99988H16.3402C19.7302 1.99988 22.0002 4.37988 22.0002 7.91988V16.0899C22.0002 19.6199 19.7302 21.9999 16.3402 21.9999H7.67024C4.28024 21.9999 2.00024 19.6199 2.00024 16.0899V7.91988C2.00024 4.37988 4.28024 1.99988 7.67024 1.99988ZM7.52024 13.1999C6.86024 13.1999 6.32024 12.6599 6.32024 11.9999C6.32024 11.3399 6.86024 10.8009 7.52024 10.8009C8.18024 10.8009 8.72024 11.3399 8.72024 11.9999C8.72024 12.6599 8.18024 13.1999 7.52024 13.1999ZM10.8002 11.9999C10.8002 12.6599 11.3402 13.1999 12.0002 13.1999C12.6602 13.1999 13.2002 12.6599 13.2002 11.9999C13.2002 11.3399 12.6602 10.8009 12.0002 10.8009C11.3402 10.8009 10.8002 11.3399 10.8002 11.9999ZM15.2802 11.9999C15.2802 12.6599 15.8202 13.1999 16.4802 13.1999C17.1402 13.1999 17.6702 12.6599 17.6702 11.9999C17.6702 11.3399 17.1402 10.8009 16.4802 10.8009C15.8202 10.8009 15.2802 11.3399 15.2802 11.9999Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularBoldMoreSquareIcon.displayName = 'IconlyRegularBoldMoreSquareIcon';
+
+export const IconlyRegularBoldNotificationIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path d="M9.96289 19.2275C10.4627 19.1218 13.5075 19.1219 14.0088 19.2275C14.4361 19.3262 14.8983 19.5572 14.8984 20.0605C14.8736 20.54 14.5927 20.9654 14.2041 21.2354C13.7002 21.6281 13.1084 21.8772 12.4902 21.9668C12.1485 22.0111 11.8123 22.0121 11.4824 21.9668C10.8634 21.8771 10.2723 21.628 9.76953 21.2344C9.37994 20.9655 9.09809 20.54 9.07324 20.0605C9.07342 19.5572 9.53567 19.3262 9.96289 19.2275ZM12.0449 2C14.1251 2 16.2505 2.98735 17.5127 4.625C18.3314 5.67935 18.707 6.73275 18.707 8.37012V8.7959C18.707 10.0518 19.0391 10.7925 19.7695 11.6455C20.3231 12.274 20.5 13.0808 20.5 13.9561C20.5 14.8302 20.213 15.6602 19.6377 16.334C18.8844 17.1417 17.8216 17.6574 16.7373 17.7471C15.1662 17.881 13.594 17.9941 12.001 17.9941C10.4068 17.9941 8.83497 17.9263 7.26367 17.7471C6.1784 17.6574 5.11562 17.1417 4.36328 16.334C3.78793 15.6602 3.50001 14.8302 3.5 13.9561C3.5 13.0808 3.67788 12.274 4.23047 11.6455C4.98379 10.7925 5.29395 10.0518 5.29395 8.7959V8.37012C5.29398 6.68826 5.71351 5.58834 6.57715 4.51172C7.86123 2.94165 9.9197 2 11.9561 2H12.0449Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularBoldNotificationIcon.displayName = 'IconlyRegularBoldNotificationIcon';
+
+export const IconlyRegularBoldPaperDownloadIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path d="M13.2529 2C13.5002 2.00026 13.708 2.21013 13.708 2.45996V5.67969C13.708 7.50962 15.193 9.00942 17.0146 9.01953C17.7571 9.01953 18.3611 9.03027 18.8066 9.03027C19.1136 9.03027 19.6192 9.01953 20.0449 9.01953C20.3021 9.01972 20.4999 9.21997 20.5 9.46973V17.5098C20.5 19.9896 18.5002 21.9998 16.0449 22H8.17285C5.5889 21.9998 3.50002 19.8899 3.5 17.29V6.50977C3.50013 4.02987 5.49065 2 7.96582 2H13.2529ZM11.6387 8.74023C11.2327 8.74023 10.8965 9.07023 10.8965 9.49023V14.3096L9.32227 12.71C9.03515 12.42 8.56936 12.42 8.28223 12.71C7.99517 12.9999 7.99531 13.4695 8.28223 13.7695L11.1143 16.6396C11.1836 16.7096 11.2625 16.7598 11.3516 16.7998C11.4407 16.8398 11.5397 16.8604 11.6387 16.8604C11.7377 16.8603 11.8269 16.8398 11.916 16.7998C12.005 16.7598 12.0841 16.7096 12.1533 16.6396L14.9951 13.7695C15.282 13.4695 15.2822 12.9999 14.9854 12.71C14.6982 12.42 14.2324 12.42 13.9453 12.71L12.3711 14.3096V9.49023C12.3711 9.07025 12.0446 8.74027 11.6387 8.74023ZM15.1455 2.90625C15.1455 2.47525 15.663 2.26127 15.958 2.57227C17.0293 3.69628 18.8998 5.66083 19.9453 6.75879C20.2344 7.06178 20.0223 7.56538 19.6045 7.56641C18.7916 7.56941 17.8317 7.56657 17.1416 7.55957C16.0468 7.55931 15.1455 6.64783 15.1455 5.54199V2.90625Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularBoldPaperDownloadIcon.displayName = 'IconlyRegularBoldPaperDownloadIcon';
+
+export const IconlyRegularBoldPaperFailIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path d="M13.2529 2C13.5002 2.00026 13.708 2.21013 13.708 2.45996V5.67969C13.708 7.50962 15.2029 9.00942 17.0146 9.01953C17.7571 9.01953 18.3611 9.03027 18.8066 9.03027C19.1136 9.03027 19.6291 9.01953 20.0449 9.01953C20.3021 9.01972 20.4999 9.21997 20.5 9.46973V17.5098C20.5 19.9896 18.5101 21.9998 16.0449 22H8.17285C5.5889 21.9998 3.50002 19.8899 3.5 17.29V6.50977C3.50013 4.02987 5.50055 2 7.96582 2H13.2529ZM14.0547 10.7197C13.7676 10.4198 13.292 10.4198 13.0049 10.7197L11.7969 11.9404L10.5889 10.7197C10.3018 10.4201 9.83687 10.4201 9.5498 10.7197C9.2627 11.0097 9.26276 11.4795 9.5498 11.7695L10.7578 12.9902L9.5498 14.21C9.26268 14.5 9.26268 14.9698 9.5498 15.2598C9.68842 15.4097 9.87634 15.4805 10.0645 15.4805C10.2525 15.4804 10.4503 15.4097 10.5889 15.2598L11.7969 14.04L13.0049 15.2598C13.1533 15.4097 13.3413 15.4804 13.5293 15.4805C13.7174 15.4805 13.9062 15.4098 14.0547 15.2598C14.3416 14.9698 14.3416 14.4999 14.0547 14.21L12.8467 12.9902L14.0547 11.7695C14.3415 11.4795 14.3417 11.0096 14.0547 10.7197ZM15.1465 2.90625C15.1465 2.47526 15.6639 2.26131 15.959 2.57227C17.0302 3.6962 18.9007 5.66075 19.9463 6.75879C20.2344 7.06179 20.0233 7.56541 19.6055 7.56641C18.7918 7.5694 17.8336 7.56657 17.1436 7.55957C16.0485 7.55957 15.1465 6.64799 15.1465 5.54199V2.90625Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularBoldPaperFailIcon.displayName = 'IconlyRegularBoldPaperFailIcon';
+
+export const IconlyRegularBoldPaperNegativeIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path d="M13.2529 2C13.5101 2.00025 13.708 2.21013 13.708 2.45996V5.67969C13.708 7.50962 15.2029 9.00942 17.0146 9.01953C17.7669 9.01953 18.361 9.03027 18.8164 9.03027C19.1233 9.03027 19.6289 9.01953 20.0547 9.01953C20.302 9.01966 20.4999 9.21993 20.5 9.46973V17.5098C20.5 19.9896 18.5101 21.9998 16.0449 22H8.17285C5.5988 21.9998 3.50002 19.8899 3.5 17.29V6.50977C3.50013 4.02987 5.50055 2 7.96582 2H13.2529ZM9.37109 12.2402C8.96524 12.2403 8.62891 12.5703 8.62891 12.9902C8.62903 13.4001 8.96532 13.7304 9.37109 13.7305H14.2627C14.6684 13.7303 15.0048 13.4 15.0049 12.9902C15.0049 12.5703 14.6685 12.2404 14.2627 12.2402H9.37109ZM15.1494 2.90625C15.1494 2.47525 15.6678 2.26127 15.9639 2.57227C17.0341 3.69617 18.9037 5.66079 19.9492 6.75879C20.2382 7.0617 20.027 7.56512 19.6104 7.56641C18.7965 7.56941 17.8366 7.56657 17.1465 7.55957C16.0515 7.55949 15.1494 6.64794 15.1494 5.54199V2.90625Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularBoldPaperNegativeIcon.displayName = 'IconlyRegularBoldPaperNegativeIcon';
+
+export const IconlyRegularBoldPaperPlusIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path d="M13.2529 2C13.5101 2.00025 13.708 2.21013 13.708 2.45996V5.67969C13.708 7.50962 15.2029 9.00942 17.0146 9.01953C17.7669 9.01953 18.361 9.03027 18.8164 9.03027C19.1233 9.03027 19.6289 9.01953 20.0547 9.01953C20.302 9.01966 20.4999 9.21993 20.5 9.46973V17.5098C20.5 19.9896 18.5101 21.9998 16.0449 22H8.17285C5.5988 21.9998 3.50002 19.8899 3.5 17.29V6.50977C3.50013 4.02987 5.50055 2 7.96582 2H13.2529ZM11.8164 9.76953C11.4107 9.76976 11.0743 10.1 11.0742 10.5098V12.2402H9.37109C8.96524 12.2403 8.62891 12.5703 8.62891 12.9902C8.62903 13.4001 8.96532 13.7304 9.37109 13.7305H11.0742V15.46C11.0742 15.8698 11.4107 16.2 11.8164 16.2002C12.2223 16.2002 12.5498 15.87 12.5498 15.46V13.7305H14.2627C14.6684 13.7303 15.0048 13.4 15.0049 12.9902C15.0049 12.5703 14.6685 12.2404 14.2627 12.2402H12.5498V10.5098C12.5497 10.0999 12.2223 9.76953 11.8164 9.76953ZM15.1494 2.90625C15.1494 2.47525 15.6678 2.26127 15.9639 2.57227C17.0341 3.69617 18.9037 5.66079 19.9492 6.75879C20.2382 7.0617 20.027 7.56512 19.6104 7.56641C18.7965 7.56941 17.8366 7.56657 17.1465 7.55957C16.0515 7.55949 15.1494 6.64794 15.1494 5.54199V2.90625Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularBoldPaperPlusIcon.displayName = 'IconlyRegularBoldPaperPlusIcon';
+
+export const IconlyRegularBoldPaperUploadIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path d="M13.2529 2C13.5002 2.00026 13.708 2.21013 13.708 2.45996V5.67969C13.708 7.50962 15.193 9.00942 17.0146 9.01953C17.7571 9.01953 18.3512 9.03027 18.8066 9.03027C19.1136 9.03027 19.6192 9.01953 20.0449 9.01953C20.2922 9.01973 20.4998 9.21998 20.5 9.46973V17.5098C20.5 19.9896 18.5002 21.9998 16.0449 22H8.17285C5.5889 21.9998 3.50002 19.8899 3.5 17.29V6.50977C3.50013 4.02987 5.49065 2 7.96582 2H13.2529ZM11.6387 8.74023C11.5397 8.74023 11.4406 8.75985 11.3516 8.7998C11.2625 8.83976 11.1835 8.89008 11.1143 8.95996L8.28223 11.8398C7.99515 12.1298 7.99525 12.5996 8.28223 12.8896C8.56936 13.1796 9.03514 13.1796 9.32227 12.8896L10.8965 11.29V16.1201C10.8965 16.5301 11.2229 16.8604 11.6387 16.8604C12.0445 16.8603 12.371 16.53 12.3711 16.1201V11.29L13.9453 12.8896C14.2324 13.1796 14.6982 13.1796 14.9854 12.8896C15.2821 12.5996 15.2822 12.1298 14.9951 11.8398L12.1533 8.95996C12.0841 8.89003 12.0051 8.83978 11.916 8.7998C11.8269 8.75981 11.7377 8.74024 11.6387 8.74023ZM15.1455 2.90625C15.1455 2.47525 15.662 2.26127 15.958 2.57227C17.0293 3.69625 18.8998 5.6608 19.9453 6.75879C20.2334 7.06179 20.0213 7.56541 19.6045 7.56641C18.7908 7.5694 17.8326 7.56559 17.1426 7.55859C16.0475 7.55859 15.1455 6.64799 15.1455 5.54199V2.90625Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularBoldPaperUploadIcon.displayName = 'IconlyRegularBoldPaperUploadIcon';
+
+export const IconlyRegularBoldPaperIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path d="M13.2529 2C13.5101 2.00025 13.708 2.21013 13.708 2.45996V5.67969C13.708 7.50962 15.2029 9.00942 17.0146 9.01953C17.7669 9.01953 18.361 9.03027 18.8164 9.03027C19.1233 9.03027 19.6289 9.01953 20.0547 9.01953C20.302 9.01966 20.4999 9.21993 20.5 9.46973V17.5098C20.5 19.9897 18.51 21.9999 16.0547 22H8.17285C5.5988 21.9998 3.50002 19.8899 3.5 17.29V6.50977C3.50013 4.02987 5.50055 2 7.96582 2H13.2529ZM8.92578 14.9004C8.51996 14.9004 8.18379 15.2298 8.18359 15.6396C8.18359 16.0496 8.51984 16.3896 8.92578 16.3896H14.3115C14.7175 16.3896 15.0547 16.0496 15.0547 15.6396C15.0545 15.2298 14.7173 14.9004 14.3115 14.9004H8.92578ZM8.92578 9.90039C8.51984 9.90039 8.18359 10.2404 8.18359 10.6504C8.18381 11.0602 8.51997 11.3896 8.92578 11.3896H12.2725C12.6782 11.3895 13.0144 11.0601 13.0146 10.6504C13.0146 10.2405 12.6783 9.90049 12.2725 9.90039H8.92578ZM15.1504 2.90625C15.1504 2.47525 15.6688 2.26127 15.9648 2.57227C17.0352 3.69631 18.9057 5.66088 19.9512 6.75879C20.24 7.06175 20.0279 7.56522 19.6113 7.56641C18.7975 7.56941 17.8376 7.56559 17.1475 7.55859C16.0525 7.55845 15.1504 6.6479 15.1504 5.54199V2.90625Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularBoldPaperIcon.displayName = 'IconlyRegularBoldPaperIcon';
+
+export const IconlyRegularBoldPasswordIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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.3347 1.99915C19.7227 1.99915 21.9998 4.37714 21.9998 7.91614V16.0831C21.9998 19.6221 19.7227 21.9991 16.3337 21.9991H7.66577C4.27677 21.9991 1.99976 19.6221 1.99976 16.0831V7.91614C1.99976 4.37714 4.27677 1.99915 7.66577 1.99915H16.3347ZM8.84058 9.39856C7.40666 9.39866 6.23999 10.5652 6.23999 11.9991C6.23999 13.4341 7.40666 14.6006 8.84058 14.6007C10.0126 14.6007 10.9951 13.8171 11.3191 12.7491H13.4304V13.8507C13.4304 14.2646 13.7666 14.6005 14.1804 14.6007C14.5944 14.6007 14.9304 14.2647 14.9304 13.8507V12.7491H16.2605V13.8507C16.2605 14.2646 16.5966 14.6006 17.0105 14.6007C17.4245 14.6007 17.7605 14.2647 17.7605 13.8507V11.9991C17.7605 11.5851 17.4245 11.2491 17.0105 11.2491H11.3191C10.9951 10.1821 10.0126 9.39856 8.84058 9.39856ZM8.84058 10.8976C9.44758 10.8976 9.94312 11.3921 9.94312 12.0001C9.94307 12.6071 9.44755 13.1007 8.84058 13.1007C8.23373 13.1006 7.73906 12.607 7.73901 12.0001C7.73901 11.3922 8.2337 10.8977 8.84058 10.8976Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularBoldPasswordIcon.displayName = 'IconlyRegularBoldPasswordIcon';
+
+export const IconlyRegularBoldPlayIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path fillRule="evenodd" clipRule="evenodd" d="M2 12.0058C2 6.48625 6.48842 2 12 2C17.5116 2 22 6.48625 22 12.0058C22 17.5137 17.5116 22 12 22C6.48842 22 2 17.5137 2 12.0058ZM15.668 13.0178C15.7741 12.9117 15.9093 12.7477 15.9382 12.7091C16.0927 12.5065 16.1699 12.2557 16.1699 12.0058C16.1699 11.725 16.083 11.4645 15.9189 11.2523C15.9055 11.2388 15.8791 11.2102 15.8448 11.1728C15.7806 11.103 15.6885 11.0026 15.6004 10.9146C14.8089 10.0656 12.7432 8.67631 11.6622 8.25181C11.4981 8.18524 11.083 8.03956 10.861 8.02991C10.6486 8.02991 10.4459 8.07815 10.2529 8.17463C10.0116 8.3097 9.81853 8.52195 9.71236 8.77279C9.64479 8.94645 9.53861 9.46744 9.53861 9.47709C9.43243 10.0463 9.37452 10.9725 9.37452 11.9952C9.37452 12.9706 9.43243 13.8572 9.51931 14.4361C9.52169 14.4385 9.53 14.4799 9.5429 14.5442C9.58211 14.7397 9.6638 15.1471 9.75097 15.314C9.96332 15.7192 10.3784 15.9701 10.8224 15.9701H10.861C11.1506 15.9604 11.7587 15.7096 11.7587 15.7C12.7819 15.2754 14.7992 13.9537 15.61 13.0757L15.668 13.0178Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularBoldPlayIcon.displayName = 'IconlyRegularBoldPlayIcon';
+
+export const IconlyRegularBoldPlusIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.33024 2.00012H16.6602C20.0602 2.00012 22.0002 3.92012 22.0002 7.33012V16.6701C22.0002 20.0601 20.0702 22.0001 16.6702 22.0001H7.33024C3.92024 22.0001 2.00024 20.0601 2.00024 16.6701V7.33012C2.00024 3.92012 3.92024 2.00012 7.33024 2.00012ZM12.8202 12.8301H15.6602C16.1202 12.8201 16.4902 12.4501 16.4902 11.9901C16.4902 11.5301 16.1202 11.1601 15.6602 11.1601H12.8202V8.34012C12.8202 7.88012 12.4502 7.51012 11.9902 7.51012C11.5302 7.51012 11.1602 7.88012 11.1602 8.34012V11.1601H8.33024C8.11024 11.1601 7.90024 11.2501 7.74024 11.4001C7.59024 11.5601 7.50024 11.7691 7.50024 11.9901C7.50024 12.4501 7.87024 12.8201 8.33024 12.8301H11.1602V15.6601C11.1602 16.1201 11.5302 16.4901 11.9902 16.4901C12.4502 16.4901 12.8202 16.1201 12.8202 15.6601V12.8301Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularBoldPlusIcon.displayName = 'IconlyRegularBoldPlusIcon';
+
+export const IconlyRegularBoldProfileIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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 15.1738C16.3384 15.1738 19.9997 15.8789 20 18.5986C20 21.3197 16.3146 22 12 22C7.6625 22 4.00021 21.295 4 18.5752C4 15.8542 7.68538 15.1738 12 15.1738ZM12 2C14.9391 2 17.2939 4.354 17.2939 7.29102C17.2939 10.228 14.9391 12.583 12 12.583C9.0619 12.583 6.70605 10.228 6.70605 7.29102C6.70607 4.354 9.06191 2 12 2Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularBoldProfileIcon.displayName = 'IconlyRegularBoldProfileIcon';
+
+export const IconlyRegularBoldScanIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path d="M22.2393 12.041C22.659 12.0412 22.9998 12.3755 23 12.7881C23 13.1999 22.6591 13.534 22.2393 13.5342H21.1768V17.0938C21.1765 19.2488 19.39 20.9998 17.1943 21H15.6006C15.1798 20.9998 14.8389 20.6656 14.8389 20.2529C14.8389 19.8412 15.1798 19.5071 15.6006 19.5068H17.1943C18.551 19.5067 19.655 18.4251 19.6553 17.0938V13.5342H17.0322V14.5254C17.0421 15.7657 16.0266 16.7792 14.7617 16.791H9.23828C7.97438 16.7792 6.95891 15.7657 6.96875 14.5254V13.5342H4.3457V17.0977C4.34595 18.4241 5.44705 19.5038 6.7998 19.5059L8.42773 19.5068C8.84773 19.5068 9.18945 19.8411 9.18945 20.2529C9.18837 20.6657 8.84771 21 8.42676 21L6.79785 20.999C4.60707 20.997 2.82349 19.2469 2.82324 17.0977V13.5342H1.76172C1.34185 13.534 1 13.1998 1 12.7881C1.0002 12.3755 1.34197 12.0412 1.76172 12.041H22.2393ZM14.7627 6.74219C15.3675 6.74224 15.9482 6.98093 16.3711 7.40527C16.7971 7.83379 17.0332 8.40966 17.0322 9.00879V10.2539C17.0272 10.3999 16.9086 10.5184 16.7598 10.5225H7.23926C7.09138 10.5174 6.97272 10.399 6.96973 10.2539V9.00879C6.95875 7.76842 7.97439 6.75505 9.23828 6.74219H14.7627ZM17.1934 3C19.3904 3 21.1768 4.75187 21.1768 6.90625V8.7627C21.1765 9.17423 20.8367 9.50955 20.416 9.50977C19.9961 9.50977 19.6545 9.17437 19.6543 8.7627V6.90625C19.6543 5.57558 18.5504 4.49316 17.1934 4.49316H15.6006C15.1806 4.49316 14.8398 4.15892 14.8398 3.74707C14.8401 3.33445 15.1807 3.00001 15.6006 3H17.1934ZM8.42773 3C8.84767 3.00002 9.1884 3.33432 9.18848 3.74707C9.18848 4.15891 8.84872 4.49315 8.42773 4.49316L6.79883 4.49414C5.44698 4.4961 4.34693 5.5758 4.34668 6.90234V8.76172C4.34668 9.17349 4.00484 9.50865 3.58496 9.50879C3.16496 9.50879 2.82324 9.17357 2.82324 8.76172V6.90234C2.82349 4.75307 4.607 3.00294 6.79785 3.00098L8.42676 3H8.42773Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularBoldScanIcon.displayName = 'IconlyRegularBoldScanIcon';
+
+export const IconlyRegularBoldSearchIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path d="M17.6211 17.6543C18.0076 17.2706 18.6272 17.2705 19.0137 17.6543L21.5684 19.7168H21.6123C22.129 20.2392 22.1291 21.0861 21.6123 21.6084C21.0956 22.1306 20.258 22.1304 19.7412 21.6084L17.6211 19.1787C17.4207 18.9768 17.3076 18.702 17.3076 18.416C17.3077 18.1302 17.4208 17.8561 17.6211 17.6543ZM10.5781 2C12.8527 2.00013 15.0341 2.91346 16.6426 4.53906C18.2512 6.16499 19.1553 8.37052 19.1553 10.6699C19.1553 15.458 15.3152 19.3396 10.5781 19.3398C5.84083 19.3398 2 15.4582 2 10.6699C2 5.88166 5.84083 2 10.5781 2Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularBoldSearchIcon.displayName = 'IconlyRegularBoldSearchIcon';
+
+export const IconlyRegularBoldSendIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path d="M21.4354 2.58198C20.9352 2.0686 20.1949 1.87734 19.5046 2.07866L3.408 6.75952C2.6797 6.96186 2.16349 7.54269 2.02443 8.28055C1.88237 9.0315 2.37858 9.98479 3.02684 10.3834L8.0599 13.4768C8.57611 13.7939 9.24239 13.7144 9.66956 13.2835L15.4329 7.4843C15.723 7.18231 16.2032 7.18231 16.4934 7.4843C16.7835 7.77623 16.7835 8.24935 16.4934 8.55134L10.72 14.3516C10.2918 14.7814 10.2118 15.4508 10.5269 15.9702L13.6022 21.0538C13.9623 21.6577 14.5826 22 15.2628 22C15.3429 22 15.4329 22 15.513 21.9899C16.2933 21.8893 16.9135 21.3558 17.1436 20.6008L21.9156 4.52479C22.1257 3.84028 21.9356 3.09537 21.4354 2.58198" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularBoldSendIcon.displayName = 'IconlyRegularBoldSendIcon';
+
+export const IconlyRegularBoldSettingIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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.7168 2.00012C13.4731 2.00012 14.158 2.42019 14.5362 3.04016C14.7201 3.34006 14.8431 3.70988 14.8125 4.09973C14.7921 4.39973 14.8834 4.70059 15.0469 4.98059C15.5682 5.83047 16.7238 6.15001 17.6231 5.67004C18.6347 5.09039 19.9116 5.44016 20.4942 6.42981L21.1787 7.61047C21.7714 8.60046 21.4448 9.87057 20.4229 10.4406C19.5543 10.9506 19.2474 12.0806 19.7686 12.9406C19.9321 13.2104 20.1163 13.4402 20.4024 13.5802C20.7601 13.7702 21.0363 14.0702 21.2305 14.3702C21.6084 14.9901 21.5778 15.7502 21.21 16.42L20.4942 17.6202C20.116 18.2601 19.4111 18.6602 18.6856 18.6603C18.3281 18.6603 17.9295 18.5603 17.6026 18.3605C17.3369 18.1905 17.0301 18.13 16.7032 18.13C15.6914 18.13 14.8432 18.9603 14.8125 19.9503C14.8124 21.1001 13.8723 21.9999 12.6973 22.0001H11.3067C10.1214 22 9.18178 21.1001 9.18168 19.9503C9.16124 18.9603 8.31256 18.13 7.30082 18.13C6.9636 18.13 6.65688 18.1905 6.4014 18.3605C6.07446 18.5603 5.66574 18.6603 5.3184 18.6603C4.5826 18.6603 3.87719 18.2602 3.49906 17.6202L2.79398 16.42C2.41594 15.7701 2.39546 14.9902 2.77348 14.3702C2.93694 14.0703 3.24351 13.7702 3.59086 13.5802C3.87696 13.4402 4.06168 13.2105 4.23539 12.9406C4.74637 12.0806 4.43901 10.9506 3.57035 10.4406C2.55879 9.87057 2.23221 8.6004 2.81449 7.61047L3.49906 6.42981C4.0918 5.44 5.35903 5.09024 6.3809 5.67004C7.26989 6.14999 8.42504 5.83036 8.94633 4.98059C9.10984 4.70059 9.20212 4.39973 9.18168 4.09973C9.16133 3.70987 9.2737 3.34007 9.46781 3.04016C9.84595 2.42024 10.5304 2.02012 11.2764 2.00012H12.7168ZM12.0118 9.17981C10.4075 9.18 9.10954 10.4401 9.10941 12.0099C9.10941 13.5798 10.4074 14.83 12.0118 14.8302C13.6162 14.8302 14.8838 13.5799 14.8838 12.0099C14.8837 10.44 13.6161 9.17981 12.0118 9.17981Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularBoldSettingIcon.displayName = 'IconlyRegularBoldSettingIcon';
+
+export const IconlyRegularBoldShieldDoneIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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.3408 2.1063C11.7333 1.96719 12.1709 1.96431 12.5703 2.09947L19.208 4.32603C19.951 4.57412 20.454 5.25745 20.458 6.02232L20.5 12.6629C20.513 14.676 19.7785 16.6284 18.4346 18.1581C17.8165 18.86 17.0243 19.4635 16.0127 20.0028L12.4453 21.91C12.3337 21.9688 12.2106 21.9988 12.0869 21.9999C11.9633 22.0008 11.8392 21.9716 11.7285 21.9139L8.12698 20.0506C7.10413 19.5201 6.30487 18.9256 5.68069 18.2333C4.31457 16.7192 3.55512 14.7757 3.54202 12.7596L3.50002 6.12388C3.496 5.35803 3.98959 4.67084 4.72854 4.41294L11.3408 2.1063ZM15.7451 9.21861C15.4482 8.93326 14.9697 8.93521 14.6768 9.22447L11.3086 12.5448L9.92874 11.2186C9.63173 10.9335 9.15426 10.9362 8.86038 11.2254C8.56742 11.5147 8.5712 11.9801 8.86819 12.2655L10.7832 14.1092C10.9322 14.2524 11.1261 14.3221 11.3194 14.3202C11.5125 14.3192 11.7047 14.2473 11.8516 14.1024L15.751 10.2577C16.0437 9.96845 16.0408 9.50391 15.7451 9.21861Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularBoldShieldDoneIcon.displayName = 'IconlyRegularBoldShieldDoneIcon';
+
+export const IconlyRegularBoldShieldFailIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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.3411 2.10362C11.7335 1.96546 12.1662 1.96546 12.5686 2.10362L19.2014 4.32921C19.9462 4.57436 20.4495 5.26161 20.4495 6.02647L20.5003 12.6642C20.5103 14.6742 19.7756 16.6257 18.427 18.1564C17.8131 18.8624 17.0175 19.4608 16.011 20.0001L12.4378 21.9122C12.3273 21.9709 12.2067 22 12.0862 22.0001C11.9654 22.0001 11.8336 21.9711 11.7229 21.9122L8.12039 20.0489C7.10389 19.5194 6.30885 18.9307 5.68484 18.2345C4.31602 16.7244 3.55037 14.773 3.54031 12.7628L3.50027 6.12315C3.49026 5.35833 3.99409 4.67302 4.72878 4.4171L11.3411 2.10362ZM14.4212 9.35948C14.1293 9.07511 13.6457 9.07511 13.3538 9.35948L11.9954 10.6837L10.636 9.35948C10.3441 9.07518 9.87153 9.07513 9.5696 9.35948C9.27781 9.65464 9.27777 10.1152 9.5696 10.3995L10.928 11.7228L9.5696 13.047C9.27772 13.3314 9.27772 13.8026 9.5696 14.087C9.72051 14.2339 9.91171 14.3018 10.1028 14.3019C10.3039 14.3019 10.4951 14.2339 10.636 14.087L11.9954 12.7628L13.3538 14.087C13.5047 14.2339 13.6959 14.3018 13.887 14.3019C14.0782 14.3019 14.2803 14.2341 14.4212 14.087C14.713 13.8027 14.713 13.3313 14.4212 13.047L13.0618 11.7228L14.4212 10.3995C14.7127 10.1152 14.7126 9.65456 14.4212 9.35948Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularBoldShieldFailIcon.displayName = 'IconlyRegularBoldShieldFailIcon';
+
+export const IconlyRegularBoldShowIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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.9999 4C14.0681 4 16.029 4.71753 17.7363 6.0459C19.4436 7.36467 20.8975 9.29449 21.9413 11.709C22.0194 11.8932 22.0194 12.1067 21.9413 12.2812C19.8535 17.1103 16.1365 20 11.9999 20H11.9902C7.86337 20 4.14634 17.1103 2.05854 12.2812C1.98049 12.1067 1.98049 11.8932 2.05854 11.709C4.14635 6.87996 7.86338 4 11.9902 4H11.9999ZM11.9999 8.12109C9.84385 8.12109 8.0976 9.85697 8.0976 12C8.0976 14.1333 9.84385 15.8691 11.9999 15.8691C14.1463 15.8691 15.8925 14.1333 15.8925 12C15.8925 9.85697 14.1463 8.12109 11.9999 8.12109ZM12.0009 9.57324C13.3375 9.57324 14.4306 10.6599 14.4306 11.998C14.4305 13.3264 13.3374 14.4121 12.0009 14.4121C10.6547 14.412 9.56254 13.3264 9.56244 11.998C9.56244 11.8332 9.582 11.6776 9.61127 11.5225H9.6601C10.7428 11.5222 11.6211 10.6691 11.6601 9.60254C11.7672 9.58321 11.8841 9.57325 12.0009 9.57324Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularBoldShowIcon.displayName = 'IconlyRegularBoldShowIcon';
+
+export const IconlyRegularBoldStarIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path d="M17.9185 14.3201C17.6595 14.5711 17.5405 14.9341 17.5995 15.2901L18.4885 20.2101C18.5635 20.6271 18.3875 21.0491 18.0385 21.2901C17.6965 21.5401 17.2415 21.5701 16.8685 21.3701L12.4395 19.0601C12.2855 18.9781 12.1145 18.9341 11.9395 18.9291H11.6685C11.5745 18.9431 11.4825 18.9731 11.3985 19.0191L6.96851 21.3401C6.74951 21.4501 6.50151 21.4891 6.25851 21.4501C5.66651 21.3381 5.27151 20.7741 5.36851 20.1791L6.25851 15.2591C6.31751 14.9001 6.19851 14.5351 5.93951 14.2801L2.32851 10.7801C2.02651 10.4871 1.92151 10.0471 2.05951 9.65012C2.19351 9.25412 2.53551 8.96512 2.94851 8.90012L7.91851 8.17912C8.29651 8.14012 8.62851 7.91012 8.79851 7.57012L10.9885 3.08012C11.0405 2.98012 11.1075 2.88812 11.1885 2.81012L11.2785 2.74012C11.3255 2.68812 11.3795 2.64512 11.4395 2.61012L11.5485 2.57012L11.7185 2.50012H12.1395C12.5155 2.53912 12.8465 2.76412 13.0195 3.10012L15.2385 7.57012C15.3985 7.89712 15.7095 8.12412 16.0685 8.17912L21.0385 8.90012C21.4585 8.96012 21.8095 9.25012 21.9485 9.65012C22.0795 10.0511 21.9665 10.4911 21.6585 10.7801L17.9185 14.3201Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularBoldStarIcon.displayName = 'IconlyRegularBoldStarIcon';
+
+export const IconlyRegularBoldSwapIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path d="M17.2998 12.8291C18.512 12.8291 19.6099 12.8981 20.2852 13.0264C20.2966 13.0266 20.9126 13.1535 21.1191 13.2354C21.4164 13.3636 21.6688 13.596 21.8291 13.8857C21.9436 14.1172 22 14.362 22 14.6172C21.9894 14.8832 21.8171 15.3829 21.7363 15.5801C21.2342 16.8795 19.5864 19.3628 18.5811 20.3154C18.4208 20.4769 18.2263 20.6519 18.1807 20.6982C17.9279 20.8953 17.6201 21 17.2891 21C16.9908 20.9999 16.6929 20.9071 16.4531 20.7207C16.2869 20.6017 16.0195 20.3262 16.0195 20.3262C14.9779 19.3521 13.4114 16.9257 12.9082 15.6953C12.89 15.6782 12.5996 14.9611 12.5879 14.6172V14.5703C12.588 14.0361 12.8855 13.5376 13.3662 13.2822C13.627 13.1446 14.3806 13.0169 14.4062 13.0029C15.092 12.8984 16.1448 12.8291 17.2998 12.8291ZM6.70508 12.8906C7.22104 12.8906 7.63941 13.3143 7.63965 13.8379L7.89551 18.417C7.89551 19.0845 7.3628 19.625 6.70508 19.625C6.04756 19.6248 5.51367 19.0843 5.51367 18.417L5.77148 13.8379C5.77172 13.3145 6.18932 12.8909 6.70508 12.8906ZM6.71191 3C7.00795 3.00004 7.30486 3.09307 7.5459 3.27832C7.71208 3.39828 7.98047 3.67383 7.98047 3.67383C9.02089 4.64911 10.5876 7.07429 11.0908 8.30469C11.1014 8.30469 11.4003 9.03567 11.4121 9.38379V9.43066C11.412 9.96376 11.1134 10.4624 10.6338 10.7178C10.3705 10.8579 9.60448 10.9852 9.59277 10.9971C8.90699 11.1016 7.85507 11.1709 6.7002 11.1709C5.48796 11.1709 4.39015 11.1019 3.71484 10.9736C3.70314 10.9736 3.08586 10.8466 2.87988 10.7646C2.58263 10.6376 2.33123 10.4041 2.1709 10.1143C2.05628 9.88271 2 9.63788 2 9.38379C2.01065 9.11657 2.18213 8.61813 2.26172 8.4209C2.76496 7.12033 4.41246 4.63692 5.41895 3.68555C5.57898 3.52314 5.77229 3.34844 5.81836 3.30176C6.06998 3.10459 6.37954 3 6.71191 3ZM17.2939 4.375C17.9517 4.375 18.4844 4.91549 18.4844 5.58301L18.2285 10.1621C18.2283 10.6858 17.81 11.1094 17.2939 11.1094C16.7783 11.109 16.3605 10.6855 16.3604 10.1621L16.1025 5.58301C16.1025 4.91574 16.6366 4.37541 17.2939 4.375Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularBoldSwapIcon.displayName = 'IconlyRegularBoldSwapIcon';
+
+export const IconlyRegularBoldTickSquareIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.67012 1.99988H16.3401C19.7301 1.99988 22.0001 4.37988 22.0001 7.91988V16.0909C22.0001 19.6199 19.7301 21.9999 16.3401 21.9999H7.67012C4.28012 21.9999 2.00012 19.6199 2.00012 16.0909V7.91988C2.00012 4.37988 4.28012 1.99988 7.67012 1.99988ZM11.4301 14.9899L16.1801 10.2399C16.5201 9.89988 16.5201 9.34988 16.1801 8.99988C15.8401 8.65988 15.2801 8.65988 14.9401 8.99988L10.8101 13.1299L9.06012 11.3799C8.72012 11.0399 8.16012 11.0399 7.82012 11.3799C7.48012 11.7199 7.48012 12.2699 7.82012 12.6199L10.2001 14.9899C10.3701 15.1599 10.5901 15.2399 10.8101 15.2399C11.0401 15.2399 11.2601 15.1599 11.4301 14.9899Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularBoldTickSquareIcon.displayName = 'IconlyRegularBoldTickSquareIcon';
+
+export const IconlyRegularBoldTicketStarIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path d="M17.8564 3C20.1402 3.00024 21.999 4.84249 21.999 7.10547L22 9.78223C22 9.97836 21.9212 10.1689 21.7812 10.3076C21.6402 10.4473 21.45 10.5254 21.25 10.5254C20.429 10.5254 19.7608 11.1875 19.7607 12.001C19.7607 12.7635 20.3479 13.3929 21.0977 13.4688L21.3262 13.4805C21.7044 13.5183 22 13.835 22 14.2197V16.8955C22 19.1585 20.1422 20.9998 17.8584 21H6.14258C3.85877 20.9998 2 19.1585 2 16.8955V14.2197C2 13.835 2.29557 13.5183 2.67383 13.4805L2.90234 13.4688C3.65297 13.393 4.24023 12.7636 4.24023 12.001C4.24023 11.2083 3.59899 10.6113 2.75 10.6113C2.551 10.6113 2.36073 10.5333 2.21973 10.3936C2.07901 10.254 2.00013 10.065 2 9.86914L2.00195 7.10547C2.00195 4.84249 3.85976 3.00024 6.14355 3H17.8564ZM12 8.15332C11.718 8.15332 11.4639 8.30991 11.3369 8.56152L10.6084 10.0254L8.98242 10.2598C8.70142 10.2994 8.47084 10.4903 8.38184 10.7578C8.29402 11.0252 8.36543 11.3146 8.56934 11.5107L9.74805 12.6484L9.46973 14.2559C9.42174 14.5332 9.53479 14.8091 9.76465 14.9746C9.89465 15.0668 10.0462 15.1143 10.1992 15.1143C10.3161 15.1142 10.4341 15.0857 10.542 15.0293L12 14.2705L13.4551 15.0273C13.707 15.161 14.0064 15.1401 14.2354 14.9736C14.4662 14.8091 14.5792 14.5332 14.5312 14.2559L14.252 12.6484L15.4307 11.5107C15.6356 11.3146 15.707 11.0252 15.6182 10.7578C15.5302 10.4904 15.3003 10.2995 15.0225 10.2607L13.3926 10.0254L12.6641 8.5625C12.539 8.3109 12.2849 8.15431 12.002 8.15332H12Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularBoldTicketStarIcon.displayName = 'IconlyRegularBoldTicketStarIcon';
+
+export const IconlyRegularBoldTicketIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.7872 10.539C21.6518 10.6706 21.4681 10.7457 21.2747 10.7457C20.559 10.7457 19.9787 11.3095 19.9787 11.9953C19.9787 12.6858 20.5522 13.2467 21.2611 13.2543C21.6605 13.258 22 13.5286 22 13.9166V16.3265C22 18.3549 20.3075 20 18.2186 20H15.0658C14.7398 20 14.4758 19.7435 14.4758 19.4269V17.3975C14.4758 17.0029 14.1567 16.6929 13.7505 16.6929C13.354 16.6929 13.0251 17.0029 13.0251 17.3975V19.4269C13.0251 19.7435 12.7611 20 12.4362 20H5.78143C3.70213 20 2 18.3558 2 16.3265V13.9166C2 13.5286 2.33946 13.258 2.73888 13.2543C3.44874 13.2467 4.02128 12.6858 4.02128 11.9953C4.02128 11.3282 3.46035 10.8209 2.72534 10.8209C2.53191 10.8209 2.34816 10.7457 2.21277 10.6142C2.07737 10.4827 2 10.3042 2 10.1163V7.68291C2 5.65731 3.706 4 5.7911 4H12.4362C12.7611 4 13.0251 4.25649 13.0251 4.57311V6.97827C13.0251 7.36348 13.354 7.68291 13.7505 7.68291C14.1567 7.68291 14.4758 7.36348 14.4758 6.97827V4.57311C14.4758 4.25649 14.7398 4 15.0658 4H18.2186C20.3075 4 22 5.64416 22 7.67352V10.0411C22 10.229 21.9226 10.4075 21.7872 10.539ZM13.7505 14.8702C14.1567 14.8702 14.4758 14.5508 14.4758 14.1656V10.4075C14.4758 10.0223 14.1567 9.70288 13.7505 9.70288C13.354 9.70288 13.0251 10.0223 13.0251 10.4075V14.1656C13.0251 14.5508 13.354 14.8702 13.7505 14.8702Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularBoldTicketIcon.displayName = 'IconlyRegularBoldTicketIcon';
+
+export const IconlyRegularBoldTimeCircleIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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 22.0001C6.48 22.0001 2 17.5301 2 12.0001C2 6.48012 6.48 2.00012 12 2.00012C17.53 2.00012 22 6.48012 22 12.0001C22 17.5301 17.53 22.0001 12 22.0001ZM15.19 15.7101C15.31 15.7801 15.44 15.8201 15.58 15.8201C15.83 15.8201 16.08 15.6901 16.22 15.4501C16.43 15.1001 16.32 14.6401 15.96 14.4201L12.4 12.3001V7.68012C12.4 7.26012 12.06 6.93012 11.65 6.93012C11.24 6.93012 10.9 7.26012 10.9 7.68012V12.7301C10.9 12.9901 11.04 13.2301 11.27 13.3701L15.19 15.7101Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularBoldTimeCircleIcon.displayName = 'IconlyRegularBoldTimeCircleIcon';
+
+export const IconlyRegularBoldTimeSquareIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" 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.67 2.00012H16.34C19.73 2.00012 22 4.37912 22 7.91912V16.0891C22 19.6201 19.73 22.0001 16.34 22.0001H7.67C4.28 22.0001 2 19.6201 2 16.0891V7.91912C2 4.37912 4.28 2.00012 7.67 2.00012ZM15.58 15.8101C15.83 15.8101 16.08 15.6801 16.22 15.4401C16.44 15.0891 16.32 14.6291 15.96 14.4101L12.4 12.2901V7.66912C12.4 7.26012 12.07 6.91912 11.65 6.91912C11.24 6.91912 10.9 7.26012 10.9 7.66912V12.7201C10.9 12.9801 11.04 13.2301 11.27 13.3601L15.19 15.7001C15.31 15.7801 15.45 15.8101 15.58 15.8101Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularBoldTimeSquareIcon.displayName = 'IconlyRegularBoldTimeSquareIcon';
+
+export const IconlyRegularBoldUnlockIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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.9785 2C14.3461 2 16.4387 3.46214 17.2109 5.62793C17.2922 5.84657 17.2715 6.08525 17.1699 6.29395C17.0683 6.50258 16.8866 6.66187 16.6621 6.73242C16.2049 6.89043 15.6972 6.65247 15.5244 6.19531C15.0062 4.7233 13.5842 3.73927 11.999 3.73926C9.92511 3.73926 8.2495 5.3704 8.23828 7.36719V8.70898L8.22559 8.71094H16.2314C18.5888 8.71107 20.5 10.5809 20.5 12.8867V17.8242C20.5 20.1301 18.5888 21.9999 16.2314 22H7.76758C5.41125 21.9999 3.5 20.1301 3.5 17.8242V12.8867C3.5 10.9904 4.80035 9.40645 6.57031 8.89746L6.45996 8.91113V7.38672C6.48051 4.41608 8.95063 2.00008 11.9785 2ZM11.9951 13.3828C11.5074 13.3828 11.1115 13.7701 11.1113 14.2471V16.4541C11.1115 16.941 11.5075 17.3281 11.9951 17.3281C12.4928 17.328 12.8885 16.9409 12.8887 16.4541V14.2471C12.8885 13.7701 12.4929 13.3829 11.9951 13.3828Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularBoldUnlockIcon.displayName = 'IconlyRegularBoldUnlockIcon';
+
+export const IconlyRegularBoldUploadIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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.2305 14.8848C11.2305 15.3223 11.57 15.668 12 15.668C12.385 15.668 12.711 15.3776 12.7627 14.9922L12.7695 14.8848V8.78027H11.2305V4.63965L9.64062 6.24023C9.34062 6.54023 8.8498 6.54023 8.5498 6.24023C8.26809 5.96752 8.24282 5.53757 8.46582 5.23633L8.54004 5.15039L11.4502 2.23047C11.6001 2.08052 11.7901 2.00005 12 2C12.1599 2 12.32 2.05125 12.4492 2.14844L12.54 2.23047L15.4502 5.15039C15.6001 5.30037 15.6807 5.50051 15.6807 5.69043C15.6805 5.89029 15.6001 6.09034 15.4502 6.24023C15.1775 6.51285 14.7475 6.53756 14.4463 6.31445L14.3604 6.24023L12.7705 4.63965V8.78027H17.5498C19.9298 8.78027 21.8853 10.6911 21.9951 13.0947L22 13.3076V18.2627C22 20.6842 20.1218 22.6642 17.7686 22.7754L17.5596 22.7803H6.4502C4.06048 22.7803 2.11414 20.8597 2.00488 18.4648L2 18.2529V13.2871C2.00019 10.8756 3.87831 8.8963 6.23145 8.78516L6.44043 8.78027H11.2305V14.8848Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularBoldUploadIcon.displayName = 'IconlyRegularBoldUploadIcon';
+
+export const IconlyRegularBoldVideoIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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.9053 4.5C14.3271 4.50008 16.0184 6.16892 16.0186 8.56055V15.4395C16.0184 17.8311 14.3271 19.4999 11.9053 19.5H6.11328C3.69138 19.5 2.00017 17.8311 2 15.4395V8.56055C2.00017 6.16886 3.69138 4.5 6.11328 4.5H11.9053ZM19.958 6.87891C20.397 6.65559 20.9121 6.67941 21.3311 6.94336C21.7499 7.2063 22 7.66276 22 8.16211V15.8379C22 16.3384 21.75 16.7947 21.3311 17.0576C21.1021 17.2008 20.8459 17.2734 20.5879 17.2734C20.373 17.2734 20.1579 17.2235 19.957 17.1211L18.4756 16.373C17.928 16.0949 17.5881 15.537 17.5879 14.917V9.08301C17.5879 8.46178 17.9277 7.90312 18.4756 7.62695L19.958 6.87891Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularBoldVideoIcon.displayName = 'IconlyRegularBoldVideoIcon';
+
+export const IconlyRegularBoldVoice2Icon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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.5312 9.82617C20.066 9.82617 20.5 10.2542 20.5 10.7832C20.4998 15.0868 17.2 18.6408 12.9688 19.1182V21.043C12.9688 21.571 12.5347 22 12 22C11.4645 21.9997 11.0322 21.5709 11.0322 21.043V19.1182C6.80003 18.6408 3.5002 15.0868 3.5 10.7832C3.5 10.2542 3.93402 9.82617 4.46875 9.82617C5.00347 9.82619 5.4375 10.2542 5.4375 10.7832C5.43772 14.3558 8.38123 17.2624 12 17.2627C15.618 17.2627 18.5623 14.356 18.5625 10.7832C18.5625 10.2542 18.9965 9.82619 19.5312 9.82617ZM12.1748 2C14.1693 2.00002 15.8498 3.32392 16.3643 5.13086C16.435 5.37862 16.2479 5.625 15.9883 5.625H14.8564C14.5145 5.625 14.2363 5.89865 14.2363 6.23633V6.2373C14.2366 6.57572 14.5147 6.84863 14.8564 6.84863H15.9004C16.2461 6.84863 16.5272 7.12539 16.5273 7.4668C16.5273 7.80831 16.2462 8.08496 15.9004 8.08496H14.8564C14.5145 8.08496 14.2363 8.3596 14.2363 8.69824C14.2364 9.03589 14.5145 9.31055 14.8564 9.31055H15.9004C16.2462 9.31055 16.5273 9.58722 16.5273 9.92969C16.5271 10.2701 16.2461 10.5459 15.9004 10.5459H14.8564C14.5146 10.5459 14.2365 10.8207 14.2363 11.1592C14.2363 11.4969 14.5145 11.7705 14.8564 11.7705H15.9336C16.1989 11.7706 16.389 12.0277 16.3057 12.2764C15.7311 13.9847 14.0995 15.2168 12.1748 15.2168H11.8252C9.42181 15.2168 7.47363 13.2923 7.47363 10.9199V6.29688C7.47375 3.92363 9.42188 2 11.8252 2H12.1748Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularBoldVoice2Icon.displayName = 'IconlyRegularBoldVoice2Icon';
+
+export const IconlyRegularBoldVoiceIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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.5312 9.82617C20.066 9.82617 20.5 10.2542 20.5 10.7832C20.4998 15.0868 17.2 18.6408 12.9688 19.1182V21.043C12.9688 21.571 12.5347 22 12 22C11.4645 21.9997 11.0322 21.5709 11.0322 21.043V19.1182C6.80002 18.6408 3.50017 15.0868 3.5 10.7832C3.5 10.2542 3.93402 9.82617 4.46875 9.82617C5.00347 9.82619 5.4375 10.2542 5.4375 10.7832C5.43769 14.3558 8.38121 17.2624 12 17.2627C15.618 17.2627 18.5623 14.356 18.5625 10.7832C18.5625 10.2542 18.9965 9.82619 19.5312 9.82617ZM12.1748 2C14.5781 2.00003 16.5272 3.92364 16.5273 6.29688V10.9199C16.5273 13.2923 14.5782 15.2177 12.1748 15.2178H11.8252C9.42181 15.2178 7.47363 13.2923 7.47363 10.9199V6.29688C7.47374 3.92363 9.42187 2 11.8252 2H12.1748Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularBoldVoiceIcon.displayName = 'IconlyRegularBoldVoiceIcon';
+
+export const IconlyRegularBoldVolumeDownIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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.7693 3.00001C13.8137 3.00024 14.7878 3.75169 15.1394 4.95606C15.2685 5.45944 15.3205 5.96399 15.3709 6.4502L15.4187 6.89259C15.5993 8.36879 15.5993 15.6215 15.4187 17.1084L15.3709 17.5664C15.3257 18.0291 15.2796 18.5085 15.1463 19.0195C14.7945 20.2207 13.8572 21 12.7928 21C12.7593 21 12.7259 21.0001 12.6883 20.999C12.1004 20.999 11.4606 20.6378 11.0984 20.3233L7.56815 17.3828H5.75468C4.35554 17.3827 3.33125 16.3707 3.1453 14.8047C2.93114 13.2383 2.97313 10.5506 3.1453 9.12696C3.34795 7.6445 4.42052 6.61734 5.75468 6.6172H7.56815L11.031 3.71974C11.4489 3.35686 12.1867 2.99786 12.7693 3.00001ZM18.1473 6.2588C18.5661 5.96573 19.1399 6.07016 19.4266 6.49415C20.4407 7.98753 20.9998 9.94299 20.9998 12C20.9998 14.057 20.4407 16.0125 19.4266 17.5059C19.2544 17.758 18.9728 17.9091 18.6717 17.9092C18.4837 17.9092 18.3016 17.8507 18.1473 17.7412C17.7318 17.4448 17.6291 16.8586 17.9178 16.4336C18.7207 15.2505 19.1629 13.6757 19.1629 12C19.1629 10.3232 18.7207 8.74948 17.9178 7.56642C17.6291 7.14137 17.7318 6.55518 18.1473 6.2588Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularBoldVolumeDownIcon.displayName = 'IconlyRegularBoldVolumeDownIcon';
+
+export const IconlyRegularBoldVolumeOffIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} 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.4198 3.27071C20.7797 2.91093 21.3538 2.90893 21.7275 3.26973C22.0905 3.63278 22.0904 4.21924 21.7284 4.58126L4.57999 21.7297C4.40961 21.9 4.16384 22.0001 3.92472 22.0002C3.69079 22.0002 3.45966 21.9051 3.27335 21.7326C2.90922 21.3548 2.90953 20.7801 3.27042 20.4191L6.0966 17.593H6.06828C4.65924 17.593 3.63383 16.5974 3.44328 15.052C3.23052 13.5065 3.27284 10.8601 3.44328 9.45235C3.6435 7.99184 4.72394 6.98751 6.06828 6.98751H7.89835L11.3925 4.12911C11.8171 3.76937 12.5684 3.42967 13.1493 3.42013C14.208 3.42013 15.1818 4.16038 15.5312 5.34591C15.6688 5.84441 15.7232 6.34122 15.7655 6.81856L15.8485 7.49434C15.8623 7.59808 15.8751 7.69806 15.8857 7.80391L20.4198 3.27071ZM15.4872 13.5285C15.8757 13.627 15.9526 14.185 15.9462 14.6233C15.9282 15.8954 15.885 16.7802 15.8173 17.3274L15.7704 17.7785C15.7249 18.2346 15.6783 18.7065 15.5429 19.2102C15.1904 20.3936 14.2443 21.1623 13.1698 21.1623C13.135 21.1623 13.1002 21.1624 13.0644 21.1613C12.4706 21.1613 11.8271 20.8054 11.4618 20.4953L10.1601 19.4885C9.66608 19.1212 9.81246 18.5352 10.0898 18.1955C10.3674 17.8565 14.7364 13.8739 14.8808 13.7316C15.0237 13.592 15.3432 13.4915 15.4872 13.5285Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularBoldVolumeOffIcon.displayName = 'IconlyRegularBoldVolumeOffIcon';
+
+export const IconlyRegularBoldVolumeUpIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path d="M10.7579 3.00001C11.8012 3.0001 12.7738 3.75165 13.1251 4.95606C13.2541 5.45947 13.3072 5.96397 13.3575 6.4502L13.4044 6.89259C13.5848 8.36879 13.5848 15.6215 13.4044 17.1084L13.3575 17.5664C13.3124 18.0291 13.2661 18.5085 13.1329 19.0195C12.7816 20.2206 11.8453 20.9998 10.7823 21C10.7488 21 10.7146 21.0001 10.6769 20.999C10.0897 20.999 9.45072 20.6378 9.08898 20.3233L5.56261 17.3828H3.75206C2.35442 17.3828 1.33137 16.3708 1.14562 14.8047C0.931706 13.2383 0.97365 10.5506 1.14562 9.12696C1.34805 7.6444 2.41934 6.6172 3.75206 6.6172H5.56261L9.02257 3.71974C9.43991 3.35686 10.176 2.99786 10.7579 3.00001ZM19.2902 3.22071C19.7074 2.92456 20.2812 3.03311 20.5675 3.45704C22.1362 5.76635 23.0001 8.80175 23.0001 12C23.0001 15.2004 22.1362 18.2347 20.5675 20.544C20.3966 20.7961 20.1144 20.9472 19.8136 20.9473C19.627 20.9473 19.4463 20.8897 19.2911 20.7803C18.8759 20.4829 18.7733 19.8968 19.0607 19.4717C20.4174 17.4727 21.1651 14.8191 21.1652 12C21.1652 9.18181 20.4175 6.52737 19.0607 4.52833C18.7735 4.10427 18.876 3.51805 19.2902 3.22071ZM16.128 6.2588C16.5463 5.96366 17.1179 6.06938 17.4064 6.49415C18.4193 7.98645 18.9786 9.94192 18.9786 12C18.9786 14.0581 18.4193 16.0136 17.4064 17.5059C17.2344 17.7579 16.9532 17.9092 16.6525 17.9092C16.4659 17.9091 16.2841 17.8507 16.129 17.7412C15.7142 17.4437 15.6113 16.8575 15.8995 16.4336C16.7017 15.2516 17.1437 13.6769 17.1437 12C17.1437 10.322 16.7017 8.74844 15.8995 7.56642C15.6113 7.1425 15.7142 6.55629 16.128 6.2588Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularBoldVolumeUpIcon.displayName = 'IconlyRegularBoldVolumeUpIcon';
+
+export const IconlyRegularBoldWalletIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path fillRule="evenodd" clipRule="evenodd" d="M17.7689 8.3818H22C22 4.98459 19.9644 3 16.5156 3H7.48444C4.03556 3 2 4.98459 2 8.33847V15.6615C2 19.0154 4.03556 21 7.48444 21H16.5156C19.9644 21 22 19.0154 22 15.6615V15.3495H17.7689C15.8052 15.3495 14.2133 13.7975 14.2133 11.883C14.2133 9.96849 15.8052 8.41647 17.7689 8.41647V8.3818ZM17.7689 9.87241H21.2533C21.6657 9.87241 22 10.1983 22 10.6004V13.131C21.9952 13.5311 21.6637 13.8543 21.2533 13.8589H17.8489C16.8548 13.872 15.9855 13.2084 15.76 12.2643C15.6471 11.6783 15.8056 11.0736 16.1931 10.6122C16.5805 10.1509 17.1573 9.88007 17.7689 9.87241ZM17.92 12.533H18.2489C18.6711 12.533 19.0133 12.1993 19.0133 11.7877C19.0133 11.3761 18.6711 11.0424 18.2489 11.0424H17.92C17.7181 11.0401 17.5236 11.1166 17.38 11.255C17.2364 11.3934 17.1555 11.5821 17.1556 11.779C17.1555 12.1921 17.4964 12.5282 17.92 12.533ZM6.73778 8.3818H12.3822C12.8044 8.3818 13.1467 8.04812 13.1467 7.63649C13.1467 7.22487 12.8044 6.89119 12.3822 6.89119H6.73778C6.31903 6.89116 5.9782 7.2196 5.97333 7.62783C5.97331 8.04087 6.31415 8.37705 6.73778 8.3818Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularBoldWalletIcon.displayName = 'IconlyRegularBoldWalletIcon';
+
+export const IconlyRegularBoldWorkIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', strokeWidth = 1.5, fillOpacity, className, style, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} style={{ display: 'block', flexShrink: 0, ...style }} {...props}>
+    <path d="M2.18945 12.8145C2.26845 12.7645 2.36771 12.8237 2.37988 12.835C4.40063 14.1917 6.8319 15.093 9.38281 15.4678C9.74299 15.5184 10.1041 15.2855 10.2041 14.9209C10.4243 14.0911 11.1344 13.5442 11.9844 13.5439H12.0146C12.8648 13.544 13.5756 14.0909 13.7959 14.9209C13.8959 15.2853 14.2562 15.5182 14.6162 15.4678C17.1673 15.0931 19.5983 14.1918 21.6191 12.835C21.6191 12.835 21.6392 12.8245 21.6592 12.8145C21.699 12.7943 21.7597 12.7845 21.8096 12.8145C21.8965 12.8634 21.8993 12.9795 21.8994 12.9873L21.8193 18.1514C21.8193 20.2779 20.1186 22 18.0176 22H5.97168C3.87083 21.9998 2.16992 20.2778 2.16992 18.1514L2.09961 12.9873C2.0997 12.9796 2.1026 12.8634 2.18945 12.8145ZM11.9941 14.9922C11.5845 14.9927 11.2444 15.3372 11.2441 15.752V17.0576C11.2441 17.4826 11.5843 17.8169 11.9941 17.8174C12.4144 17.8174 12.7451 17.4829 12.7451 17.0576V15.752C12.7449 15.337 12.4142 14.9922 11.9941 14.9922ZM13.2852 2C14.7858 2 16.0168 3.14412 16.207 4.6123H18.1885C20.2893 4.61252 21.9999 6.34433 22 8.4707C22 8.4707 21.9399 9.37134 21.9199 10.625C21.9179 10.7241 21.8699 10.8212 21.791 10.8799C21.3098 11.2353 20.8691 11.5296 20.8291 11.5498C19.1684 12.6636 17.2385 13.4471 15.1826 13.8369C15.0486 13.8632 14.9167 13.7933 14.8486 13.6738C14.2724 12.6754 13.1957 12.0254 11.9951 12.0254C10.8026 12.0254 9.71635 12.6685 9.12305 13.668C9.05401 13.7854 8.92311 13.8534 8.79004 13.8281C6.75124 13.4372 4.82159 12.6541 3.1709 11.5596L2.20996 10.8906C2.1302 10.84 2.0802 10.7494 2.08008 10.6484C2.05006 10.132 2 8.4707 2 8.4707C2.00008 6.34433 3.7107 4.61251 5.81152 4.6123H7.7832C7.97345 3.14422 9.20359 2.00013 10.7041 2H13.2852ZM10.7041 3.51855C10.034 3.51867 9.46389 3.98471 9.30371 4.6123H14.6865C14.5263 3.9846 13.9554 3.51855 13.2852 3.51855H10.7041Z" fill={color || 'currentColor'}/>
+  </svg>
+);
+IconlyRegularBoldWorkIcon.displayName = 'IconlyRegularBoldWorkIcon';
+