| 1 |
export const ArrowRight = ({ active }) => ( |
| 2 |
<svg width={24} height={24} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> |
| 3 |
<path |
| 4 |
d="M13.6162 5.36597C14.0737 4.90849 14.7971 4.87999 15.2881 5.28004L15.3838 5.36597L21.6338 11.616C21.6751 11.6573 21.7118 11.7016 21.7461 11.7468C21.7596 11.7646 21.7736 11.782 21.7861 11.8005L21.7939 11.8123C21.7989 11.8198 21.8028 11.8281 21.8076 11.8357C21.8439 11.8934 21.8757 11.9539 21.9023 12.0173C21.9114 12.0389 21.919 12.0608 21.9268 12.0828C21.9332 12.1009 21.9397 12.119 21.9453 12.1375C21.949 12.1497 21.9518 12.1622 21.9551 12.1746C21.9628 12.2033 21.9709 12.232 21.9766 12.2615C21.9998 12.3816 22.0054 12.5043 21.9932 12.6257C21.9864 12.6938 21.9724 12.7596 21.9551 12.824C21.9518 12.8363 21.949 12.8488 21.9453 12.8611C21.9397 12.8796 21.9332 12.8976 21.9268 12.9158C21.919 12.9377 21.9113 12.9596 21.9023 12.9812C21.8758 13.0447 21.8439 13.1052 21.8076 13.1628C21.8016 13.1725 21.7964 13.1826 21.79 13.1921C21.7763 13.2127 21.761 13.232 21.7461 13.2517C21.7117 13.2972 21.6753 13.3421 21.6338 13.3836L15.3838 19.6336C14.8957 20.1217 14.1044 20.1216 13.6162 19.6336C13.1281 19.1454 13.1281 18.3541 13.6162 17.866L17.7324 13.7498H3.25C2.55966 13.7498 2.00003 13.1901 2 12.4998C2 11.8094 2.55964 11.2498 3.25 11.2498H17.7324L13.6162 7.13355L13.5303 7.03785C13.1302 6.54689 13.1587 5.82348 13.6162 5.36597Z" |
| 5 |
fill={active ? "#fff" : "#757575"} |
| 6 |
/> |
| 7 |
</svg> |
| 8 |
); |
| 9 |
|
| 10 |
export const Check = ({ active }) => ( |
| 11 |
<svg width={24} height={24} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> |
| 12 |
<path |
| 13 |
d="M19.1161 5.11624C19.6043 4.62808 20.3955 4.62808 20.8837 5.11624C21.3718 5.60439 21.3718 6.39566 20.8837 6.88382L9.88369 17.8838C9.39554 18.372 8.60427 18.372 8.11612 17.8838L3.11612 12.8838C2.62796 12.3957 2.62796 11.6044 3.11612 11.1162C3.57378 10.6586 4.298 10.6298 4.78897 11.0303L4.88369 11.1162L8.99991 15.2324L19.1161 5.11624Z" |
| 14 |
fill={active ? "#fff" : "#757575"} |
| 15 |
/> |
| 16 |
</svg> |
| 17 |
); |
| 18 |
|
| 19 |
export const Square = ({ active }) => ( |
| 20 |
<svg width={24} height={24} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> |
| 21 |
<path |
| 22 |
d="M19.8002 5.40001V18.6C19.8002 19.2628 19.263 19.8 18.6002 19.8H5.4002C4.73739 19.8 4.2002 19.2628 4.2002 18.6V5.40001C4.2002 4.7372 4.73739 4.20001 5.4002 4.20001H18.6002C19.263 4.20001 19.8002 4.7372 19.8002 5.40001Z" |
| 23 |
fill={active ? "#fff" : "#757575"} |
| 24 |
/> |
| 25 |
</svg> |
| 26 |
); |
| 27 |
|
| 28 |
export const CheckCircle = ({ active }) => ( |
| 29 |
<svg width={24} height={24} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> |
| 30 |
<path |
| 31 |
d="M12 2C6.49 2 2 6.49 2 12C2 17.51 6.49 22 12 22C17.51 22 22 17.51 22 12C22 6.49 17.51 2 12 2ZM12 20C7.59 20 4 16.41 4 12C4 7.59 7.59 4 12 4C16.41 4 20 7.59 20 12C20 16.41 16.41 20 12 20Z" |
| 32 |
fill={active ? "#fff" : "#757575"} |
| 33 |
/> |
| 34 |
<path |
| 35 |
d="M15.2903 9.29L11.0003 13.58L8.71031 11.29C8.32031 10.9 7.69031 10.9 7.30031 11.29C6.91031 11.68 6.91031 12.31 7.30031 12.7L10.3003 15.7C10.5003 15.9 10.7503 15.99 11.0103 15.99C11.2703 15.99 11.5203 15.89 11.7203 15.7L16.7203 10.7C17.1103 10.31 17.1103 9.68 16.7203 9.29C16.3303 8.9 15.7003 8.9 15.3103 9.29H15.2903Z" |
| 36 |
fill={active ? "#fff" : "#757575"} |
| 37 |
/> |
| 38 |
</svg> |
| 39 |
); |
| 40 |
|
| 41 |
export const ChevronRight = ({ active }) => ( |
| 42 |
<svg width={24} height={24} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> |
| 43 |
<path |
| 44 |
d="M8.11612 5.11624C8.60427 4.62808 9.39554 4.62808 9.88369 5.11624L15.8837 11.1162C16.3719 11.6044 16.3719 12.3957 15.8837 12.8838L9.88369 18.8838C9.39554 19.372 8.60427 19.372 8.11612 18.8838C7.62796 18.3957 7.62796 17.6044 8.11612 17.1162L13.2323 12L8.11612 6.88382C7.62796 6.39566 7.62796 5.60439 8.11612 5.11624Z" |
| 45 |
fill={active ? "#fff" : "#757575"} |
| 46 |
/> |
| 47 |
</svg> |
| 48 |
); |
| 49 |
|
| 50 |
export const Dot = ({ active }) => ( |
| 51 |
<svg width={24} height={24} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> |
| 52 |
<path |
| 53 |
d="M19.6 11.8C19.6 16.1079 16.1079 19.6 11.8 19.6C7.49211 19.6 4 16.1079 4 11.8C4 7.49211 7.49211 4 11.8 4C16.1079 4 19.6 7.49211 19.6 11.8Z" |
| 54 |
fill={active ? "#fff" : "#757575"} |
| 55 |
/> |
| 56 |
</svg> |
| 57 |
); |
| 58 |
|
| 59 |
export const SquareBorder = ({ active }) => ( |
| 60 |
<svg width={24} height={24} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> |
| 61 |
<path |
| 62 |
d="M5.7002 18.2996H18.2998V5.70001H5.7002V18.2996ZM19.7998 18.6004L19.7939 18.7225C19.7367 19.2875 19.2877 19.7365 18.7227 19.7938L18.6006 19.7996H5.40039L5.27734 19.7938C4.71251 19.7363 4.26328 19.2874 4.20605 18.7225L4.2002 18.6004V5.40021C4.2002 4.77886 4.67224 4.26737 5.27734 4.20587L5.40039 4.20001H18.6006L18.7227 4.20587C19.3279 4.26719 19.7998 4.77873 19.7998 5.40021V18.6004Z" |
| 63 |
fill={active ? "#fff" : "#757575"} |
| 64 |
/> |
| 65 |
</svg> |
| 66 |
); |
| 67 |
|
| 68 |
export const RightArrow = ({ active }) => ( |
| 69 |
<svg width={24} height={24} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> |
| 70 |
<svg width={24} height={24} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> |
| 71 |
<path |
| 72 |
d="M11.3861 15.8541H3.78895C2.80073 15.8541 2 15.0534 2 14.0652V10.4365C2 9.44828 2.80073 8.64755 3.78895 8.64755H11.3861V5.79225C11.3861 4.23376 13.2376 3.42131 14.382 4.47593L21.4207 10.9365C22.1472 11.6044 22.198 12.7332 21.53 13.4637C21.4949 13.5027 21.4597 13.5379 21.4207 13.573L14.382 20.0297C13.2337 21.0804 11.3861 20.2679 11.3861 18.7133V15.8541Z" |
| 73 |
fill={active ? "#fff" : "#757575"} |
| 74 |
/> |
| 75 |
</svg> |
| 76 |
</svg> |
| 77 |
); |
| 78 |
|
| 79 |
export const NumberIcon = ({ active }) => ( |
| 80 |
<svg width={24} height={24} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> |
| 81 |
<svg width={24} height={24} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> |
| 82 |
<path |
| 83 |
d="M15.2942 15.579V17H9.59617V15.579H11.6122V10.021C11.6122 9.89967 11.6145 9.776 11.6192 9.65C11.6238 9.524 11.6308 9.39567 11.6402 9.265L10.3102 10.371C10.2168 10.441 10.1258 10.4853 10.0372 10.504C9.94851 10.5227 9.86451 10.525 9.78517 10.511C9.70584 10.4923 9.63584 10.4643 9.57517 10.427C9.51451 10.385 9.46784 10.343 9.43517 10.301L8.82617 9.482L11.9482 6.836H13.5372V15.579H15.2942Z" |
| 84 |
fill={active ? "#fff" : "#757575"} |
| 85 |
/> |
| 86 |
</svg> |
| 87 |
</svg> |
| 88 |
); |
| 89 |
|
| 90 |
export const Hand = ({ active }) => ( |
| 91 |
<svg width={24} height={24} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> |
| 92 |
<path |
| 93 |
d="M10.0798 5.52002C8.55448 5.52002 7.51012 6.41628 6.71236 7.21502C6.23517 7.68657 5.81798 8.17034 5.27985 8.49753V7.92004C5.27985 7.66879 5.0511 7.44004 4.79985 7.44004H1.15473C0.918479 7.46254 0.718794 7.68285 0.71973 7.92004V16.56C0.71973 16.8113 0.948479 17.04 1.19973 17.04H4.79973C4.96473 17.04 5.12692 16.9491 5.21224 16.8075C6.27443 17.9822 7.71352 18.4801 9.11968 18.4801H12.9597C13.8822 18.4801 14.6397 17.7226 14.6397 16.8001C14.6397 16.5366 14.5619 16.2947 14.4522 16.0726C15.3494 16.0435 16.0797 15.3038 16.0797 14.4001C16.0797 14.1366 16.0019 13.8947 15.8922 13.6726C16.2672 13.6669 16.6656 13.6004 16.9947 13.3276C17.5197 12.9572 17.5197 11.7572 17.0697 11.2801H21.1197C22.3169 11.2707 23.2619 10.4588 23.2797 9.36008C23.2197 8.0954 22.1997 7.4504 21.1197 7.44008H15.7946C15.7421 6.94882 15.5658 6.47634 15.2021 6.13508C14.7774 5.73663 14.1624 5.52008 13.4395 5.52008L10.0798 5.52002ZM10.0798 6.48002H13.4398C13.9742 6.48002 14.3211 6.62533 14.5423 6.83253C14.7083 6.98816 14.7917 7.20192 14.8348 7.44002C14.3998 7.43721 14.1626 7.64252 14.1533 7.92002C14.1533 8.17408 14.3867 8.40376 14.6398 8.40002H21.1198C21.7967 8.41033 22.3133 8.77315 22.3198 9.36002C22.2898 10.0744 21.6758 10.3144 21.1198 10.32C19.1998 10.3172 17.0398 10.3172 15.3898 10.3425C15.2989 10.366 15.0842 10.4344 15.0073 10.695C14.9304 10.9557 15.0626 11.116 15.1198 11.1825C15.5998 11.5172 15.8858 11.4844 16.3198 11.7572C16.6686 12.2494 16.2317 12.7172 15.8398 12.72H14.3998C14.1504 12.7238 13.9264 12.9506 13.9264 13.2C13.9264 13.4494 14.1504 13.6763 14.3998 13.68C14.8067 13.68 15.1198 13.9931 15.1198 14.4C15.1198 14.8069 14.8067 15.12 14.3998 15.12H12.9598C12.7104 15.1238 12.4864 15.3506 12.4864 15.6C12.4864 15.8494 12.7104 16.0763 12.9598 16.08C13.3667 16.08 13.6798 16.3931 13.6798 16.8C13.6798 17.2069 13.3667 17.52 12.9598 17.52H9.11981C7.59169 17.52 6.16565 16.9135 5.27981 15.2175V9.4875C6.18449 9.22969 6.8042 8.49001 7.39481 7.8975C8.37733 7.12969 8.87968 6.47719 10.0798 6.48002ZM1.6798 8.40002H4.3198V16.08H1.6798V8.40002Z" |
| 94 |
fill={active ? "#fff" : "#757575"} |
| 95 |
/> |
| 96 |
</svg> |
| 97 |
); |
| 98 |
|
| 99 |
export const FillStar = ({ active }) => ( |
| 100 |
<svg width={24} height={24} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> |
| 101 |
<path |
| 102 |
d="M13.4887 3.07487L14.8799 7.35743C15.089 8.00243 15.6909 8.43931 16.3687 8.43931H20.8716C22.3875 8.43931 23.0184 10.3799 21.7922 11.2706L18.149 13.9171C17.6005 14.3155 17.3709 15.0224 17.5809 15.6674L18.9721 19.9499C19.4409 21.3918 17.7899 22.5909 16.5637 21.7003L12.9205 19.0538C12.3721 18.6553 11.6286 18.6553 11.0802 19.0538L7.43699 21.7003C6.21074 22.5918 4.55987 21.3928 5.02859 19.9499L6.41985 15.6674C6.62891 15.0224 6.40016 14.3155 5.85172 13.9171L2.20756 11.2706C0.981304 10.379 1.6113 8.43931 3.12818 8.43931H7.63106C8.30886 8.43931 8.9098 8.00243 9.1198 7.35743L10.5111 3.07487C10.9798 1.633 13.02 1.633 13.4887 3.07487Z" |
| 103 |
fill={active ? "#fff" : "#757575"} |
| 104 |
/> |
| 105 |
</svg> |
| 106 |
); |
| 107 |
|
| 108 |
export const NpArrow = ({ active }) => ( |
| 109 |
<svg width={24} height={24} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> |
| 110 |
<path |
| 111 |
fillRule="evenodd" |
| 112 |
clipRule="evenodd" |
| 113 |
d="M3.81543 22L21.1842 12L3.81543 2V22Z" |
| 114 |
fill={active ? "#fff" : "#757575"} |
| 115 |
/> |
| 116 |
</svg> |
| 117 |
); |
| 118 |
export const BulletPoint = ({ active }) => ( |
| 119 |
<svg width={24} height={24} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> |
| 120 |
<path d="M21.1612 12L3.83887 2L7.53381 12L3.83887 22L21.1612 12Z" fill={active ? "#fff" : "#757575"} /> |
| 121 |
</svg> |
| 122 |
); |
| 123 |
|
| 124 |
export const CircleIcon = ({ active }) => ( |
| 125 |
<svg width={24} height={24} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> |
| 126 |
<path |
| 127 |
d="M18.0996 11.7998C18.0995 8.32043 15.2792 5.5 11.7998 5.5C8.3205 5.50011 5.50011 8.3205 5.5 11.7998C5.5 15.2792 8.32043 18.0995 11.7998 18.0996V19.5996L11.3984 19.5898C7.41004 19.3876 4.21181 16.1896 4.00977 12.2012L4 11.7998C4.00011 7.49207 7.49207 4.00011 11.7998 4L12.2012 4.00977C16.3226 4.21855 19.5995 7.62655 19.5996 11.7998L19.5898 12.2012C19.381 16.3226 15.9731 19.5996 11.7998 19.5996V18.0996C15.2793 18.0996 18.0996 15.2793 18.0996 11.7998Z" |
| 128 |
fill={active ? "#fff" : "#757575"} |
| 129 |
/> |
| 130 |
</svg> |
| 131 |
); |
| 132 |
|
