| 1 |
export const ChevronSolid = () => ( |
| 2 |
<svg width={8} height={14} viewBox="0 0 8 14" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> |
| 3 |
<path d="M7.49995 6.40003L1.89995 0.700024C1.49995 0.300024 0.899951 0.300024 0.499951 0.700024C0.0999514 1.10002 0.0999514 1.70002 0.499951 2.10002L5.39995 7.00003L0.499951 11.9C0.299951 12.1 0.199951 12.3 0.199951 12.6C0.199951 13.2 0.599951 13.6 1.19995 13.6C1.49995 13.6 1.69995 13.5 1.89995 13.3L7.59995 7.60003C7.89995 7.40003 7.89995 6.80002 7.49995 6.40003Z" /> |
| 4 |
</svg> |
| 5 |
); |
| 6 |
export const ChevronOutline = () => ( |
| 7 |
<svg width={10} height={18} viewBox="0 0 10 18" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> |
| 8 |
<path d="M1.25005 17.25C1.05823 17.25 0.866234 17.1767 0.719797 17.0302C0.426734 16.7372 0.426734 16.2626 0.719797 15.9697L7.68955 8.99998L0.719797 2.03023C0.426734 1.73716 0.426734 1.2626 0.719797 0.969727C1.01286 0.676852 1.48742 0.676664 1.7803 0.969727L9.2803 8.46973C9.57336 8.76279 9.57336 9.23735 9.2803 9.53023L1.7803 17.0302C1.63386 17.1767 1.44186 17.25 1.25005 17.25Z" /> |
| 9 |
</svg> |
| 10 |
); |
| 11 |
export const ChevronBold = () => ( |
| 12 |
<svg width={10} height={15} viewBox="0 0 10 15" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> |
| 13 |
<path |
| 14 |
d="M9.35391 8.29922L2.97891 14.6742C2.53828 15.1148 1.82578 15.1148 1.38984 14.6742L0.330469 13.6148C-0.110156 13.1742 -0.110156 12.4617 0.330469 12.0258L4.84922 7.50703L0.330469 2.98828C-0.110156 2.54766 -0.110156 1.83516 0.330469 1.39922L1.38516 0.330469C1.82578 -0.110156 2.53828 -0.110156 2.97422 0.330469L9.34922 6.70547C9.79453 7.14609 9.79453 7.85859 9.35391 8.29922Z" |
| 15 |
// fill="black" |
| 16 |
/> |
| 17 |
</svg> |
| 18 |
); |
| 19 |
|
| 20 |
export const DoubleChevron = () => ( |
| 21 |
<svg width={14} height={14} viewBox="0 0 14 14" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> |
| 22 |
<path |
| 23 |
d="M6.34237 13.3157C5.97377 12.9471 5.97377 12.3607 6.34237 11.992L11.3271 7.00727L6.34237 2.0225C5.97377 1.6539 5.97377 1.06746 6.34237 0.698816C6.71097 0.330212 7.29741 0.330212 7.66605 0.698816L13.3126 6.34541C13.6813 6.71401 13.6813 7.30045 13.3126 7.66909L7.66609 13.3157C7.29749 13.676 6.71105 13.676 6.34237 13.3157Z" |
| 24 |
// fill="black" |
| 25 |
/> |
| 26 |
<path |
| 27 |
d="M0.687342 13.3158C0.318738 12.9471 0.318738 12.3607 0.687342 11.9921L5.67211 7.0073L0.687342 2.01421C0.318738 1.64561 0.318738 1.05917 0.687342 0.690529C1.05595 0.321888 1.64238 0.321925 2.01103 0.690529L7.65765 6.33708C8.02626 6.70569 8.02626 7.29213 7.65765 7.66077L2.01103 13.3074C1.65078 13.676 1.05598 13.676 0.687342 13.3158Z" |
| 28 |
// fill="black" |
| 29 |
/> |
| 30 |
</svg> |
| 31 |
); |
| 32 |
|
| 33 |
export const ArrowSolid = () => ( |
| 34 |
<svg width={16} height={16} viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> |
| 35 |
<path |
| 36 |
d="M1.5387 9.5107H11.016L7.83315 12.9702C7.27005 13.5773 7.31411 14.5371 7.92618 15.1002C8.53337 15.6633 9.50048 15.6266 10.0562 15.0194L15.577 9.0212C15.8414 8.7323 15.9712 8.36993 15.9712 8.00024C15.9712 7.63055 15.839 7.26577 15.577 6.97928L10.0562 0.981084C9.49797 0.373899 8.53337 0.334726 7.92618 0.900287C7.31163 1.46339 7.2676 2.42313 7.83315 3.03032L11.016 6.48978H1.5387C0.706242 6.48978 0.0280762 7.16063 0.0280762 8.0004C0.0280762 8.84017 0.70384 9.51102 1.5387 9.51102V9.5107Z" |
| 37 |
// fill="black" |
| 38 |
/> |
| 39 |
</svg> |
| 40 |
); |
| 41 |
export const ArrowOutline = () => ( |
| 42 |
<svg width={18} height={16} viewBox="0 0 18 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> |
| 43 |
<path |
| 44 |
fillRule="evenodd" |
| 45 |
clipRule="evenodd" |
| 46 |
d="M11.489 9.73014H2.05357C0.0195797 9.73014 0.0195797 6.28366 2.05357 6.28366H11.489L8.60752 3.40218C7.19503 1.98969 9.62451 -0.496291 11.037 0.972699L17.026 6.96166C17.6475 7.52665 17.6475 8.48715 17.026 9.10864C15.0485 11.0861 13.0145 13.0636 11.037 15.0976C9.62451 16.5101 7.13853 14.0806 8.60752 12.6116L11.489 9.73014ZM13.636 8.82614L9.22902 13.2896C8.60752 13.8546 9.79401 15.0411 10.4155 14.4196C12.393 12.4421 14.427 10.4646 16.4045 8.43065C16.6305 8.20465 16.6305 7.80915 16.4045 7.58315L10.4155 1.59419C9.85051 0.972699 8.66402 2.15919 9.22902 2.78069L13.636 7.18766H2.05357C1.20607 7.18766 1.20607 8.82614 2.05357 8.82614H13.636Z" |
| 47 |
// fill="black" |
| 48 |
/> |
| 49 |
</svg> |
| 50 |
); |
| 51 |
|
| 52 |
export const ArrowMinimal = () => ( |
| 53 |
<svg width={24} height={24} viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> |
| 54 |
<mask |
| 55 |
id="mask0_17641_14652" |
| 56 |
style={{ |
| 57 |
maskType: "luminance", |
| 58 |
}} |
| 59 |
maskUnits="userSpaceOnUse" |
| 60 |
x={0} |
| 61 |
y={0} |
| 62 |
width={24} |
| 63 |
height={24} |
| 64 |
> |
| 65 |
<path d="M0 0H24V24H0V0Z" fill="white" /> |
| 66 |
</mask> |
| 67 |
<g mask="url(#mask0_17641_14652)"> |
| 68 |
<path |
| 69 |
d="M14.5 21.4993C14.372 21.4993 14.244 21.4503 14.146 21.3533C13.951 21.1583 13.951 20.8412 14.146 20.6462L22.793 11.9992L14.147 3.35325C13.952 3.15825 13.952 2.84125 14.147 2.64625C14.342 2.45125 14.659 2.45125 14.854 2.64625L23.854 11.6462C24.049 11.8412 24.049 12.1582 23.854 12.3532L14.854 21.3533C14.756 21.4503 14.628 21.4993 14.5 21.4993Z" |
| 70 |
// fill="black" |
| 71 |
/> |
| 72 |
<path |
| 73 |
d="M23.5 12.4993H0.5C0.224 12.4993 0 12.2753 0 11.9993C0 11.7233 0.224 11.4993 0.5 11.4993H23.5C23.776 11.4993 24 11.7233 24 11.9993C24 12.2753 23.776 12.4993 23.5 12.4993Z" |
| 74 |
// fill="black" |
| 75 |
/> |
| 76 |
</g> |
| 77 |
</svg> |
| 78 |
); |
| 79 |
|
| 80 |
export const ChevronBorderLine = () => ( |
| 81 |
<svg width={10} height={16} viewBox="0 0 10 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> |
| 82 |
<path |
| 83 |
d="M9.10076 6.80249L3.29436 0.996084C2.63187 0.334234 1.56115 0.334718 0.899298 0.996084C0.238376 1.65701 0.236804 2.7293 0.899771 3.39114L5.5082 7.99998L0.899367 12.6088C0.238445 13.2688 0.236873 14.3425 0.89984 15.0034C1.55931 15.6639 2.6312 15.6669 3.29446 15.0034L9.10086 9.19703C9.42123 8.87775 9.59686 8.4528 9.59686 7.99994C9.59686 7.54756 9.42124 7.12212 9.10086 6.80241L9.10076 6.80249ZM8.41654 8.51336L2.61013 14.3198C2.32662 14.6033 1.86683 14.6033 1.58332 14.3198C1.29981 14.0372 1.29981 13.5769 1.58332 13.2934L6.87683 7.99994L1.58332 2.70684C1.29981 2.42379 1.29981 1.96354 1.58332 1.68051C1.86637 1.39652 2.32755 1.39747 2.61013 1.68004L8.41654 7.48644C8.69973 7.77012 8.69973 8.22975 8.41654 8.51325V8.51336Z" |
| 84 |
// fill="black" |
| 85 |
/> |
| 86 |
</svg> |
| 87 |
); |
| 88 |
|
| 89 |
export const DoubleChevronOutline = () => ( |
| 90 |
<svg width={16} height={16} viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> |
| 91 |
<path d="M4.68926 7.33426C4.95939 7.74031 4.95939 8.26528 4.68926 8.66963L0.897206 14.3696C0.747699 14.5939 0.734108 14.8793 0.861528 15.1171C0.98895 15.355 1.2353 15.5011 1.50373 15.5011L3.69877 15.5011C4.3002 15.5011 4.85745 15.2021 5.19044 14.7026L9.01647 8.95166C9.40043 8.37402 9.40043 7.62818 9.01647 7.05054L5.19045 1.2996C4.85745 0.800113 4.3002 0.501098 3.69877 0.501098L1.50373 0.501098C1.2353 0.501098 0.988951 0.648907 0.86153 0.88506C0.734109 1.12121 0.7477 1.40834 0.897208 1.6326L4.68926 7.33426ZM1.31175 1.12631C1.33044 1.09233 1.3865 1.01078 1.50543 1.01078L3.69877 1.01078C4.1286 1.01078 4.52786 1.22485 4.76571 1.58163L8.59174 7.33426C8.86187 7.74031 8.86187 8.26528 8.59174 8.66963L4.76571 14.4206C4.52785 14.779 4.1286 14.9914 3.69877 14.9914L1.50373 14.9914C1.3848 14.9914 1.32874 14.9099 1.31005 14.8759C1.29136 14.8419 1.25568 14.7502 1.32024 14.6516L5.11399 8.95166C5.49795 8.37402 5.49795 7.62818 5.11399 7.05054L1.32194 1.35057C1.25738 1.25203 1.29306 1.16199 1.31175 1.12631Z" /> |
| 92 |
<path d="M10.6204 7.33426C10.8905 7.74031 10.8905 8.26528 10.6204 8.66963L6.82835 14.3696C6.67884 14.5939 6.66525 14.8793 6.79267 15.1171C6.92009 15.355 7.16644 15.5011 7.43487 15.5011L9.62991 15.5011C10.2313 15.5011 10.7886 15.2021 11.1216 14.7026L14.9459 8.95166C15.3299 8.37402 15.3299 7.62818 14.9459 7.05054L11.1199 1.2996C10.7869 0.800113 10.2296 0.501098 9.62821 0.501098L7.43317 0.501098C7.16474 0.501098 6.91839 0.648907 6.79097 0.88506C6.66355 1.12291 6.67714 1.40834 6.82665 1.6326L10.6204 7.33426ZM7.24289 1.12631C7.26158 1.09233 7.31765 1.01078 7.43657 1.01078L9.62991 1.01078C10.0597 1.01078 10.459 1.22485 10.6969 1.58163L14.5229 7.33426C14.793 7.74031 14.793 8.26528 14.5229 8.66963L10.6968 14.4206C10.459 14.779 10.0597 14.9914 9.62991 14.9914L7.43487 14.9914C7.31595 14.9914 7.25988 14.9099 7.24119 14.8759C7.2225 14.8419 7.18683 14.7502 7.25139 14.6516L11.0451 8.95166C11.4291 8.37402 11.4291 7.62818 11.0451 7.05054L7.25309 1.35057C7.18683 1.25203 7.2242 1.16199 7.24289 1.12631Z" /> |
| 93 |
</svg> |
| 94 |
); |
| 95 |
|
| 96 |
export const TriangleOutline = () => ( |
| 97 |
<svg width={10} height={12} viewBox="0 0 10 12" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> |
| 98 |
<path |
| 99 |
d="M9.49388 5.55745L1.14605 0.340058C0.985044 0.239429 0.782513 0.233825 0.616667 0.326556C0.450567 0.418268 0.3479 0.592775 0.3479 0.782568V11.2174C0.3479 11.4071 0.450567 11.5817 0.616667 11.6739C0.695896 11.7172 0.782513 11.7391 0.86964 11.7391C0.965682 11.7391 1.06173 11.7126 1.14605 11.6599L9.49388 6.44247C9.64622 6.34694 9.73921 6.18007 9.73921 5.99996C9.73921 5.81985 9.64622 5.65298 9.49388 5.55745ZM1.39138 10.276V1.72389L8.23284 5.99996L1.39138 10.276Z" |
| 100 |
// fill="black" |
| 101 |
/> |
| 102 |
</svg> |
| 103 |
); |
| 104 |
|
| 105 |
export const PlusIcon = () => ( |
| 106 |
<svg xmlns="http://www.w3.org/2000/svg" width={16} height={16} viewBox="0 0 16 16" fill="none"> |
| 107 |
<path |
| 108 |
d="M8 3.33301V12.6663" |
| 109 |
stroke="black" |
| 110 |
strokeWidth={1.33333} |
| 111 |
strokeLinecap="round" |
| 112 |
strokeLinejoin="round" |
| 113 |
/> |
| 114 |
<path |
| 115 |
d="M3.33301 8H12.6663" |
| 116 |
stroke="black" |
| 117 |
strokeWidth={1.33333} |
| 118 |
strokeLinecap="round" |
| 119 |
strokeLinejoin="round" |
| 120 |
/> |
| 121 |
</svg> |
| 122 |
); |
| 123 |
|
| 124 |
export const KebabMenuIcon = () => ( |
| 125 |
<svg xmlns="http://www.w3.org/2000/svg" width={30} height={20} viewBox="0 0 13 14" fill="none"> |
| 126 |
<path |
| 127 |
d="M6.6875 6.81543H6.69224" |
| 128 |
stroke="#4E4F52" |
| 129 |
strokeWidth={1.57895} |
| 130 |
strokeLinecap="round" |
| 131 |
strokeLinejoin="round" |
| 132 |
/> |
| 133 |
<path |
| 134 |
d="M6.6875 9.97363H6.69224" |
| 135 |
stroke="#4E4F52" |
| 136 |
strokeWidth={1.57895} |
| 137 |
strokeLinecap="round" |
| 138 |
strokeLinejoin="round" |
| 139 |
/> |
| 140 |
<path |
| 141 |
d="M6.6875 3.65771H6.69224" |
| 142 |
stroke="#4E4F52" |
| 143 |
strokeWidth={1.57895} |
| 144 |
strokeLinecap="round" |
| 145 |
strokeLinejoin="round" |
| 146 |
/> |
| 147 |
</svg> |
| 148 |
); |
| 149 |
|
| 150 |
export const MoreArrowIcon = () => ( |
| 151 |
<svg width={10} height={6} viewBox="0 0 10 6" fill="none" xmlns="http://www.w3.org/2000/svg"> |
| 152 |
<path |
| 153 |
fillRule="evenodd" |
| 154 |
clipRule="evenodd" |
| 155 |
d="M10.0074 0.924924L5.00371 5.47379L-4.29558e-05 0.924925L0.840797 -4.00687e-07L5.00371 3.78446L9.1666 6.58633e-07L10.0074 0.924924Z" |
| 156 |
fill="#757575" |
| 157 |
/> |
| 158 |
</svg> |
| 159 |
); |
| 160 |
|
| 161 |
export const RightArrow = () => ( |
| 162 |
<svg xmlns="http://www.w3.org/2000/svg" width={20} height={13} viewBox="0 0 5 9" fill="none"> |
| 163 |
<path |
| 164 |
fillRule="evenodd" |
| 165 |
clipRule="evenodd" |
| 166 |
d="M1.15403 0.865234L4.74524 4.81555L1.15403 8.76588L0.423828 8.10206L3.41156 4.81555L0.423829 1.52906L1.15403 0.865234Z" |
| 167 |
fill="#757575" |
| 168 |
/> |
| 169 |
</svg> |
| 170 |
); |
| 171 |
|
| 172 |
export const LeftArrow = () => ( |
| 173 |
<svg xmlns="http://www.w3.org/2000/svg" width={20} height={13} viewBox="0 0 5 9" fill="none"> |
| 174 |
<path |
| 175 |
fillRule="evenodd" |
| 176 |
clipRule="evenodd" |
| 177 |
d="M4.26589 0.865234L0.674678 4.81555L4.26589 8.76588L4.99609 8.10206L2.00836 4.81555L4.99609 1.52906L4.26589 0.865234Z" |
| 178 |
fill="#757575" |
| 179 |
/> |
| 180 |
</svg> |
| 181 |
); |
| 182 |
|
