@cleartrip/ct-design-icons 4.0.0-SNAPSHOT-test.0 → 4.0.0-SNAPSHOT-reactnative.2

package/src/HiFive.tsx

@@ -0,0 +1,16 @@
+import React, { SVGProps } from 'react';
+
+const HiFive: React.FC<SVGProps<SVGSVGElement>> = ({ color = '#1A1A1A', ...props }) => {
+  return (
+    <svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg' {...props}>
+      <path
+        fillRule='evenodd'
+        clipRule='evenodd'
+        d='M12.0003 2.91731C9.19287 2.91731 6.91698 5.1932 6.91698 8.00064C6.91698 10.8081 9.19287 13.084 12.0003 13.084C14.8078 13.084 17.0837 10.8081 17.0837 8.00064C17.0837 5.1932 14.8078 2.91731 12.0003 2.91731ZM6.08365 8.00064C6.08365 4.73296 8.73263 2.08398 12.0003 2.08398C15.268 2.08398 17.917 4.73296 17.917 8.00064C17.917 11.0999 15.534 13.6427 12.5003 13.8965V17.6839C12.6175 17.4102 12.7568 17.151 12.9225 16.9213C13.6158 15.9607 14.8244 15.5758 15.7728 15.4164C16.2584 15.3347 16.7027 15.3078 17.0251 15.301C17.1868 15.2976 17.3189 15.2993 17.4115 15.3019C17.4579 15.3032 17.4944 15.3047 17.52 15.3059L17.5499 15.3075L17.5583 15.308L17.5609 15.3082H17.5621C17.5622 15.3083 17.5623 15.3083 17.5357 15.7074C17.9357 15.7053 17.9357 15.7054 17.9357 15.7055V15.7085V15.7156L17.9356 15.7414C17.9354 15.7635 17.9351 15.7955 17.9342 15.8364C17.9326 15.918 17.9291 16.035 17.9216 16.1794C17.9068 16.4677 17.8763 16.8673 17.8132 17.3126C17.6896 18.1853 17.4322 19.3041 16.8697 20.0836C16.1764 21.0442 14.9679 21.4291 14.0194 21.5886C13.5339 21.6702 13.0896 21.6972 12.7671 21.7039C12.6055 21.7073 12.4734 21.7056 12.3807 21.703C12.3344 21.7018 12.2978 21.7002 12.2723 21.699L12.2424 21.6974L12.2339 21.6969L12.2313 21.6968L12.2302 21.6967C12.23 21.6967 12.2299 21.6967 12.2474 21.4353L12.2302 21.6967L11.9815 21.6801L11.6621 21.7014L11.6383 21.3453C11.662 21.7014 11.6622 21.7014 11.6621 21.7014L11.6606 21.7015L11.6581 21.7017L11.6497 21.7022L11.62 21.7037C11.5947 21.705 11.5585 21.7065 11.5126 21.7077C11.4208 21.7103 11.29 21.712 11.1299 21.7086C10.8106 21.7019 10.3706 21.6752 9.88973 21.5944C8.95063 21.4365 7.75292 21.0552 7.06572 20.103C6.5083 19.3306 6.2534 18.2222 6.13104 17.3583C6.06858 16.9173 6.03834 16.5217 6.02366 16.2362C6.01631 16.0932 6.01284 15.9773 6.0112 15.8965C6.01038 15.8561 6.01002 15.8244 6.00987 15.8024L6.00977 15.7769V15.7698L6.00978 15.7678C6.00978 15.7677 6.00978 15.7667 6.40978 15.7688C6.3831 15.3696 6.38322 15.3696 6.38335 15.3696L6.38454 15.3695L6.38709 15.3694L6.3955 15.3689L6.42513 15.3673C6.45043 15.3661 6.48665 15.3646 6.53256 15.3633C6.62433 15.3608 6.75516 15.3591 6.91524 15.3624C7.23455 15.3691 7.67456 15.3958 8.15543 15.4767C9.09454 15.6346 10.2922 16.0158 10.9795 16.968C11.1951 17.2668 11.3654 17.6158 11.5003 17.9815V13.8965C8.46663 13.6427 6.08365 11.0999 6.08365 8.00064ZM6.40978 15.7688L6.00978 15.7667L6.01169 15.3945L6.38335 15.3696L6.40978 15.7688ZM17.5357 15.7074L17.5621 15.3082L17.9338 15.3331L17.9357 15.7055L17.5357 15.7074ZM12.9114 5.27933H14.245C14.3766 5.27933 14.4832 5.17035 14.4832 5.03591C14.4832 4.90147 14.3766 4.79249 14.245 4.79249H10.2324C10.0614 4.79249 9.92278 4.93417 9.92278 5.10894C9.92278 5.28372 10.0614 5.42539 10.2324 5.42537H10.5991C11.4279 5.42537 12.4828 5.70776 12.6161 6.27251H10.1609C10.0294 6.27251 9.92278 6.38149 9.92278 6.51593C9.92278 6.65036 10.0294 6.75935 10.1609 6.75935H12.6447C12.578 7.4312 12.0255 7.86935 10.9967 7.86935H10.8961C10.6623 7.86935 10.4728 8.0631 10.4728 8.30209C10.4728 8.4116 10.5133 8.51705 10.5864 8.59712C11.3857 9.47323 12.0283 10.2515 12.7005 11.0785C12.7678 11.1613 12.8676 11.2092 12.9729 11.2092C13.2723 11.2092 13.4365 10.8528 13.2459 10.6168C12.6033 9.82142 11.9643 9.05709 11.3682 8.42438C12.5875 8.38543 13.3592 7.75252 13.4544 6.75935H14.245C14.3766 6.75935 14.4832 6.65036 14.4832 6.51593C14.4832 6.38149 14.3766 6.27251 14.245 6.27251H13.4449C13.3877 5.8246 13.1877 5.50329 12.9114 5.27933ZM15.9054 16.2053C15.0081 16.3561 14.0723 16.6952 13.5712 17.3895C13.1293 18.0018 12.8916 18.954 12.7711 19.8045C12.7122 20.2207 12.6835 20.5957 12.6695 20.8666L12.6676 20.9054C12.6941 20.9051 12.7217 20.9047 12.7504 20.9041C13.0455 20.8979 13.4494 20.8732 13.8868 20.7996C14.7841 20.6488 15.72 20.3097 16.221 19.6154C16.6629 19.0031 16.9006 18.0509 17.0211 17.2004C17.0801 16.7842 17.1088 16.4092 17.1227 16.1383L17.1246 16.0995C17.0982 16.0998 17.0705 16.1002 17.0419 16.1008C16.7468 16.107 16.3428 16.1318 15.9054 16.2053ZM10.3307 17.4362C9.83577 16.7503 8.91082 16.4149 8.0228 16.2656C7.59012 16.1929 7.19046 16.1684 6.89849 16.1623C6.87166 16.1617 6.84578 16.1613 6.8209 16.161L6.82261 16.1951C6.83638 16.4632 6.8648 16.8343 6.92313 17.2461C7.04235 18.0879 7.27761 19.0296 7.71442 19.6348C8.2094 20.3207 9.13435 20.6561 10.0224 20.8054C10.455 20.8782 10.8547 20.9027 11.1467 20.9088C11.1735 20.9093 11.1994 20.9097 11.2243 20.91L11.2226 20.8759C11.2088 20.6079 11.1804 20.2368 11.122 19.8249C11.0028 18.9832 10.7676 18.0415 10.3307 17.4362Z'
+        fill={color}
+      />
+    </svg>
+  );
+};
+
+export default HiFive;

package/src/InsiderElite.tsx

@@ -0,0 +1,38 @@
+import React, { SVGProps } from 'react';
+
+const InsiderElite: React.FC<SVGProps<SVGSVGElement>> = () => {
+  return (
+    <svg width='90' height='16' viewBox='0 0 90 16' fill='none' xmlns='http://www.w3.org/2000/svg'>
+      <g clipPath='url(#clip0_2753_69706)'>
+        <path
+          fillRule='evenodd'
+          clipRule='evenodd'
+          d='M1.31617 3.98169C1.15215 4.30671 0.999453 4.59353 0.976924 4.61896C0.954263 4.64438 0.724495 4.50394 0.466138 4.30684C0.20778 4.10975 -0.00196237 3.97049 1.38514e-05 3.99711C0.00212182 4.02385 0.111868 4.3718 0.244011 4.77033L0.48445 5.49495H1.57756H2.67067L2.82982 5.03383C2.91731 4.78021 3.03298 4.43319 3.08686 4.26258L3.18475 3.95231L2.67752 4.2992L2.17016 4.64596L1.89231 4.01832L1.61432 3.39067L1.31617 3.98169ZM16.4818 3.79843C15.6062 4.23478 15.1576 4.88206 15.0573 5.85343C14.8992 7.38447 15.7066 8.26336 17.8798 8.92632C19.5337 9.43078 19.9624 10.0459 19.0096 10.5475C18.5297 10.8002 17.9118 10.7198 17.0297 10.29C16.11 9.8421 15.6499 9.84052 14.9786 10.2835L14.6122 10.5252L15.0444 11.1609C15.3278 11.5777 15.7262 11.9366 16.2013 12.203C16.8693 12.5776 17.0237 12.6093 18.1775 12.6093C19.3349 12.6093 19.4834 12.5785 20.1504 12.2001C21.0624 11.6829 21.4712 10.9836 21.4712 9.94064C21.4712 8.5258 20.8994 7.93307 18.8865 7.26103C17.3986 6.7642 17.1235 6.58147 17.1235 6.08939C17.1235 5.40365 18.0225 5.21024 18.968 5.69257C19.2521 5.83749 19.6896 5.95606 19.9402 5.95606C20.4723 5.95606 21.2057 5.579 21.2069 5.30483C21.2084 4.97046 19.8613 3.78776 19.2821 3.61477C18.3513 3.33692 17.2652 3.40806 16.4818 3.79843ZM6.38609 3.71029C6.24117 3.77024 5.97438 3.97866 5.79323 4.17352L5.46386 4.52765L5.42539 8.46968L5.38692 12.4117H5.86226C6.41705 12.4117 6.82244 12.2292 7.14074 11.8364C7.33217 11.5999 7.3688 11.2576 7.3713 9.67794C7.37288 8.6453 7.4186 7.80132 7.47301 7.80238C7.52742 7.8033 8.28326 8.81591 9.1528 10.0525C10.0223 11.2892 10.7931 12.3495 10.8655 12.4089C11.0824 12.5867 11.9165 12.1688 12.1568 11.7619C12.3539 11.4283 12.3806 10.9165 12.3806 7.48381V3.5846H11.9788C11.4644 3.5846 10.8547 3.90001 10.6389 4.2776C10.5335 4.46204 10.4456 5.2885 10.4044 6.48174L10.3385 8.39076L8.63305 5.98768C7.69514 4.66599 6.86513 3.58842 6.78858 3.5929C6.71217 3.59751 6.53102 3.65035 6.38609 3.71029ZM23.7109 7.34363C23.7109 11.4164 23.7648 11.7867 24.4195 12.2157C24.6039 12.3366 24.9943 12.4676 25.2869 12.5068L25.8189 12.5781V8.6677C25.8189 4.37232 25.787 4.17457 25.0328 3.78446C24.8201 3.67459 24.4358 3.5846 24.1786 3.5846H23.7109V7.34363ZM29.3439 3.80778C28.6247 4.26956 28.5856 4.52291 28.5856 8.7225V12.569L30.9241 12.5201C33.6202 12.4636 34.0349 12.3436 35.1545 11.2963C36.1279 10.386 36.4225 9.6201 36.4235 7.99815C36.4243 6.81071 36.3882 6.6119 36.0577 5.98452C35.6035 5.12236 34.8374 4.36508 34.0183 3.96865C33.4783 3.70726 33.1463 3.66049 31.5499 3.6211C29.9624 3.58197 29.6551 3.60805 29.3439 3.80778ZM38.6297 8.03109L38.6643 12.4776L41.4639 12.5132L44.2636 12.5487V12.0292C44.2636 11.3709 43.776 10.7589 43.1024 10.5718C42.8353 10.4977 42.187 10.4367 41.6616 10.4363L40.7064 10.4355V9.72392V9.01248L41.9031 8.96637C43.0636 8.92184 43.1112 8.90748 43.484 8.4901C43.7723 8.16732 43.8683 7.92872 43.8683 7.53493V7.01005H42.2874H40.7064V6.29782V5.58546L42.0349 5.54027C43.3454 5.49561 43.3686 5.48915 43.7477 5.06466C44.0358 4.74201 44.1318 4.50328 44.1318 4.10949V3.5846H41.3634H38.5949L38.6297 8.03109ZM46.7373 6.94417C46.7211 8.79193 46.7063 10.7928 46.7043 11.3907L46.7009 12.4776L47.1207 12.5183C47.6722 12.5716 48.294 12.239 48.5431 11.7573C48.6663 11.5191 48.743 11.0145 48.743 10.4421C48.743 9.56332 48.7592 9.51325 49.043 9.51325C49.5356 9.51325 49.8982 9.86766 50.535 10.9718C50.867 11.5476 51.2651 12.107 51.4193 12.2151C51.6007 12.3421 52.0138 12.4117 52.586 12.4117H53.4718L52.5702 10.8419L51.6685 9.27216L52.1677 8.87098C53.6158 7.70712 53.5697 5.41722 52.0753 4.29024C51.3483 3.74217 50.5443 3.5846 48.4731 3.5846H46.7668L46.7373 6.94417ZM48.743 6.54893V7.66879H49.7215C50.6217 7.66879 50.722 7.64099 50.9731 7.32163C51.279 6.93284 51.3218 6.47607 51.093 6.04618C50.8311 5.5545 50.5524 5.43764 49.6323 5.43329L48.743 5.42907V6.54893ZM30.6936 8.06403V10.5672L31.4511 10.5641C33.0051 10.5576 33.7227 10.216 34.2178 9.24712C34.5805 8.53727 34.5988 7.66799 34.2664 6.94417C33.816 5.96331 33.0621 5.57624 31.5829 5.56662L30.6936 5.56082V8.06403ZM0.582603 8.95333C0.630954 10.312 0.730951 11.5469 0.804861 11.6978C0.997081 12.09 1.60668 12.4117 2.15752 12.4117H2.63128V9.44738V6.48306H1.56307H0.494727L0.582603 8.95333Z'
+          fill='url(#paint0_linear_2753_69706)'
+        />
+        <path
+          d='M58.588 12V4.11238H63.7181V5.31016H60.0169V7.45152H63.4523V8.6493H60.0169V10.8022H63.7489V12H58.588ZM65.6096 12V4.11238H67.0385V10.8022H70.5124V12H65.6096ZM73.6153 4.11238V12H72.1864V4.11238H73.6153ZM75.2498 5.31016V4.11238H81.5429V5.31016H79.105V12H77.6877V5.31016H75.2498ZM83.1899 12V4.11238H88.3199V5.31016H84.6188V7.45152H88.0542V8.6493H84.6188V10.8022H88.3508V12H83.1899Z'
+          fill='white'
+        />
+      </g>
+      <defs>
+        <linearGradient
+          id='paint0_linear_2753_69706'
+          x1='19.4318'
+          y1='13.965'
+          x2='17.2627'
+          y2='-0.676383'
+          gradientUnits='userSpaceOnUse'
+        >
+          <stop stopColor='#E0C57D' />
+          <stop offset='1' stopColor='#AD8031' />
+        </linearGradient>
+        <clipPath id='clip0_2753_69706'>
+          <rect width='89.81' height='10' fill='white' transform='translate(0 3)' />
+        </clipPath>
+      </defs>
+    </svg>
+  );
+};
+
+export default InsiderElite;

package/src/InsiderIcon.tsx

@@ -0,0 +1,38 @@
+import React, { SVGProps } from 'react';
+
+const InsiderIcon: React.FC<SVGProps<SVGSVGElement>> = () => {
+  return (
+    <svg width='90' height='16' viewBox='0 0 90 16' fill='none' xmlns='http://www.w3.org/2000/svg'>
+      <g clipPath='url(#clip0_2754_69711)'>
+        <path
+          fillRule='evenodd'
+          clipRule='evenodd'
+          d='M1.31617 3.98169C1.15215 4.30671 0.999453 4.59353 0.976924 4.61896C0.954263 4.64438 0.724495 4.50394 0.466138 4.30684C0.20778 4.10975 -0.00196237 3.97049 1.38514e-05 3.99711C0.00212182 4.02385 0.111868 4.3718 0.244011 4.77033L0.48445 5.49495H1.57756H2.67067L2.82982 5.03383C2.91731 4.78021 3.03298 4.43319 3.08686 4.26258L3.18475 3.95231L2.67752 4.2992L2.17016 4.64596L1.89231 4.01832L1.61432 3.39067L1.31617 3.98169ZM16.4818 3.79843C15.6062 4.23478 15.1576 4.88206 15.0573 5.85343C14.8992 7.38447 15.7066 8.26336 17.8798 8.92632C19.5337 9.43078 19.9624 10.0459 19.0096 10.5475C18.5297 10.8002 17.9118 10.7198 17.0297 10.29C16.11 9.8421 15.6499 9.84052 14.9786 10.2835L14.6122 10.5252L15.0444 11.1609C15.3278 11.5777 15.7262 11.9366 16.2013 12.203C16.8693 12.5776 17.0237 12.6093 18.1775 12.6093C19.3349 12.6093 19.4834 12.5785 20.1504 12.2001C21.0624 11.6829 21.4712 10.9836 21.4712 9.94064C21.4712 8.5258 20.8994 7.93307 18.8865 7.26103C17.3986 6.7642 17.1235 6.58147 17.1235 6.08939C17.1235 5.40365 18.0225 5.21024 18.968 5.69257C19.2521 5.83749 19.6896 5.95606 19.9402 5.95606C20.4723 5.95606 21.2057 5.579 21.2069 5.30483C21.2084 4.97046 19.8613 3.78776 19.2821 3.61477C18.3513 3.33692 17.2652 3.40806 16.4818 3.79843ZM6.38609 3.71029C6.24117 3.77024 5.97438 3.97866 5.79323 4.17352L5.46386 4.52765L5.42539 8.46968L5.38692 12.4117H5.86226C6.41705 12.4117 6.82244 12.2292 7.14074 11.8364C7.33217 11.5999 7.3688 11.2576 7.3713 9.67794C7.37288 8.6453 7.4186 7.80132 7.47301 7.80238C7.52742 7.8033 8.28326 8.81591 9.1528 10.0525C10.0223 11.2892 10.7931 12.3495 10.8655 12.4089C11.0824 12.5867 11.9165 12.1688 12.1568 11.7619C12.3539 11.4283 12.3806 10.9165 12.3806 7.48381V3.5846H11.9788C11.4644 3.5846 10.8547 3.90001 10.6389 4.2776C10.5335 4.46204 10.4456 5.2885 10.4044 6.48174L10.3385 8.39076L8.63305 5.98768C7.69514 4.66599 6.86513 3.58842 6.78858 3.5929C6.71217 3.59751 6.53102 3.65035 6.38609 3.71029ZM23.7109 7.34363C23.7109 11.4164 23.7648 11.7867 24.4195 12.2157C24.6039 12.3366 24.9943 12.4676 25.2869 12.5068L25.8189 12.5781V8.6677C25.8189 4.37232 25.787 4.17457 25.0328 3.78446C24.8201 3.67459 24.4358 3.5846 24.1786 3.5846H23.7109V7.34363ZM29.3439 3.80778C28.6247 4.26956 28.5856 4.52291 28.5856 8.7225V12.569L30.9241 12.5201C33.6202 12.4636 34.0349 12.3436 35.1545 11.2963C36.1279 10.386 36.4225 9.6201 36.4235 7.99815C36.4243 6.81071 36.3882 6.6119 36.0577 5.98452C35.6035 5.12236 34.8374 4.36508 34.0183 3.96865C33.4783 3.70726 33.1463 3.66049 31.5499 3.6211C29.9624 3.58197 29.6551 3.60805 29.3439 3.80778ZM38.6297 8.03109L38.6643 12.4776L41.4639 12.5132L44.2636 12.5487V12.0292C44.2636 11.3709 43.776 10.7589 43.1024 10.5718C42.8353 10.4977 42.187 10.4367 41.6616 10.4363L40.7064 10.4355V9.72392V9.01248L41.9031 8.96637C43.0636 8.92184 43.1112 8.90748 43.484 8.4901C43.7723 8.16732 43.8683 7.92872 43.8683 7.53493V7.01005H42.2874H40.7064V6.29782V5.58546L42.0349 5.54027C43.3454 5.49561 43.3686 5.48915 43.7477 5.06466C44.0358 4.74201 44.1318 4.50328 44.1318 4.10949V3.5846H41.3634H38.5949L38.6297 8.03109ZM46.7373 6.94417C46.7211 8.79193 46.7063 10.7928 46.7043 11.3907L46.7009 12.4776L47.1207 12.5183C47.6722 12.5716 48.294 12.239 48.5431 11.7573C48.6663 11.5191 48.743 11.0145 48.743 10.4421C48.743 9.56332 48.7592 9.51325 49.043 9.51325C49.5356 9.51325 49.8982 9.86766 50.535 10.9718C50.867 11.5476 51.2651 12.107 51.4193 12.2151C51.6007 12.3421 52.0138 12.4117 52.586 12.4117H53.4718L52.5702 10.8419L51.6685 9.27216L52.1677 8.87098C53.6158 7.70712 53.5697 5.41722 52.0753 4.29024C51.3483 3.74217 50.5443 3.5846 48.4731 3.5846H46.7668L46.7373 6.94417ZM48.743 6.54893V7.66879H49.7215C50.6217 7.66879 50.722 7.64099 50.9731 7.32163C51.279 6.93284 51.3218 6.47607 51.093 6.04618C50.8311 5.5545 50.5524 5.43764 49.6323 5.43329L48.743 5.42907V6.54893ZM30.6936 8.06403V10.5672L31.4511 10.5641C33.0051 10.5576 33.7227 10.216 34.2178 9.24712C34.5805 8.53727 34.5988 7.66799 34.2664 6.94417C33.816 5.96331 33.0621 5.57624 31.5829 5.56662L30.6936 5.56082V8.06403ZM0.582603 8.95333C0.630954 10.312 0.730951 11.5469 0.804861 11.6978C0.997081 12.09 1.60668 12.4117 2.15752 12.4117H2.63128V9.44738V6.48306H1.56307H0.494727L0.582603 8.95333Z'
+          fill='url(#paint0_linear_2754_69711)'
+        />
+        <path
+          d='M60.0169 4.11238V12H58.588V4.11238H60.0169ZM68.7495 6.77368H67.3091C67.268 6.53746 67.1922 6.3282 67.0818 6.14591C66.9714 5.96104 66.8341 5.80442 66.6697 5.67604C66.5054 5.54766 66.318 5.45137 66.1074 5.38718C65.8995 5.32043 65.6748 5.28705 65.4334 5.28705C65.0046 5.28705 64.6246 5.39489 64.2934 5.61056C63.9622 5.82367 63.7029 6.13692 63.5155 6.5503C63.328 6.96111 63.2343 7.46308 63.2343 8.05619C63.2343 8.65957 63.328 9.16795 63.5155 9.58133C63.7055 9.99215 63.9648 10.3028 64.2934 10.5134C64.6246 10.7213 65.0034 10.8253 65.4296 10.8253C65.6658 10.8253 65.8866 10.7945 66.092 10.7329C66.3 10.6687 66.4861 10.575 66.6505 10.4517C66.8174 10.3285 66.9573 10.177 67.0703 9.99728C67.1858 9.81755 67.2654 9.61215 67.3091 9.38106L68.7495 9.38877C68.6956 9.76363 68.5787 10.1154 68.399 10.444C68.2218 10.7727 67.9895 11.0628 67.7019 11.3145C67.4143 11.5635 67.078 11.7586 66.6928 11.8999C66.3077 12.0385 65.8802 12.1078 65.4103 12.1078C64.7171 12.1078 64.0983 11.9474 63.554 11.6264C63.0096 11.3055 62.5808 10.842 62.2676 10.2361C61.9544 9.63012 61.7977 8.90349 61.7977 8.05619C61.7977 7.20632 61.9556 6.47969 62.2715 5.87631C62.5873 5.27036 63.0173 4.80691 63.5617 4.48596C64.106 4.16501 64.7222 4.00454 65.4103 4.00454C65.8494 4.00454 66.2576 4.06616 66.6351 4.18941C67.0125 4.31265 67.3489 4.49367 67.6441 4.73245C67.9394 4.96867 68.182 5.25881 68.372 5.60286C68.5646 5.94435 68.6904 6.33462 68.7495 6.77368ZM77.5398 8.05619C77.5398 8.90606 77.3806 9.63397 77.0622 10.2399C76.7464 10.8433 76.3151 11.3055 75.7682 11.6264C75.2239 11.9474 74.6064 12.1078 73.9157 12.1078C73.225 12.1078 72.6062 11.9474 72.0593 11.6264C71.515 11.3029 71.0836 10.8395 70.7652 10.2361C70.4494 9.63012 70.2915 8.90349 70.2915 8.05619C70.2915 7.20632 70.4494 6.47969 70.7652 5.87631C71.0836 5.27036 71.515 4.80691 72.0593 4.48596C72.6062 4.16501 73.225 4.00454 73.9157 4.00454C74.6064 4.00454 75.2239 4.16501 75.7682 4.48596C76.3151 4.80691 76.7464 5.27036 77.0622 5.87631C77.3806 6.47969 77.5398 7.20632 77.5398 8.05619ZM76.1033 8.05619C76.1033 7.45794 76.0095 6.95341 75.8221 6.5426C75.6372 6.12922 75.3805 5.81726 75.0518 5.60671C74.7232 5.3936 74.3445 5.28705 73.9157 5.28705C73.4869 5.28705 73.1082 5.3936 72.7795 5.60671C72.4509 5.81726 72.1928 6.12922 72.0054 6.5426C71.8205 6.95341 71.7281 7.45794 71.7281 8.05619C71.7281 8.65444 71.8205 9.16025 72.0054 9.57363C72.1928 9.98445 72.4509 10.2964 72.7795 10.5095C73.1082 10.7201 73.4869 10.8253 73.9157 10.8253C74.3445 10.8253 74.7232 10.7201 75.0518 10.5095C75.3805 10.2964 75.6372 9.98445 75.8221 9.57363C76.0095 9.16025 76.1033 8.65444 76.1033 8.05619ZM85.8064 4.11238V12H84.5354L80.8188 6.62733H80.7534V12H79.3245V4.11238H80.6032L84.3159 9.4889H84.3852V4.11238H85.8064Z'
+          fill='white'
+        />
+      </g>
+      <defs>
+        <linearGradient
+          id='paint0_linear_2754_69711'
+          x1='19.4318'
+          y1='13.965'
+          x2='17.2627'
+          y2='-0.676383'
+          gradientUnits='userSpaceOnUse'
+        >
+          <stop stopColor='#E0C57D' />
+          <stop offset='1' stopColor='#AD8031' />
+        </linearGradient>
+        <clipPath id='clip0_2754_69711'>
+          <rect width='89.81' height='10' fill='white' transform='translate(0 3)' />
+        </clipPath>
+      </defs>
+    </svg>
+  );
+};
+
+export default InsiderIcon;

package/src/LeftChevronNoBg.tsx

@@ -0,0 +1,11 @@
+import React, { SVGProps } from 'react';
+
+const LeftChevronNoBg: React.FC<SVGProps<SVGSVGElement>> = ({ color = '#808080', ...rest }) => {
+  return (
+    <svg width='6px' height='10px' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg' {...rest}>
+      <path d='M5 9L1 5L5 1' stroke={color} strokeWidth='2' strokeLinecap='round' strokeLinejoin='round'></path>
+    </svg>
+  );
+};
+
+export default LeftChevronNoBg;

package/src/MinusCounter.tsx

@@ -0,0 +1,15 @@
+import React from 'react';
+import { SVGIconProps } from '@cleartrip/ct-design-types';
+import { colors, size } from '@cleartrip/ct-design-tokens';
+
+export const MinusCounter: React.FC<SVGIconProps> = ({
+  stroke = colors.neutral900,
+  height = size[8],
+  width = size[8],
+  ...rest
+}) => (
+  <svg xmlns='http://www.w3.org/2000/svg' width={height} height={width} fill='none' {...rest}>
+    <path stroke={stroke} strokeLinecap='round' strokeLinejoin='round' d='M9 16h14' />
+    <rect width={31} height={31} x={0.5} y={0.5} stroke={stroke} rx={15.5} />
+  </svg>
+);

package/src/MyAccount.tsx

@@ -0,0 +1,16 @@
+import { SVGProps } from 'react';
+
+const MyAccount: React.FC<SVGProps<SVGSVGElement>> = ({ color = '#1A1A1A', ...props }) => {
+  return (
+    <svg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg' {...props}>
+      <path
+        fillRule='evenodd'
+        clipRule='evenodd'
+        d='M15.1289 15.4723C13.7876 16.7299 11.9838 17.5001 10.0001 17.5001C8.01636 17.5001 6.21253 16.7299 4.87125 15.4723C4.87342 15.4541 4.87454 15.4356 4.87454 15.4167C4.87454 13.7244 6.24648 12.3524 7.93885 12.3524H12.0613C13.7537 12.3524 15.1256 13.7244 15.1256 15.4167C15.1256 15.4356 15.1267 15.4541 15.1289 15.4723ZM15.9632 14.5495C15.5671 12.7594 13.9706 11.4205 12.0613 11.4205H7.93885C6.02961 11.4205 4.43308 12.7594 4.03698 14.5495C3.07281 13.2877 2.50008 11.7108 2.50008 10.0001C2.50008 5.85795 5.85795 2.50008 10.0001 2.50008C14.1422 2.50008 17.5001 5.85795 17.5001 10.0001C17.5001 11.7108 16.9273 13.2877 15.9632 14.5495ZM18.3334 10.0001C18.3334 14.6025 14.6025 18.3334 10.0001 18.3334C5.39771 18.3334 1.66675 14.6025 1.66675 10.0001C1.66675 5.39771 5.39771 1.66675 10.0001 1.66675C14.6025 1.66675 18.3334 5.39771 18.3334 10.0001ZM10.0003 5.41675C8.93095 5.41675 8.06405 6.28365 8.06405 7.35302C8.06405 8.4224 8.93095 9.2893 10.0003 9.2893C11.0697 9.2893 11.9366 8.4224 11.9366 7.35302C11.9366 6.28365 11.0697 5.41675 10.0003 5.41675ZM7.23071 7.35302C7.23071 5.82341 8.47071 4.58341 10.0003 4.58341C11.5299 4.58341 12.7699 5.82341 12.7699 7.35302C12.7699 8.88263 11.5299 10.1226 10.0003 10.1226C8.47071 10.1226 7.23071 8.88263 7.23071 7.35302Z'
+        fill={color}
+      />
+    </svg>
+  );
+};
+
+export default MyAccount;

package/src/MyTrips.tsx

@@ -0,0 +1,16 @@
+import React, { SVGProps } from 'react';
+
+const MyTrips: React.FC<SVGProps<SVGSVGElement>> = ({ color = '#1A1A1A', ...props }) => {
+  return (
+    <svg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg' {...props}>
+      <path
+        fillRule='evenodd'
+        clipRule='evenodd'
+        d='M17.3312 10.869C17.2214 10.943 17.0779 10.9677 16.9513 10.9266V10.9101C16.2423 10.9266 15.6261 11.6502 15.6261 12.5219C15.6261 13.3936 16.2338 14.1173 16.9851 14.1173C17.1033 14.109 17.2468 14.1501 17.3312 14.2242C17.424 14.2982 17.5 14.4051 17.5 14.5202V16.6007C17.5 17.3244 16.926 17.9165 16.2254 17.9165H3.77462C3.074 17.9165 2.5 17.3244 2.5 16.6007V14.5613C2.5 14.438 2.55064 14.3146 2.65194 14.2406C2.74479 14.1584 2.87141 14.1337 2.99803 14.1584H3.01491C3.79994 14.1584 4.4077 13.4512 4.4077 12.5713C4.4077 11.6914 3.7915 10.9759 3.04024 10.9759C2.91362 11.0088 2.77012 10.9759 2.66882 10.9019C2.56753 10.8197 2.5 10.7045 2.5 10.5812V8.57465C2.5 8.0648 2.79544 7.62074 3.20906 7.40693C3.23438 7.39049 3.29347 7.34936 3.29347 7.34936L12.9924 3.02382C13.7605 2.72778 14.6215 3.06495 14.9339 3.78039L16.2507 7.16845C16.2507 7.16845 16.2676 7.24244 16.2676 7.28356C16.9513 7.30823 17.5 7.8839 17.5 8.59111V10.5401C17.5 10.6716 17.4409 10.795 17.3312 10.869ZM14.1488 4.06822C14.0222 3.78039 13.6508 3.64057 13.3216 3.76393L5.50506 7.25889H15.3897L14.1488 4.06822ZM16.6559 16.6172V14.9396C15.6007 14.7505 14.7904 13.7554 14.7904 12.5466C14.7904 11.3377 15.6007 10.3345 16.6559 10.1536V8.59111C16.6559 8.31974 16.4617 8.0977 16.2254 8.0977H3.77462C3.53826 8.0977 3.34412 8.32796 3.34412 8.59111V10.1947C4.42459 10.3509 5.25182 11.3706 5.25182 12.5877C5.25182 13.8048 4.41615 14.8163 3.34412 14.9807V16.6172C3.34412 16.8886 3.53826 17.1106 3.77462 17.1106H16.2254C16.4617 17.1106 16.6559 16.8886 16.6559 16.6172ZM9.73411 13.7801H7.48875C7.25239 13.7801 7.06669 13.961 7.06669 14.1913C7.06669 14.4215 7.25239 14.6025 7.48875 14.6025H9.73411C9.97046 14.6025 10.1562 14.4215 10.1562 14.1913C10.1562 13.961 9.97046 13.7801 9.73411 13.7801ZM12.4184 10.6058H7.49718C7.26083 10.6058 7.07512 10.7868 7.07512 11.017C7.07512 11.2473 7.26083 11.4282 7.49718 11.4282H12.4184C12.6548 11.4282 12.8405 11.2473 12.8405 11.017C12.8405 10.7868 12.6548 10.6058 12.4184 10.6058Z'
+        fill={color}
+      />
+    </svg>
+  );
+};
+
+export default MyTrips;

package/src/Offers.tsx

@@ -0,0 +1,17 @@
+import React, { SVGProps } from 'react';
+
+const Offers: React.FC<SVGProps<SVGSVGElement>> = ({ color = '#1A1A1A', width = '20', height = '20' }) => {
+  return (
+    <svg width={width} height={height} viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'>
+      <path
+        d='M11.3447 2.56856C11.7207 2.24235 12.2793 2.24235 12.6553 2.56856L13.8066 3.56738C14.0386 3.76866 14.3502 3.85216 14.6518 3.79385L16.1482 3.50447C16.6369 3.40996 17.1207 3.6893 17.2833 4.1598L17.7809 5.60042C17.8811 5.89074 18.1093 6.11887 18.3996 6.21915L19.8402 6.71675C20.3107 6.87926 20.59 7.36309 20.4955 7.85182L20.2062 9.34823C20.1478 9.64979 20.2313 9.96142 20.4326 10.1934L21.4314 11.3447C21.7576 11.7207 21.7576 12.2793 21.4314 12.6553L20.4326 13.8066C20.2313 14.0386 20.1478 14.3502 20.2062 14.6518L20.4955 16.1482C20.59 16.6369 20.3107 17.1207 19.8402 17.2833L18.3996 17.7809C18.1093 17.8811 17.8811 18.1093 17.7809 18.3996L17.2833 19.8402C17.1207 20.3107 16.6369 20.59 16.1482 20.4955L14.6518 20.2062C14.3502 20.1478 14.0386 20.2313 13.8066 20.4326L12.6553 21.4314C12.2793 21.7576 11.7207 21.7576 11.3447 21.4314L10.1934 20.4326C9.96142 20.2313 9.64979 20.1478 9.34823 20.2062L7.85182 20.4955C7.36309 20.59 6.87926 20.3107 6.71675 19.8402L6.21915 18.3996C6.11887 18.1093 5.89074 17.8811 5.60042 17.7809L4.1598 17.2833C3.6893 17.1207 3.40996 16.6369 3.50447 16.1482L3.79385 14.6518C3.85216 14.3502 3.76866 14.0386 3.56738 13.8066L2.56856 12.6553C2.24235 12.2793 2.24235 11.7207 2.56856 11.3447L3.56738 10.1934C3.76866 9.96142 3.85216 9.64979 3.79385 9.34823L3.50447 7.85182C3.40996 7.36309 3.6893 6.87926 4.1598 6.71675L5.60042 6.21915C5.89074 6.11887 6.11887 5.89074 6.21915 5.60042L6.71675 4.1598C6.87926 3.6893 7.36309 3.40996 7.85182 3.50447L9.34823 3.79385C9.64979 3.85216 9.96142 3.76866 10.1934 3.56738L11.3447 2.56856Z'
+        stroke={color}
+      />
+      <path d='M16 8L8 16' stroke={color} strokeLinecap='round' strokeLinejoin='round' />
+      <path d='M9.04761 9.16211H9.07577' stroke={color} strokeWidth='2' strokeLinecap='round' strokeLinejoin='round' />
+      <path d='M15.0476 15.1621H15.0758' stroke={color} strokeWidth='2' strokeLinecap='round' strokeLinejoin='round' />
+    </svg>
+  );
+};
+
+export default Offers;

package/src/PlusCounter.tsx

@@ -0,0 +1,9 @@
+import React from 'react';
+import { SVGIconProps } from '@cleartrip/ct-design-types';
+
+export const PlusCounter: React.FC<SVGIconProps> = ({ stroke = '#1A1A1A', height = '32px', width = '32px' }) => (
+  <svg xmlns='http://www.w3.org/2000/svg' width={width} height={height} fill='none'>
+    <path stroke={stroke} strokeLinecap='round' strokeLinejoin='round' d='M16 9v14m-7-7h14' />
+    <rect width={31} height={31} x={0.5} y={0.5} stroke={stroke} rx={15.5} />
+  </svg>
+);

package/src/PlusIcon.tsx

@@ -0,0 +1,13 @@
+import React, { SVGProps } from 'react';
+const Plus: React.FC<SVGProps<SVGSVGElement>> = ({ height = 16, width = 16, color = '#3366CC', ...rest }) => {
+  return (
+    <svg xmlns='http://www.w3.org/2000/svg' width={width} height={height} fill='none' viewBox='0 0 16 16' {...rest}>
+      <path
+        fill={color}
+        d='M8.5 3.333a.5.5 0 00-1 0h1zm-1 9.334a.5.5 0 001 0h-1zM3.333 7.5a.5.5 0 000 1v-1zm9.334 1a.5.5 0 000-1v1zM7.5 3.333v9.334h1V3.333h-1zM3.333 8.5h9.334v-1H3.333v1z'
+      ></path>
+    </svg>
+  );
+};
+
+export default Plus;

package/src/PrivacyRights.tsx

@@ -0,0 +1,16 @@
+import React, { SVGProps } from 'react';
+
+const PrivacyRights: React.FC<SVGProps<SVGSVGElement>> = ({ color = '#1A1A1A', ...props }) => {
+  return (
+    <svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg' {...props}>
+      <path
+        fillRule='evenodd'
+        clipRule='evenodd'
+        d='M11.7999 3.71332C11.926 3.65077 12.074 3.65077 12.2001 3.71332L18.7 6.93925C18.8532 7.01523 18.95 7.1714 18.95 7.34233V11.0769C18.95 14.6664 16.9164 17.946 13.7011 19.5418L12.2001 20.2867C12.074 20.3493 11.926 20.3493 11.7999 20.2867L10.2989 19.5418C7.08364 17.946 5.05 14.6664 5.05 11.0769V7.34233C5.05 7.1714 5.14684 7.01523 5.29995 6.93925L11.7999 3.71332ZM12.6891 2.72799C12.2549 2.51254 11.745 2.51254 11.3109 2.72799L4.81094 5.95392C4.28356 6.21566 3.95 6.75358 3.95 7.34233V11.0769C3.95 15.0843 6.22036 18.7456 9.80992 20.5271L11.3109 21.2721C11.7451 21.4875 12.2549 21.4875 12.6891 21.2721L14.1901 20.5271C17.7796 18.7456 20.05 15.0843 20.05 11.0769V7.34233C20.05 6.75358 19.7164 6.21565 19.1891 5.95392L12.6891 2.72799ZM11.1464 14.3536C11.3417 14.5488 11.6583 14.5488 11.8536 14.3536L15.7426 10.4645C15.9379 10.2692 15.9379 9.95265 15.7426 9.75738C15.5474 9.56212 15.2308 9.56212 15.0355 9.75738L11.5 13.2929L9.73223 11.5252C9.53697 11.3299 9.22039 11.3299 9.02513 11.5252C8.82986 11.7204 8.82986 12.037 9.02513 12.2323L11.1464 14.3536Z'
+        fill={color}
+      />
+    </svg>
+  );
+};
+
+export default PrivacyRights;

package/src/RightChevronNoBg.tsx

@@ -0,0 +1,11 @@
+import React, { SVGProps } from 'react';
+
+const RightChevronNoBg: React.FC<SVGProps<SVGSVGElement>> = ({ color = '#808080', ...rest }) => {
+  return (
+    <svg width='6px' height='10px' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg' {...rest}>
+      <path d='M1 9L5 5L1 1' stroke={color} strokeWidth='2' strokeLinecap='round' strokeLinejoin='round'></path>
+    </svg>
+  );
+};
+
+export default RightChevronNoBg;

package/src/SavedCard.tsx

@@ -0,0 +1,16 @@
+import React, { SVGProps } from 'react';
+
+const SavedCard: React.FC<SVGProps<SVGSVGElement>> = ({ color = '#1A1A1A', ...props }) => {
+  return (
+    <svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg' {...props}>
+      <path
+        fillRule='evenodd'
+        clipRule='evenodd'
+        d='M4.14893 5C3.54923 5 3.0095 5.53 3.0095 6.25V8H21.0005V6.25C21.0005 5.53 20.4608 5 19.8611 5H4.13893H4.14893ZM3.0095 17.75V9H21.0005V17.75C21.0005 18.47 20.4608 19 19.8611 19H4.13893C3.53923 19 2.9995 18.47 2.9995 17.75H3.0095ZM22 17.75V6.25C22 5.04 21.0705 4 19.8611 4H4.13893C2.92953 4 2 5.04 2 6.25V17.75C2 18.96 2.92953 20 4.13893 20H19.8611C21.0705 20 22 18.96 22 17.75ZM6.008 14.5C5.72814 14.5 5.50825 14.72 5.50825 15C5.50825 15.28 5.72814 15.5 6.008 15.5H10.006C10.2859 15.5 10.5057 15.28 10.5057 15C10.5057 14.72 10.2859 14.5 10.006 14.5H6.008Z'
+        fill={color}
+      />
+    </svg>
+  );
+};
+
+export default SavedCard;

package/src/SettingsCog.tsx

@@ -0,0 +1,16 @@
+import React, { SVGProps } from 'react';
+
+const SettingsCog: React.FC<SVGProps<SVGSVGElement>> = ({ color = '#1A1A1A', ...props }) => {
+  return (
+    <svg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg' {...props}>
+      <path
+        fillRule='evenodd'
+        clipRule='evenodd'
+        d='M16.075 7.49993C15.4833 7.49993 15.175 7.29159 15.05 7.07493C14.9333 6.86659 14.9083 6.49993 15.2 5.98326C15.3667 5.69159 15.45 5.37493 15.45 5.06659C15.45 4.43326 15.1167 3.80826 14.525 3.46659L13.2333 2.73326C12.4333 2.25826 11.4167 2.54159 10.95 3.32493L10.8667 3.47493C10.575 3.98326 10.2417 4.14993 9.99166 4.14993C9.74166 4.14993 9.41667 3.98326 9.125 3.47493L9.04167 3.33326C8.575 2.54159 7.55833 2.25826 6.75833 2.73326L5.46667 3.46659C4.875 3.80826 4.54167 4.43326 4.54167 5.06659C4.54167 5.37493 4.625 5.69159 4.79167 5.98326C4.95833 6.28326 5.025 6.53326 5.025 6.73326C5.025 6.87493 4.99167 6.99159 4.94167 7.07493C4.81667 7.29159 4.50833 7.49993 3.925 7.49993C2.9 7.49993 2.08333 8.33326 2.08333 9.34159V10.6583C2.08333 11.6666 2.9 12.4999 3.925 12.4999C4.50833 12.4999 4.81667 12.7083 4.94167 12.9249C5.05833 13.1333 5.08333 13.5083 4.79167 14.0166C4.625 14.3083 4.54167 14.6249 4.54167 14.9333C4.54167 15.5666 4.875 16.1916 5.46667 16.5333L6.75833 17.2749C7.55833 17.7416 8.575 17.4583 9.04167 16.6749L9.125 16.5249C9.425 16.0166 9.75 15.8499 10 15.8499C10.25 15.8499 10.575 16.0166 10.8667 16.5249L10.95 16.6666C11.4167 17.4583 12.4333 17.7416 13.2333 17.2749L14.525 16.5333C15.1167 16.1916 15.45 15.5666 15.45 14.9333C15.45 14.6166 15.375 14.3083 15.2083 14.0166H15.2C14.9083 13.5083 14.9333 13.1333 15.05 12.9249C15.175 12.7083 15.4833 12.4999 16.075 12.4999C17.0917 12.4999 17.9167 11.6666 17.9167 10.6583V9.34159C17.9167 8.32493 17.0833 7.49993 16.075 7.49993ZM17.0833 10.6583C17.0833 11.2166 16.625 11.6666 16.075 11.6666C15.3083 11.6666 14.6583 11.9416 14.3333 12.5083C14.0083 13.0666 14.1 13.7666 14.4833 14.4333C14.7583 14.9166 14.5917 15.5333 14.1083 15.8083L12.8167 16.5499H12.8083C12.425 16.7833 11.9083 16.6499 11.675 16.2499L11.5917 16.1083C11.2083 15.4416 10.65 15.0166 10 15.0166C9.35 15.0166 8.79167 15.4416 8.4 16.1083L8.325 16.2499C8.08333 16.6499 7.56667 16.7833 7.18333 16.5583H7.175L5.88333 15.8083C5.55833 15.6249 5.375 15.2749 5.375 14.9249C5.375 14.7583 5.41667 14.5916 5.50833 14.4333C5.9 13.7666 5.98333 13.0666 5.65833 12.5083C5.34167 11.9416 4.69167 11.6666 3.925 11.6666C3.36667 11.6666 2.91667 11.2166 2.91667 10.6583V9.34159C2.91667 8.79159 3.36667 8.33326 3.925 8.33326C4.69167 8.33326 5.34167 8.05826 5.65833 7.49159C5.98333 6.93326 5.9 6.23326 5.50833 5.56659C5.23333 5.09159 5.4 4.46659 5.88333 4.19159L7.175 3.44993H7.18333C7.56667 3.21659 8.08333 3.34993 8.325 3.74993L8.4 3.89159C8.78333 4.55826 9.35 4.98326 9.99166 4.98326C10.3833 4.98326 10.75 4.82493 11.0583 4.55826C11.2583 4.38326 11.4417 4.14993 11.5917 3.89159L11.675 3.74993C11.8333 3.48326 12.1083 3.33326 12.4 3.33326C12.5417 3.33326 12.6833 3.37493 12.8083 3.44993H12.8167L14.1083 4.19159C14.5917 4.46659 14.7583 5.09159 14.4833 5.56659C14.1 6.23326 14.0083 6.93326 14.3333 7.49159C14.6583 8.05826 15.3083 8.33326 16.075 8.33326C16.625 8.33326 17.0833 8.78326 17.0833 9.34159V10.6583ZM10 7.08326C8.38333 7.08326 7.08333 8.39159 7.08333 9.99993C7.08333 11.6083 8.38333 12.9166 10 12.9166C11.6167 12.9166 12.9167 11.6083 12.9167 9.99993C12.9167 8.39159 11.6083 7.08326 10 7.08326ZM10 12.0833C8.85 12.0833 7.91667 11.1499 7.91667 9.99993C7.91667 8.84993 8.85 7.91659 10 7.91659C11.15 7.91659 12.0833 8.84993 12.0833 9.99993C12.0833 11.1499 11.15 12.0833 10 12.0833Z'
+        fill={color}
+      />
+    </svg>
+  );
+};
+
+export default SettingsCog;

package/src/Signout.tsx

@@ -0,0 +1,16 @@
+import React, { SVGProps } from 'react';
+
+const Signout: React.FC<SVGProps<SVGSVGElement>> = ({ color = '#C83232', ...props }) => {
+  return (
+    <svg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg' {...props}>
+      <path
+        fillRule='evenodd'
+        clipRule='evenodd'
+        d='M10.8333 1.66663C10.6032 1.66663 10.4167 1.85317 10.4167 2.08329C10.4167 2.31341 10.6032 2.49996 10.8333 2.49996H14.5833C15.2737 2.49996 15.8333 3.0596 15.8333 3.74996V16.25C15.8333 16.9403 15.2737 17.5 14.5833 17.5H10.8333C10.6032 17.5 10.4167 17.6865 10.4167 17.9166C10.4167 18.1467 10.6032 18.3333 10.8333 18.3333H14.5833C15.7339 18.3333 16.6667 17.4006 16.6667 16.25V3.74996C16.6667 2.59937 15.7339 1.66663 14.5833 1.66663H10.8333ZM7.26387 14.4482C7.4194 14.6178 7.68297 14.6292 7.85257 14.4737C8.02217 14.3182 8.03358 14.0546 7.87805 13.885L4.69743 10.4166H12.9167C13.1468 10.4166 13.3333 10.2301 13.3333 9.99996C13.3333 9.76984 13.1468 9.58329 12.9167 9.58329L4.69743 9.58329L7.87805 6.11491C8.03358 5.9453 8.02217 5.68173 7.85257 5.5262C7.68297 5.37067 7.4194 5.38208 7.26387 5.55168L3.44291 9.71835C3.29681 9.87766 3.29681 10.1223 3.44291 10.2816L7.26387 14.4482Z'
+        fill={color}
+      />
+    </svg>
+  );
+};
+
+export default Signout;

package/src/SliderLeftChevron.tsx

@@ -0,0 +1,33 @@
+import { SVGProps } from 'react';
+
+export const SliderLeftChevron = ({ className, ...rest }: SVGProps<SVGSVGElement>) => {
+  return (
+    <svg
+      className={className}
+      xmlns='http://www.w3.org/2000/svg'
+      width='20'
+      height='20'
+      fill='none'
+      viewBox='0 0 20 20'
+      {...rest}
+    >
+      <mask
+        id='mask0_1027_112362'
+        style={{ maskType: 'alpha' }}
+        width='20'
+        height='20'
+        x='0'
+        y='0'
+        maskUnits='userSpaceOnUse'
+      >
+        <path fill='#D9D9D9' d='M0 0H20V20H0z'></path>
+      </mask>
+      <g mask='url(#mask0_1027_112362)'>
+        <path
+          fill='#1A1A1A'
+          d='M11.264 14.393l-3.857-3.857a.705.705 0 01-.161-.247.801.801 0 010-.578.707.707 0 01.161-.246l3.857-3.858a.617.617 0 01.45-.192c.172 0 .322.064.45.192a.617.617 0 01.193.45.617.617 0 01-.193.45L8.671 10l3.493 3.493a.617.617 0 01.193.45.616.616 0 01-.193.45.616.616 0 01-.45.193.617.617 0 01-.45-.193z'
+        ></path>
+      </g>
+    </svg>
+  );
+};

package/src/SliderRightChevron.tsx

@@ -0,0 +1,37 @@
+import React from 'react';
+
+export const SliderRightChevron: React.FC<React.SVGProps<SVGSVGElement>> = ({
+  width = '20',
+  height = '20',
+  fill = '#1A1A1A',
+  ...restProps
+}) => {
+  return (
+    <svg
+      xmlns='http://www.w3.org/2000/svg'
+      width={width}
+      height={height}
+      fill='none'
+      viewBox='0 0 20 20'
+      {...restProps}
+    >
+      <mask
+        id='mask0_1027_112365'
+        style={{ maskType: 'alpha' }}
+        width='20'
+        height='20'
+        x='0'
+        y='0'
+        maskUnits='userSpaceOnUse'
+      >
+        <path fill='#D9D9D9' d='M20 20H40V40H20z' transform='rotate(-180 20 20)'></path>
+      </mask>
+      <g mask='url(#mask0_1027_112365)'>
+        <path
+          fill={fill}
+          d='M8.736 5.607l3.857 3.857a.706.706 0 01.161.247.8.8 0 010 .578.707.707 0 01-.161.246l-3.857 3.858a.617.617 0 01-.45.192.617.617 0 01-.45-.192.617.617 0 01-.193-.45c0-.172.064-.322.193-.45L11.329 10 7.836 6.507a.617.617 0 01-.193-.45c0-.172.064-.322.193-.45a.617.617 0 01.45-.193c.171 0 .321.064.45.193z'
+        ></path>
+      </g>
+    </svg>
+  );
+};

package/src/SmallTick.tsx

@@ -0,0 +1,12 @@
+import React, { SVGProps } from 'react';
+
+export default function SmallTick({ ...rest }: SVGProps<SVGSVGElement>) {
+  return (
+    <svg width='14' height='14' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg' {...rest}>
+      <path
+        d='M5.03333 7.66667L3.36667 5.98333C3.3 5.91667 3.22511 5.88333 3.142 5.88333C3.05844 5.88333 2.97778 5.92222 2.9 6C2.83333 6.06667 2.8 6.14444 2.8 6.23333C2.8 6.32222 2.83333 6.4 2.9 6.46667L4.66667 8.23333C4.76667 8.33333 4.89156 8.38333 5.04133 8.38333C5.19156 8.38333 5.31667 8.33333 5.41667 8.23333L9.08333 4.56667C9.15 4.5 9.18333 4.42489 9.18333 4.34133C9.18333 4.25822 9.14445 4.17778 9.06667 4.1C9 4.03333 8.92222 4 8.83333 4C8.74444 4 8.66667 4.03333 8.6 4.1L5.03333 7.66667ZM6 12C5.16667 12 4.38622 11.8418 3.65867 11.5253C2.93067 11.2084 2.29733 10.7804 1.75867 10.2413C1.21956 9.70267 0.791556 9.06933 0.474667 8.34133C0.158222 7.61378 0 6.83333 0 6C0 5.16667 0.158222 4.386 0.474667 3.658C0.791556 2.93044 1.21956 2.29711 1.75867 1.758C2.29733 1.21933 2.93067 0.791556 3.65867 0.474667C4.38622 0.158222 5.16667 0 6 0C6.83333 0 7.614 0.158222 8.342 0.474667C9.06956 0.791556 9.70289 1.21933 10.242 1.758C10.7807 2.29711 11.2084 2.93044 11.5253 3.658C11.8418 4.386 12 5.16667 12 6C12 6.83333 11.8418 7.61378 11.5253 8.34133C11.2084 9.06933 10.7807 9.70267 10.242 10.2413C9.70289 10.7804 9.06956 11.2084 8.342 11.5253C7.614 11.8418 6.83333 12 6 12Z'
+        fill='#11A670'
+      />
+    </svg>
+  );
+}

package/src/StarRatingIcon.tsx

@@ -0,0 +1,34 @@
+import React, { SVGProps } from 'react';
+
+const StarRatingIcon: React.FC<SVGProps<SVGSVGElement>> = ({
+  className,
+  width,
+  height,
+  stroke,
+  fill,
+  ...restProps
+}) => {
+  return (
+    <svg
+      {...restProps}
+      className={className}
+      width={width}
+      height={height}
+      viewBox='0 0 24 24'
+      fill='none'
+      xmlns='http://www.w3.org/2000/svg'
+      style={{
+        transition: 'all 0.2s ease-in-out',
+      }}
+    >
+      <path
+        d='M12 2L15.09 8.26L22 9.27L17 14.14L18.18 21.02L12 17.77L5.82 21.02L7 14.14L2 9.27L8.91 8.26L12 2Z'
+        stroke={stroke}
+        fill={fill}
+        strokeWidth='1'
+      />
+    </svg>
+  );
+};
+
+export default StarRatingIcon;

package/src/SuperCoinIcon.tsx

@@ -0,0 +1,84 @@
+import { SVGProps } from 'react';
+
+const SuperCoinIcon = (props: SVGProps<SVGSVGElement>) => {
+  return (
+    <svg xmlns='http://www.w3.org/2000/svg' width='15' height='15' fill='none' viewBox='0 0 12 12' {...props}>
+      <path
+        fill='#FFC30D'
+        d='M10.508 6.906c0 2.52-2.018 4.44-4.508 4.44s-4.506-1.92-4.506-4.44c0-2.52 2.017-4.562 4.506-4.562 2.489 0 4.508 2.043 4.508 4.562z'
+      ></path>
+      <path
+        fill='#FD0'
+        d='M6 12c-3.364 0-6-2.604-6-5.927C0 2.724 2.692 0 6 0s6 2.724 6 6.073C12 9.396 9.364 12 6 12z'
+      ></path>
+      <mask
+        id='mask0_686_2463'
+        style={{ maskType: 'alpha' }}
+        width='12'
+        height='12'
+        x='0'
+        y='0'
+        maskUnits='userSpaceOnUse'
+      >
+        <path
+          fill='#fff'
+          d='M6 12c-3.364 0-6-2.604-6-5.927C0 2.724 2.692 0 6 0s6 2.724 6 6.073C12 9.396 9.364 12 6 12z'
+        ></path>
+      </mask>
+      <g mask='url(#mask0_686_2463)'>
+        <path
+          fill='#fff'
+          d='M6 1.193c-2.78 0-5.042 2.29-5.042 5.103 0 2.776 2.216 4.95 5.042 4.95 2.826 0 5.042-2.173 5.042-4.95 0-2.814-2.262-5.103-5.042-5.103z'
+        ></path>
+        <path
+          fill='#F0A700'
+          d='M6.04.918C3.26.918 1 3.208 1 6.021c0 2.775 2.215 4.95 5.042 4.95 2.826 0 5.041-2.175 5.041-4.95.002-2.814-2.26-5.103-5.041-5.103z'
+        ></path>
+        <path
+          fill='#FFC000'
+          d='M6 1.102C3.22 1.102.958 3.39.958 6.205c0 2.775 2.215 4.95 5.042 4.95 2.826 0 5.041-2.175 5.041-4.95C11.041 3.39 8.78 1.102 6 1.102z'
+        ></path>
+        <mask
+          id='mask1_686_2463'
+          style={{ maskType: 'alpha' }}
+          width='12'
+          height='11'
+          x='0'
+          y='1'
+          maskUnits='userSpaceOnUse'
+        >
+          <path
+            fill='#fff'
+            d='M6 1.102C3.22 1.102.958 3.39.958 6.205c0 2.775 2.215 4.95 5.042 4.95 2.826 0 5.041-2.175 5.041-4.95C11.041 3.39 8.78 1.102 6 1.102z'
+          ></path>
+        </mask>
+        <g mask='url(#mask1_686_2463)'>
+          <path
+            fill='#FFD60D'
+            fillRule='evenodd'
+            d='M7.801.52l3.771 3.819a2.436 2.436 0 010 3.418L7.8 11.575a2.366 2.366 0 01-3.377 0L.651 7.757a2.44 2.44 0 010-3.418L4.423.52a2.368 2.368 0 013.378 0zm-2.59 10.266l3.994-4.47c.452-.504.052-1.256-.668-1.254H6.31c-.132 0-.234-.088-.252-.198l.241-.834c.232-.798.56-1.929.785-2.716L4.44 4.256a4090.977 4090.977 0 00-1.47 1.637c-.372.502.023 1.198.715 1.198h2.228c.132 0 .234.088.252.197-.127.441-.61 2.214-.955 3.498z'
+            clipRule='evenodd'
+          ></path>
+          <path
+            fill='#F9B110'
+            d='M3.686 7.089c-.692 0-1.087-.696-.715-1.199l.318-.354c.485-.54 2.602-2.896 3.793-4.224-.33 1.156-.882 3.054-1.025 3.55.018.11.12.197.252.197h2.228c2.549 0 2.933 2.342 1.282 4.472l1.752-1.773a2.44 2.44 0 000-3.418L7.8.52a2.368 2.368 0 00-3.378 0L2.611 2.356C.631 4.359 1.094 7.089 3.686 7.089z'
+            opacity='0.91'
+          ></path>
+        </g>
+        <path
+          fill='#D89309'
+          fillRule='evenodd'
+          d='M1.032 6.097c-.014 2.81 2.225 5.101 5.003 5.115a4.96 4.96 0 001.961-.4c2.566-1.092 3.771-4.081 2.692-6.678a5.026 5.026 0 00-4.601-3.1c-2.778-.015-5.04 2.252-5.055 5.063zm1.51-3.5a4.88 4.88 0 013.493-1.46 4.88 4.88 0 013.491 1.458 4.97 4.97 0 011.446 3.523A4.975 4.975 0 019.526 9.64a4.88 4.88 0 01-3.491 1.46 4.88 4.88 0 01-3.492-1.46 4.978 4.978 0 01-1.446-3.523c0-1.33.514-2.58 1.446-3.522z'
+          clipRule='evenodd'
+          opacity='0.72'
+        ></path>
+      </g>
+      <path
+        fill='#fff'
+        d='M7.083 1.313L3.091 5.728c-.514.568-.211 1.371.55 1.351l2.303.021a.21.21 0 01.209.215.25.25 0 01-.007.055l-.925 3.42 3.96-4.346c.496-.545.115-1.427-.618-1.427L6.29 5.06a.211.211 0 01-.206-.273c.243-.862.969-3.443 1-3.474z'
+      ></path>
+    </svg>
+  );
+};
+
+export default SuperCoinIcon;

package/src/Supercoin.tsx

@@ -0,0 +1,84 @@
+import React, { SVGProps } from 'react';
+
+const Supercoin: React.FC<SVGProps<SVGSVGElement>> = ({ ...props }) => {
+  return (
+    <svg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg' {...props}>
+      <path
+        d='M15.2656 10.2588C15.2656 13.7592 12.4631 16.4243 9.00485 16.4243C5.54658 16.4243 2.74609 13.7592 2.74609 10.2588C2.74609 6.75842 5.54852 3.92188 9.00485 3.92188C12.4612 3.92188 15.2656 6.76039 15.2656 10.2588Z'
+        fill='#FFC30D'
+      />
+      <path
+        d='M9.00325 17.3385C4.33059 17.3385 0.669922 13.7219 0.669922 9.10665C0.669922 4.4559 4.40844 0.671875 9.00325 0.671875C13.5981 0.671875 17.3366 4.4559 17.3366 9.10665C17.3366 13.7219 13.6759 17.3385 9.00325 17.3385Z'
+        fill='#FFDD00'
+      />
+      <mask
+        id='mask0_807_23202'
+        style={{ maskType: 'luminance' }}
+        maskUnits='userSpaceOnUse'
+        x='0'
+        y='0'
+        width='18'
+        height='18'
+      >
+        <path
+          d='M9.00325 17.3385C4.33059 17.3385 0.669922 13.7219 0.669922 9.10665C0.669922 4.4559 4.40844 0.671875 9.00325 0.671875C13.5981 0.671875 17.3366 4.4559 17.3366 9.10665C17.3366 13.7219 13.6759 17.3385 9.00325 17.3385Z'
+          fill='white'
+        />
+      </mask>
+      <g mask='url(#mask0_807_23202)'>
+        <path
+          d='M9.00316 2.32812C5.14203 2.32812 2.00098 5.50742 2.00098 9.41555C2.00098 13.2705 5.07781 16.2902 9.00316 16.2902C12.9285 16.2902 16.0053 13.2725 16.0053 9.41555C16.0053 5.50742 12.8643 2.32812 9.00316 2.32812Z'
+          fill='#1A1A1A'
+        />
+        <path
+          d='M9.06273 1.95312C5.2016 1.95312 2.06055 5.13242 2.06055 9.04055C2.06055 12.8955 5.13738 15.9152 9.06273 15.9152C12.9881 15.9152 16.0649 12.8955 16.0649 9.04055C16.0669 5.13242 12.9258 1.95312 9.06273 1.95312Z'
+          fill='#F0A700'
+        />
+        <path
+          d='M9.00316 2.1875C5.14203 2.1875 2.00098 5.36679 2.00098 9.27492C2.00098 13.1299 5.07781 16.1496 9.00316 16.1496C12.9285 16.1496 16.0053 13.1299 16.0053 9.27492C16.0053 5.36679 12.8643 2.1875 9.00316 2.1875Z'
+          fill='#FFC000'
+        />
+        <mask
+          id='mask1_807_23202'
+          style={{ maskType: 'luminance' }}
+          maskUnits='userSpaceOnUse'
+          x='2'
+          y='2'
+          width='15'
+          height='15'
+        >
+          <path
+            d='M9.00316 2.1875C5.14203 2.1875 2.00098 5.36679 2.00098 9.27492C2.00098 13.1299 5.07781 16.1496 9.00316 16.1496C12.9285 16.1496 16.0053 13.1299 16.0053 9.27492C16.0053 5.36679 12.8643 2.1875 9.00316 2.1875Z'
+            fill='white'
+          />
+        </mask>
+        <g mask='url(#mask1_807_23202)'>
+          <path
+            fillRule='evenodd'
+            clipRule='evenodd'
+            d='M11.5062 1.37455L16.7433 6.67731C18.0394 7.98922 18.0394 10.1147 16.7433 11.4246L11.5043 16.7273C10.2101 18.0392 8.10829 18.0392 6.81411 16.7273L1.57513 11.4246C0.280948 10.1127 0.280948 7.98922 1.57513 6.67731L6.81411 1.37455C8.11023 0.0626495 10.2101 0.0626495 11.5062 1.37455ZM7.90564 15.6388C10.5835 12.6408 13.4541 9.43194 13.4541 9.43194C14.0807 8.73068 13.5261 7.68667 12.5258 7.68864H9.43141C9.24847 7.68864 9.1064 7.56652 9.0811 7.41484C9.14449 7.19469 9.26582 6.7761 9.41658 6.25598C9.73794 5.14725 10.193 3.57715 10.5057 2.48438C9.49294 3.61315 7.99806 5.27719 6.83645 6.57024C6.10068 7.38928 5.49861 8.05947 5.23749 8.3505C5.16647 8.42958 5.09706 8.50702 5.02946 8.58244C4.94888 8.67236 4.87086 8.75941 4.79572 8.84296C4.27805 9.54028 4.82686 10.5075 5.78825 10.5075H8.8826C9.06553 10.5075 9.2076 10.6296 9.2329 10.7813C9.0558 11.3939 8.38633 13.8562 7.90564 15.6388Z'
+            fill='#FFD60D'
+          />
+          <path
+            opacity='0.91'
+            d='M5.79334 10.4812C4.83195 10.4812 4.28314 9.51399 4.80081 8.81667C4.93899 8.66303 5.0869 8.49756 5.24259 8.32422C5.91595 7.57372 8.85655 4.30184 10.5108 2.45809C10.0515 4.06349 9.2847 6.69911 9.08619 7.38855C9.11149 7.54023 9.25356 7.66236 9.4365 7.66236H12.5308C16.0709 7.66236 16.6041 10.9145 14.3116 13.8732L16.7442 11.4109C18.0384 10.099 18.0384 7.97556 16.7442 6.66366L11.5091 1.35893C10.213 0.0470246 8.11313 0.0470246 6.81701 1.35893L4.30066 3.90591C1.55078 6.68926 2.193 10.4812 5.79334 10.4812Z'
+            fill='#F9B110'
+          />
+        </g>
+        <path
+          opacity='0.72'
+          fillRule='evenodd'
+          clipRule='evenodd'
+          d='M2.09775 9.13392C2.07829 13.0381 5.1882 16.2194 9.04544 16.2391C9.98153 16.241 10.9098 16.0519 11.77 15.6836C15.3334 14.1668 17.0071 10.0144 15.5085 6.40769C14.4187 3.80949 11.9062 2.11544 9.11744 2.10165C5.26021 2.08196 2.11721 5.22973 2.09775 9.13392ZM4.192 4.26913C5.48618 2.96117 7.21045 2.24219 9.04176 2.24219C10.875 2.24219 12.5954 2.9592 13.8915 4.26716C15.1876 5.57513 15.8999 7.31054 15.8999 9.1602C15.8999 11.0099 15.1857 12.7453 13.8915 14.0532C12.5973 15.3612 10.8731 16.0802 9.04176 16.0802C7.21045 16.0802 5.48618 15.3612 4.192 14.0532C2.89782 12.7453 2.18359 11.0079 2.18359 9.1602C2.18359 7.31251 2.89782 5.5771 4.192 4.26913Z'
+          fill='#D89309'
+        />
+      </g>
+      <path
+        d='M10.5056 2.49219L4.96106 8.62424C4.24683 9.41414 4.6672 10.5291 5.72395 10.5015L8.92339 10.531C9.08492 10.531 9.21531 10.665 9.21336 10.8285C9.21336 10.8541 9.20947 10.8797 9.20363 10.9053L7.91918 15.6545L13.4189 9.619C14.1079 8.86259 13.5785 7.63736 12.5607 7.63736L9.40408 7.69646C9.24255 7.7004 9.11021 7.57039 9.10632 7.40689C9.10632 7.37735 9.11021 7.3478 9.118 7.31825C9.45468 6.1206 10.4628 2.53552 10.5056 2.49219Z'
+        fill='white'
+      />
+    </svg>
+  );
+};
+
+export default Supercoin;