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

package/package.json

@@ -1,35 +1,38 @@
 {
   "name": "@cleartrip/ct-design-icons",
-  "version": "4.0.0-SNAPSHOT-test.0",
+  "version": "4.0.0-SNAPSHOT-reactnative.2",
   "description": "",
   "types": "dist/index.d.ts",
   "main": "dist/ct-design-icons.cjs.js",
   "jsnext:main": "dist/ct-design-icons.esm.js",
   "module": "dist/ct-design-icons.esm.js",
+  "react-native": "src/index.ts",
   "sideEffects": false,
   "browser": {
     "./dist/ct-design-icons.esm.js": "./dist/ct-design-icons.browser.esm.js",
     "./dist/ct-design-icons.cjs.js": "./dist/ct-design-icons.browser.cjs.js"
   },
   "files": [
-    "dist"
+    "dist",
+    "src"
   ],
   "dependencies": {
     "@emotion/react": "^11.13.3",
     "@emotion/styled": "^11.13.0",
-    "@cleartrip/ct-design-tokens": "4.0.0-SNAPSHOT-test.0"
+    "@cleartrip/ct-design-tokens": "4.0.0-SNAPSHOT-reactnative.2",
+    "@cleartrip/ct-design-image": "4.0.0-SNAPSHOT-reactnative.2"
   },
   "devDependencies": {
     "@emotion/babel-plugin": "^11.12.0",
-    "@cleartrip/ct-design-typography": "4.0.0-SNAPSHOT-test.0",
-    "@cleartrip/ct-design-container": "4.0.0-SNAPSHOT-test.0",
-    "@cleartrip/ct-design-types": "4.0.0-SNAPSHOT-test.0",
-    "@cleartrip/ct-design-theme": "4.0.0-SNAPSHOT-test.0"
+    "@cleartrip/ct-design-types": "4.0.0-SNAPSHOT-reactnative.2",
+    "@cleartrip/ct-design-container": "4.0.0-SNAPSHOT-reactnative.2",
+    "@cleartrip/ct-design-typography": "4.0.0-SNAPSHOT-reactnative.2",
+    "@cleartrip/ct-design-theme": "4.0.0-SNAPSHOT-reactnative.2"
   },
   "peerDependencies": {
     "react": ">=16.8.0",
     "react-dom": ">=16.8.0",
-    "@cleartrip/ct-design-tooltip": "4.0.0-SNAPSHOT-test.0"
+    "@cleartrip/ct-design-tooltip": "4.0.0-SNAPSHOT-reactnative.2"
   },
   "publishConfig": {
     "access": "public"
@@ -41,6 +44,7 @@
     "watch-package": "rollup -c -w",
     "build-package": "rollup -c",
     "build-package:clean": "rm -rf dist && rollup -c",
-    "publish-package:local": "yalc publish"
+    "publish-package:local": "yalc publish --no-scripts",
+    "publish-package:local:registry": "pnpm publish --registry http://localhost:4873 --no-git-checks --access public"
   }
 }

package/src/AlertSuccessIcon.tsx

@@ -0,0 +1,17 @@
+import { SVGProps } from 'react';
+
+export function AlertSuccessIcon(props: SVGProps<SVGSVGElement>) {
+  return (
+    <svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg' {...props}>
+      <mask id='mask0_2083_108530' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'>
+        <rect width='24' height='24' fill='#D9D9D9' />
+      </mask>
+      <g mask='url(#mask0_2083_108530)'>
+        <path
+          d='M12 16.5C12.15 16.5 12.271 16.4543 12.363 16.363C12.4543 16.271 12.5 16.15 12.5 16V11.475C12.5 11.3417 12.45 11.229 12.35 11.137C12.25 11.0457 12.1333 11 12 11C11.85 11 11.729 11.05 11.637 11.15C11.5457 11.25 11.5 11.3667 11.5 11.5V16.025C11.5 16.1583 11.55 16.271 11.65 16.363C11.75 16.4543 11.8667 16.5 12 16.5ZM12 9.575C12.1667 9.575 12.3127 9.51667 12.438 9.4C12.5627 9.28333 12.625 9.13333 12.625 8.95C12.625 8.78333 12.5627 8.64167 12.438 8.525C12.3127 8.40833 12.1667 8.35 12 8.35C11.8333 8.35 11.6873 8.40833 11.562 8.525C11.4373 8.64167 11.375 8.78333 11.375 8.95C11.375 9.13333 11.4373 9.28333 11.562 9.4C11.6873 9.51667 11.8333 9.575 12 9.575ZM12 21C10.75 21 9.575 20.7667 8.475 20.3C7.375 19.8333 6.421 19.196 5.613 18.388C4.80433 17.5793 4.16667 16.625 3.7 15.525C3.23333 14.425 3 13.25 3 12C3 10.75 3.23333 9.575 3.7 8.475C4.16667 7.375 4.80433 6.42067 5.613 5.612C6.421 4.804 7.375 4.16667 8.475 3.7C9.575 3.23333 10.75 3 12 3C13.25 3 14.425 3.23333 15.525 3.7C16.625 4.16667 17.5793 4.804 18.388 5.612C19.196 6.42067 19.8333 7.375 20.3 8.475C20.7667 9.575 21 10.75 21 12C21 13.25 20.7667 14.425 20.3 15.525C19.8333 16.625 19.196 17.5793 18.388 18.388C17.5793 19.196 16.625 19.8333 15.525 20.3C14.425 20.7667 13.25 21 12 21ZM12 20C14.2167 20 16.1043 19.221 17.663 17.663C19.221 16.1043 20 14.2167 20 12C20 9.78333 19.221 7.89567 17.663 6.337C16.1043 4.779 14.2167 4 12 4C9.78333 4 7.896 4.779 6.338 6.337C4.77933 7.89567 4 9.78333 4 12C4 14.2167 4.77933 16.1043 6.338 17.663C7.896 19.221 9.78333 20 12 20Z'
+          fill='#DF9641'
+        />
+      </g>
+    </svg>
+  );
+}

package/src/BusinessBag.tsx

@@ -0,0 +1,16 @@
+import React, { SVGProps } from 'react';
+
+const BusinessBag: 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='M3.3421 15.2288C3.3421 15.8394 3.80213 16.2545 4.2709 16.2545H15.7379C16.2066 16.2545 16.6667 15.8394 16.6667 15.2288V9.98657L11.0243 12.0907C10.364 12.337 9.63632 12.337 8.97603 12.0907L3.33628 9.98756L3.3421 15.2288ZM3.3353 9.10213L9.26864 11.3148C9.74027 11.4907 10.26 11.4907 10.7317 11.3148L16.6667 9.10151V7.33581C16.6667 6.72519 16.2066 6.31004 15.7379 6.31004L4.26213 6.31004C3.79347 6.31004 3.33354 6.725 3.33333 7.3354L3.3353 9.10213ZM2.5 7.33581C2.5 6.31265 3.28901 5.48133 4.26213 5.48133H6.25794C6.25273 5.45515 6.25 5.42809 6.25 5.4004V4.23234C6.25 3.18508 7.30054 2.49992 8.37024 2.49992L11.6298 2.49992C12.6995 2.49992 13.75 3.18508 13.75 4.23234V5.4004C13.75 5.42809 13.7473 5.45515 13.7421 5.48133H15.7379C16.711 5.48133 17.5 6.31265 17.5 7.33581V15.2288C17.5 16.2519 16.711 17.0833 15.7379 17.0833H4.2709C3.29778 17.0833 2.50877 16.2519 2.50877 15.2288L2.5 7.33581ZM12.9246 5.48133L7.07539 5.48133C7.0806 5.45515 7.08333 5.42809 7.08333 5.4004V4.23234C7.08333 3.82382 7.55465 3.32863 8.37024 3.32863L11.6298 3.32863C12.4453 3.32863 12.9167 3.82382 12.9167 4.23234V5.4004C12.9167 5.42809 12.9194 5.45515 12.9246 5.48133Z'
+        fill={color}
+      />
+    </svg>
+  );
+};
+
+export default BusinessBag;

package/src/CheckCircle.tsx

@@ -0,0 +1,28 @@
+import { SVGProps } from 'react';
+
+function CheckCircle(props: SVGProps<SVGSVGElement>) {
+  return (
+    <svg xmlns='http://www.w3.org/2000/svg' width={16} height={16} fill='none' {...props}>
+      <mask
+        id='a'
+        width={16}
+        height={16}
+        x={0}
+        y={0}
+        maskUnits='userSpaceOnUse'
+        style={{
+          maskType: 'alpha',
+        }}
+      >
+        <path fill='#D9D9D9' d='M0 0h16v16H0z' />
+      </mask>
+      <g mask='url(#a)'>
+        <path
+          fill='#11A670'
+          d='M7.033 9.667 5.367 7.983a.293.293 0 0 0-.234-.092A.354.354 0 0 0 4.9 8a.32.32 0 0 0 0 .467l1.767 1.766c.1.1.225.15.374.15a.51.51 0 0 0 .376-.15l3.666-3.666a.293.293 0 0 0 .092-.234.354.354 0 0 0-.108-.233.32.32 0 0 0-.467 0L7.033 9.667ZM8 14a5.805 5.805 0 0 1-2.341-.475 6.096 6.096 0 0 1-1.9-1.284 6.095 6.095 0 0 1-1.284-1.9A5.806 5.806 0 0 1 2 8c0-.833.158-1.614.475-2.342a6.106 6.106 0 0 1 1.284-1.9 6.101 6.101 0 0 1 1.9-1.283A5.806 5.806 0 0 1 8 2a5.81 5.81 0 0 1 2.342.475 6.11 6.11 0 0 1 1.9 1.283c.539.54.966 1.172 1.283 1.9A5.81 5.81 0 0 1 14 8c0 .833-.158 1.614-.475 2.341a6.1 6.1 0 0 1-1.283 1.9c-.54.54-1.172.967-1.9 1.284A5.81 5.81 0 0 1 8 14Zm0-.667c1.478 0 2.736-.519 3.775-1.558 1.039-1.039 1.558-2.297 1.558-3.775 0-1.478-.519-2.736-1.558-3.775C10.736 3.186 9.478 2.667 8 2.667c-1.478 0-2.736.519-3.775 1.558C3.186 5.264 2.667 6.522 2.667 8c0 1.478.52 2.736 1.558 3.775C5.264 12.814 6.522 13.333 8 13.333Z'
+        />
+      </g>
+    </svg>
+  );
+}
+export default CheckCircle;

package/src/ChipArrowDownSmall.tsx

@@ -0,0 +1,14 @@
+import React, { SVGProps } from 'react';
+
+const ChipArrowDownSmall: React.FC<SVGProps<SVGSVGElement>> = ({ color = '#1A1A1A', ...rest }) => {
+  return (
+    <svg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg' {...rest}>
+      <path
+        d='M8.00002 10.6498C7.88336 10.6498 7.77102 10.6332 7.66302 10.5998C7.55436 10.5665 7.45836 10.4998 7.37502 10.3998L2.85002 5.89984C2.71669 5.74984 2.65002 5.57484 2.65002 5.37484C2.65002 5.17484 2.72502 4.99984 2.87502 4.84984C3.02502 4.71651 3.20002 4.64984 3.40002 4.64984C3.60002 4.64984 3.77502 4.71651 3.92502 4.84984L8.00002 8.92484L12.1 4.84984C12.2334 4.69984 12.4 4.62884 12.6 4.63684C12.8 4.6455 12.975 4.71651 13.125 4.84984C13.275 4.99984 13.35 5.17884 13.35 5.38684C13.35 5.5955 13.275 5.7665 13.125 5.89984L8.62502 10.3998C8.54169 10.4998 8.44602 10.5665 8.33802 10.5998C8.22936 10.6332 8.11669 10.6498 8.00002 10.6498Z'
+        fill={color}
+      />
+    </svg>
+  );
+};
+
+export default ChipArrowDownSmall;

package/src/CtLoyalty.tsx

@@ -0,0 +1,41 @@
+import React, { SVGProps } from 'react';
+
+const CtLoyalty: React.FC<SVGProps<SVGSVGElement>> = () => {
+  return (
+    <svg width='100' height='16' viewBox='0 0 100 16' fill='none' xmlns='http://www.w3.org/2000/svg'>
+      <path
+        d='M5.52236 12.2392C8.67375 9.48819 11.6599 9.65588 12.7591 9.77997C12.8036 9.78499 12.841 9.7484 12.8378 9.70375L12.4074 3.73884C12.4046 3.69974 12.3499 3.69324 12.338 3.7306L11.2202 7.239C11.2045 7.28812 11.1435 7.30486 11.105 7.27058L6.51766 3.18753C6.47687 3.15122 6.41208 3.17244 6.40066 3.22584L5.1747 8.96173C5.16447 9.00959 5.11011 9.03311 5.06822 9.00779L2.19154 7.26945C2.12602 7.22985 2.05271 7.30739 2.09591 7.37059L5.41544 12.2265C5.43962 12.2619 5.49009 12.2674 5.52236 12.2392Z'
+        fill='#FFD53F'
+      />
+      <path
+        d='M5.47829 12.2829C8.87949 12.7308 11.3573 11.0908 12.8166 9.81474C12.8402 9.79413 12.8259 9.75593 12.7947 9.75348C9.1647 9.46835 6.94433 10.9203 5.45872 12.2216C5.43586 12.2417 5.44815 12.2789 5.47829 12.2829Z'
+        fill='#E46A12'
+      />
+      <path
+        d='M9.04135 10.1646L6.4533 3.22194C6.4403 3.18707 6.48276 3.15815 6.51045 3.183L11.1933 7.38597L12.311 3.88862C12.3229 3.85129 12.3776 3.85781 12.3804 3.8969L12.8058 9.78379C11.267 9.60831 9.632 9.96188 9.04135 10.1646Z'
+        fill='#FF4F17'
+        fillOpacity='0.25'
+      />
+      <path d='M5.42711 7.77592L2.15548 7.26348L5.15739 9.07129L5.42711 7.77592Z' fill='#FF9243' />
+      <path
+        d='M10.0234 6.33398L11.2493 7.41307L12.4253 3.76849C12.4371 3.73194 12.3906 3.70519 12.3649 3.73373L10.0234 6.33398Z'
+        fill='#FF9243'
+      />
+      <path
+        d='M8.49024 7.99508L8.55296 8.63611C8.56007 8.70934 8.46518 8.74417 8.42352 8.68362L8.08564 8.19255C8.04555 8.13379 7.97732 8.1022 7.90729 8.10898L7.26504 8.16995C7.19213 8.17687 7.15772 8.08228 7.21793 8.04045L7.72594 7.68749C7.78348 7.64766 7.81532 7.57879 7.80832 7.50828L7.74867 6.89236C7.74157 6.81913 7.83647 6.78432 7.87812 6.84488L8.21856 7.33987C8.25613 7.3947 8.32005 7.42397 8.38558 7.41829L9.02012 7.35815C9.09301 7.35125 9.12742 7.44581 9.06722 7.48765L8.56292 7.83817C8.51263 7.87317 8.48469 7.93342 8.49024 7.99508Z'
+        fill='white'
+      />
+      <path
+        d='M6.09235 11.671C8.54831 11.7853 10.8422 10.4275 11.8524 9.72436L12.8456 9.75003C10.0133 12.3465 7.14122 12.3924 5.41989 12.2722L6.09235 11.671Z'
+        fill='#FFB335'
+        fillOpacity='0.5'
+      />
+      <path
+        d='M16.7173 12V4.72727H18.0348V10.8956H21.2379V12H16.7173ZM28.9968 8.36364C28.9968 9.14725 28.85 9.81842 28.5564 10.3771C28.2652 10.9335 27.8675 11.3596 27.3632 11.6555C26.8614 11.9515 26.292 12.0994 25.6551 12.0994C25.0183 12.0994 24.4478 11.9515 23.9435 11.6555C23.4416 11.3572 23.0439 10.9299 22.7503 10.3736C22.4591 9.81487 22.3135 9.14489 22.3135 8.36364C22.3135 7.58002 22.4591 6.91004 22.7503 6.35369C23.0439 5.79498 23.4416 5.36766 23.9435 5.07173C24.4478 4.7758 25.0183 4.62784 25.6551 4.62784C26.292 4.62784 26.8614 4.7758 27.3632 5.07173C27.8675 5.36766 28.2652 5.79498 28.5564 6.35369C28.85 6.91004 28.9968 7.58002 28.9968 8.36364ZM27.6722 8.36364C27.6722 7.81203 27.5858 7.34683 27.413 6.96804C27.2425 6.58688 27.0058 6.29924 26.7027 6.10511C26.3997 5.90862 26.0505 5.81037 25.6551 5.81037C25.2598 5.81037 24.9106 5.90862 24.6076 6.10511C24.3045 6.29924 24.0666 6.58688 23.8938 6.96804C23.7233 7.34683 23.6381 7.81203 23.6381 8.36364C23.6381 8.91525 23.7233 9.38163 23.8938 9.76278C24.0666 10.1416 24.3045 10.4292 24.6076 10.6257C24.9106 10.8198 25.2598 10.9169 25.6551 10.9169C26.0505 10.9169 26.3997 10.8198 26.7027 10.6257C27.0058 10.4292 27.2425 10.1416 27.413 9.76278C27.5858 9.38163 27.6722 8.91525 27.6722 8.36364ZM29.735 4.72727H31.2229L33.0021 7.9446H33.0731L34.8522 4.72727H36.3401L33.6945 9.28693V12H32.3806V9.28693L29.735 4.72727ZM37.865 12H36.4587L39.0191 4.72727H40.6455L43.2094 12H41.8032L39.8607 6.21875H39.8039L37.865 12ZM37.9111 9.14844H41.7463V10.2067H37.9111V9.14844ZM44.5673 12V4.72727H45.8848V10.8956H49.0879V12H44.5673ZM53.5119 4.72727H55.1241L57.2832 9.99716H57.3684L59.5275 4.72727H61.1397V12H59.8755V7.00355H59.808L57.7981 11.9787H56.8535L54.8435 6.9929H54.7761V12H53.5119V4.72727ZM62.9744 12V4.72727H67.7045V5.83168H64.2918V7.80611H67.4594V8.91051H64.2918V10.8956H67.7329V12H62.9744ZM69.4486 4.72727H71.0608L73.2199 9.99716H73.3051L75.4642 4.72727H77.0764V12H75.8122V7.00355H75.7447L73.7348 11.9787H72.7902L70.7803 6.9929H70.7128V12H69.4486V4.72727ZM78.9111 12V4.72727H81.6952C82.2207 4.72727 82.6575 4.81013 83.0055 4.97585C83.3559 5.1392 83.6175 5.36293 83.7903 5.64702C83.9655 5.93111 84.0531 6.25308 84.0531 6.61293C84.0531 6.90885 83.9963 7.16217 83.8827 7.37287C83.769 7.5812 83.6163 7.75047 83.4246 7.88068C83.2328 8.01089 83.0186 8.1044 82.7818 8.16122V8.23224C83.0399 8.24645 83.2873 8.32576 83.524 8.47017C83.7631 8.61222 83.9584 8.81345 84.1099 9.07386C84.2615 9.33428 84.3372 9.64915 84.3372 10.0185C84.3372 10.3949 84.2461 10.7334 84.0638 11.0341C83.8815 11.3324 83.6069 11.5679 83.2399 11.7408C82.873 11.9136 82.4113 12 81.855 12H78.9111ZM80.2285 10.8991H81.6455C82.1237 10.8991 82.4681 10.808 82.6788 10.6257C82.8919 10.4411 82.9984 10.2043 82.9984 9.91548C82.9984 9.70005 82.9452 9.50592 82.8386 9.3331C82.7321 9.15791 82.5806 9.0206 82.3841 8.92116C82.1876 8.81937 81.9532 8.76847 81.681 8.76847H80.2285V10.8991ZM80.2285 7.82031H81.5318C81.7591 7.82031 81.9639 7.77888 82.1462 7.69602C82.3285 7.6108 82.4717 7.49124 82.5759 7.33736C82.6824 7.18111 82.7357 6.99645 82.7357 6.78338C82.7357 6.50166 82.6362 6.26965 82.4374 6.08736C82.2409 5.90507 81.9485 5.81392 81.5602 5.81392H80.2285V7.82031ZM85.8833 12V4.72727H90.6135V5.83168H87.2008V7.80611H90.3684V8.91051H87.2008V10.8956H90.6419V12H85.8833ZM92.3576 12V4.72727H95.0848C95.6436 4.72727 96.1123 4.82434 96.4911 5.01847C96.8722 5.21259 97.1599 5.48485 97.354 5.83523C97.5505 6.18324 97.6488 6.58925 97.6488 7.05327C97.6488 7.51965 97.5493 7.92448 97.3505 8.26776C97.154 8.60866 96.864 8.87263 96.4804 9.05966C96.0969 9.24432 95.6258 9.33665 95.0671 9.33665H93.1246V8.2429H94.8895C95.2162 8.2429 95.4837 8.19792 95.6921 8.10795C95.9004 8.01562 96.0543 7.88187 96.1537 7.70668C96.2555 7.52912 96.3064 7.31132 96.3064 7.05327C96.3064 6.79522 96.2555 6.57505 96.1537 6.39276C96.0519 6.2081 95.8969 6.06842 95.6885 5.97372C95.4802 5.87666 95.2115 5.82812 94.8824 5.82812H93.675V12H92.3576ZM96.1147 8.70455L97.9151 12H96.4449L94.6765 8.70455H96.1147Z'
+        fill='#98700B'
+      />
+    </svg>
+  );
+};
+
+export default CtLoyalty;

package/src/DoneTick.tsx

@@ -0,0 +1,21 @@
+import React, { SVGProps } from 'react';
+
+export default function DoneTick({ size = 12, fill = 'none', ...rest }: SVGProps<SVGSVGElement> & { size?: number }) {
+  return (
+    <div>
+      <svg
+        width={size}
+        height={(2 * size) / 3}
+        viewBox='0 0 12 8'
+        fill={fill}
+        xmlns='http://www.w3.org/2000/svg'
+        {...rest}
+      >
+        <path
+          d='M1.06651 3.61977L4.20331 6.69202L10.9161 0.182509C11.0415 0.060836 11.1879 0 11.3552 0C11.5225 0 11.6689 0.060836 11.7944 0.182509C11.9198 0.304182 11.988 0.446134 11.9989 0.608365C12.0089 0.770596 11.9512 0.912548 11.8257 1.03422L4.92477 7.72624C4.73657 7.90875 4.5011 8 4.21837 8C3.93647 8 3.70142 7.90875 3.51322 7.72624L0.188208 4.5019C0.0627361 4.38023 0 4.23828 0 4.07605C0 3.91382 0.0627361 3.77186 0.188208 3.65019C0.31368 3.52852 0.460064 3.46241 0.62736 3.45186C0.794656 3.44213 0.94104 3.4981 1.06651 3.61977Z'
+          fill='white'
+        />
+      </svg>
+    </div>
+  );
+}

package/src/Edit.tsx

@@ -0,0 +1,16 @@
+import React from 'react';
+
+const Edit: React.FC<React.SVGProps<SVGSVGElement>> = (props) => {
+  return (
+    <svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg' {...props}>
+      <path
+        d='M12.4106 18.8789H20.8211M16.6159 3.45953C16.9876 3.08776 17.4918 2.87891 18.0176 2.87891C18.2779 2.87891 18.5357 2.93018 18.7762 3.02981C19.0168 3.12943 19.2353 3.27545 19.4194 3.45953C19.6035 3.64362 19.7495 3.86215 19.8491 4.10267C19.9487 4.34318 20 4.60096 20 4.8613C20 5.12163 19.9487 5.37941 19.8491 5.61992C19.7495 5.86044 19.6035 6.07897 19.4194 6.26306L7.73803 17.9444L4 18.8789L4.93451 15.1409L16.6159 3.45953Z'
+        stroke='#3366CC'
+        strokeLinecap='round'
+        strokeLinejoin='round'
+      />
+    </svg>
+  );
+};
+
+export default Edit;

package/src/FkBlackIcon.tsx

@@ -0,0 +1,34 @@
+import React, { SVGProps } from 'react';
+
+const FkBlackIcon: React.FC<SVGProps<SVGSVGElement>> = () => {
+  return (
+    <svg width='59' height='26' viewBox='0 0 59 26' fill='none' xmlns='http://www.w3.org/2000/svg'>
+      <g clipPath='url(#clip0_15705_25902)'>
+        <path
+          d='M43.1298 11.5553H39.8576C39.8344 11.2772 39.7725 11.025 39.672 10.7986C39.5753 10.5722 39.4399 10.3775 39.2659 10.2147C39.0957 10.0479 38.8887 9.92074 38.6451 9.83336C38.4014 9.742 38.1248 9.69632 37.8154 9.69632C37.2739 9.69632 36.8156 9.83137 36.4404 10.1015C36.0691 10.3716 35.7867 10.7589 35.5933 11.2633C35.4038 11.7678 35.3091 12.3736 35.3091 13.0806C35.3091 13.8274 35.4058 14.453 35.5991 14.9574C35.7964 15.4579 36.0807 15.8353 36.452 16.0895C36.8233 16.3398 37.2701 16.4649 37.7922 16.4649C38.09 16.4649 38.3569 16.4271 38.5929 16.3517C38.8288 16.2722 39.0338 16.159 39.2078 16.012C39.3819 15.8651 39.5231 15.6883 39.6314 15.4818C39.7435 15.2712 39.819 15.0349 39.8576 14.7727L43.1298 14.7966C43.0911 15.3129 42.95 15.8393 42.7063 16.3755C42.4626 16.9078 42.1164 17.4003 41.6678 17.8531C41.223 18.302 40.6718 18.6635 40.0143 18.9375C39.3567 19.2116 38.5928 19.3487 37.7226 19.3487C36.6319 19.3487 35.6533 19.1083 34.7869 18.6277C33.9244 18.1471 33.2417 17.44 32.7389 16.5066C32.2399 15.5731 31.9905 14.4311 31.9905 13.0806C31.9905 11.7221 32.2457 10.5781 32.7563 9.64865C33.2668 8.71519 33.9553 8.01014 34.8217 7.53348C35.6881 7.05285 36.6551 6.81253 37.7226 6.81253C38.4729 6.81253 39.1634 6.91779 39.7938 7.12832C40.4243 7.33884 40.9774 7.64668 41.4531 8.05184C41.9289 8.45303 42.3118 8.94756 42.6019 9.53544C42.8919 10.1233 43.0679 10.7966 43.1298 11.5553Z'
+          fill='white'
+        />
+        <path
+          d='M44.3185 19.3868V6.81864H47.6409V11.8999H47.8083L51.4892 6.81864H55.3615L51.2263 12.4154L55.4571 19.3868H51.4892L48.7405 14.6737L47.6409 16.1466V19.3868H44.3185Z'
+          fill='white'
+        />
+        <path d='M14.5884 19.3684V6.75433H17.9229V16.6091H22.8888L21.6647 19.3684H14.5884Z' fill='white' />
+        <path
+          d='M3.34277 19.4001V6.78603H8.66851C9.60411 6.78603 10.3898 6.91537 11.0255 7.17406C11.6652 7.43274 12.147 7.79819 12.4709 8.2704C12.7988 8.7426 12.9627 9.29899 12.9627 9.93954C12.9627 10.4035 12.8627 10.8265 12.6628 11.2083C12.4669 11.5902 12.191 11.9105 11.8352 12.1692C11.4793 12.4238 11.0635 12.6003 10.5877 12.6989V12.8221C11.1155 12.8426 11.5953 12.9801 12.0271 13.2347C12.4589 13.4852 12.8027 13.8322 13.0586 14.2756C13.3145 14.715 13.4425 15.2324 13.4425 15.8278C13.4425 16.5176 13.2666 17.1315 12.9147 17.6694C12.5668 18.2073 12.0711 18.6302 11.4273 18.9382C10.7836 19.2461 10.0159 19.4001 9.12431 19.4001H3.34277ZM6.67735 16.6654H8.23669C8.79645 16.6654 9.21627 16.5586 9.49616 16.3451C9.77604 16.1275 9.91598 15.8072 9.91598 15.3843C9.91598 15.0886 9.85001 14.8382 9.71806 14.6329C9.58612 14.4276 9.3982 14.2715 9.1543 14.1648C8.9144 14.058 8.62453 14.0046 8.28467 14.0046H6.67735V16.6654ZM6.67735 11.8859H8.04477C8.33665 11.8859 8.59454 11.8386 8.81844 11.7442C9.04235 11.6498 9.21627 11.5143 9.34022 11.3377C9.46817 11.157 9.53214 10.9373 9.53214 10.6787C9.53214 10.2886 9.3962 9.99087 9.12431 9.78556C8.85243 9.57615 8.50858 9.47144 8.09275 9.47144H6.67735V11.8859Z'
+          fill='white'
+        />
+        <path
+          d='M27.189 6.6001L32.7356 19.3683H29.5471L25.5657 10.4028L27.189 6.6001ZM23.8526 14.3495H30.0645V16.4568H22.9832L23.8526 14.3495Z'
+          fill='white'
+        />
+      </g>
+      <defs>
+        <clipPath id='clip0_15705_25902'>
+          <rect width='57.6' height='25.6' fill='white' transform='translate(0.599609 0.199951)' />
+        </clipPath>
+      </defs>
+    </svg>
+  );
+};
+
+export default FkBlackIcon;

package/src/FkGold.tsx

@@ -0,0 +1,116 @@
+import React, { SVGProps } from 'react';
+
+const FkGold: React.FC<SVGProps<SVGSVGElement>> = () => {
+  return (
+    <svg xmlns='http://www.w3.org/2000/svg' width='75' height='10' viewBox='0 0 75 10' fill='none'>
+      <path
+        d='M7.53565 2.57368C7.53565 2.57368 8.83098 3.22265 9.47001 3.4981C10.0918 3.76548 10.1622 4.76784 9.47798 5.10644C8.79378 5.44504 8.60513 5.50012 8.60513 5.50012C8.60513 5.50012 8.71274 5.21931 8.69813 4.94789C8.65428 4.46418 7.24071 4.07184 6.30409 3.83939C6.30409 3.83939 5.58535 1.55788 5.25986 0.922337C4.93303 0.282763 4.27009 0.0167236 4.27009 0.0167236L5.83644 0.0382183C5.83644 0.0382183 6.37583 0.0113488 6.61496 0.595833C6.85277 1.183 7.53565 2.57368 7.53565 2.57368Z'
+        fill='url(#paint0_linear_22299_26099)'
+      />
+      <path
+        d='M7.42509 7.51812C7.42509 7.51812 6.79005 8.81339 6.51106 9.4758C6.24535 10.1046 5.23566 10.1758 4.90086 9.48387C4.56607 8.79189 4.53152 8.66962 4.53152 8.66962C4.53152 8.66962 4.73346 8.70993 5.05497 8.69515C5.53325 8.65081 5.94376 7.22117 6.1736 6.2739C6.1736 6.2739 8.42814 5.54565 9.05787 5.2178C9.69026 4.88727 9.96701 4.21679 9.96701 4.21679L9.93072 6.03742C9.93072 6.03742 9.95729 6.34781 9.37938 6.58966C8.80013 6.83018 7.42509 7.51812 7.42509 7.51812Z'
+        fill='url(#paint1_linear_22299_26099)'
+      />
+      <path
+        d='M2.4344 7.42141C2.4344 7.42141 1.14571 6.77646 0.49871 6.49699C-0.123048 6.2296 -0.193461 5.2259 0.490739 4.88864C1.17494 4.55005 1.44995 4.48824 1.44995 4.48824C1.44995 4.48824 1.27192 4.77578 1.31577 5.09959C1.36094 5.58465 2.72933 5.92325 3.6633 6.1557C3.6633 6.1557 4.40994 8.42377 4.70753 9.07275C5.07155 9.86281 5.67471 9.98374 5.67471 9.98374L3.89845 9.95686C3.89845 9.95686 3.59155 9.98373 3.35242 9.39925C3.11594 8.81208 2.4344 7.42141 2.4344 7.42141Z'
+        fill='url(#paint2_linear_22299_26099)'
+      />
+      <path
+        d='M2.54017 2.47586C2.54017 2.47586 3.17787 1.17387 3.45421 0.518169C3.71859 -0.110655 4.70969 -0.180524 5.04448 0.510108C5.36108 1.14223 5.42726 1.32704 5.42726 1.32704C5.42726 1.32704 5.15873 1.33108 4.8917 1.34586C4.41209 1.39154 4.0215 2.77549 3.79299 3.72141C3.79299 3.72141 1.5451 4.46445 0.908727 4.77751C0.0332172 5.20748 0 5.75837 0 5.75837L0.0358732 3.95924C0.0358732 3.95924 0.00929752 3.64885 0.587214 3.407C1.16513 3.16514 2.54017 2.47586 2.54017 2.47586Z'
+        fill='url(#paint3_linear_22299_26099)'
+      />
+      <path
+        d='M15.559 9.85175H13.3096L14.8552 0.32345H18.8573C20.0809 0.32345 20.9412 0.543576 21.438 0.983827C21.944 1.42408 22.197 2.04402 22.197 2.84366C22.197 3.24798 22.1602 3.62534 22.0866 3.97574C22.013 4.31716 21.875 4.66756 21.6726 5.02695C21.4794 5.37736 21.2218 5.67835 20.8998 5.92992C20.587 6.17251 20.1683 6.37466 19.6439 6.53639C19.1195 6.68913 18.5123 6.7655 17.8223 6.7655H16.0696L15.559 9.85175ZM16.3456 5.02695H17.9051C19.2115 5.02695 19.8647 4.42049 19.8647 3.20755C19.8647 2.83019 19.7543 2.54717 19.5335 2.35849C19.3127 2.16083 18.9309 2.06199 18.3881 2.06199H16.8287L16.3456 5.02695Z'
+        fill='white'
+      />
+      <path
+        d='M25.9449 8.11321L25.7793 9.7035C25.2732 9.90117 24.7534 10 24.2198 10C23.6218 10 23.1618 9.86523 22.8398 9.59569C22.527 9.32615 22.3706 8.9398 22.3706 8.43666C22.3706 8.30189 22.3844 8.15364 22.412 7.99191L23.6954 0H25.8483L24.6476 7.46631C24.6384 7.57412 24.6338 7.65049 24.6338 7.69542C24.6338 7.91105 24.6706 8.05481 24.7442 8.12668C24.827 8.19856 24.988 8.2345 25.2272 8.2345C25.4204 8.2345 25.6597 8.19407 25.9449 8.11321Z'
+        fill='white'
+      />
+      <path
+        d='M34.4338 2.74933L33.2746 9.85175H31.5909L31.6461 8.34232C30.8825 9.44744 29.9027 10 28.7067 10C28.0626 10 27.5796 9.8248 27.2576 9.47439C26.9356 9.12399 26.7746 8.65678 26.7746 8.07278C26.7746 7.83019 26.793 7.61456 26.8298 7.42588L27.6026 2.74933H29.7417L29.0655 6.90027C29.0379 7.03504 29.0241 7.1788 29.0241 7.33154C29.0241 7.86163 29.2173 8.12668 29.6037 8.12668C29.9073 8.12668 30.2477 7.96047 30.6249 7.62803C31.0021 7.2956 31.3563 6.87781 31.6875 6.37466L32.2809 2.74933H34.4338Z'
+        fill='white'
+      />
+      <path
+        d='M34.6252 9.6496L34.9978 7.89757C35.0622 7.96945 35.352 8.0593 35.8672 8.16712C36.3824 8.26595 36.8654 8.31536 37.3162 8.31536C38.2455 8.31536 38.7101 8.09074 38.7101 7.64151C38.7101 7.47978 38.5905 7.34951 38.3513 7.25067C38.1213 7.15184 37.8361 7.07098 37.4956 7.00809C37.1644 6.93621 36.8286 6.84636 36.4882 6.73854C36.157 6.62174 35.8718 6.42857 35.6326 6.15903C35.4026 5.8805 35.2876 5.5301 35.2876 5.10782C35.2876 4.29919 35.5866 3.67924 36.1846 3.24798C36.7826 2.81671 37.6842 2.60108 38.8895 2.60108C39.2851 2.60108 39.6715 2.62803 40.0487 2.68194C40.4259 2.72686 40.7111 2.77628 40.9043 2.83019C41.1067 2.8841 41.2355 2.92902 41.2907 2.96496L40.9319 4.66307C40.7755 4.56424 40.4903 4.47889 40.0763 4.40701C39.6623 4.33513 39.2621 4.29919 38.8757 4.29919C37.9189 4.29919 37.4404 4.51482 37.4404 4.94609C37.4404 5.09883 37.5554 5.22013 37.7854 5.30997C38.0247 5.39982 38.3099 5.48068 38.6411 5.55256C38.9723 5.61545 39.3035 5.7053 39.6347 5.8221C39.9751 5.92992 40.2603 6.12309 40.4903 6.40162C40.7295 6.67116 40.8491 7.01707 40.8491 7.43935C40.8491 8.31087 40.5271 8.95328 39.8831 9.36658C39.2483 9.77987 38.3743 9.98652 37.261 9.98652C36.8378 9.98652 36.41 9.95957 35.9776 9.90566C35.5452 9.85175 35.2186 9.80234 34.9978 9.75741C34.7862 9.7035 34.662 9.66757 34.6252 9.6496Z'
+        fill='white'
+      />
+      <path
+        d='M68.6298 9.90791C67.9163 9.90791 67.3655 9.65215 66.9771 9.14064C66.5888 8.62912 66.3947 7.96327 66.3947 7.14309C66.3947 6.60512 66.4669 6.0892 66.6114 5.59532C66.7649 5.09263 66.9997 4.61198 67.3158 4.15338C67.6319 3.69478 68.0834 3.32879 68.6704 3.05539C69.2574 2.77318 69.9437 2.63207 70.7294 2.63207C71.0364 2.63207 71.4202 2.66294 71.8808 2.72467L71.9621 1.94417L72.2736 0.0921441H74.3733L72.8019 9.76239H71.1493L71.2035 8.28076C70.5352 9.36553 69.6773 9.90791 68.6298 9.90791ZM69.3071 8.13525C69.587 8.13525 69.9076 7.95886 70.2688 7.6061C70.6391 7.25333 70.9687 6.83883 71.2577 6.36259L71.5557 4.49733C71.2396 4.40032 70.8784 4.35181 70.472 4.35181C69.8218 4.35181 69.3342 4.60757 69.0091 5.11908C68.693 5.62178 68.5349 6.1818 68.5349 6.79914C68.5349 7.18718 68.6027 7.50909 68.7381 7.76484C68.8736 8.01178 69.0632 8.13525 69.3071 8.13525Z'
+        fill='white'
+      />
+      <path
+        d='M65.5592 8.05587L65.3967 9.61687C64.9 9.81089 64.3897 9.90791 63.866 9.90791C63.279 9.90791 62.8274 9.77562 62.5114 9.51104C62.2043 9.24647 62.0508 8.86724 62.0508 8.37337C62.0508 8.24108 62.0643 8.09556 62.0914 7.93682L63.3512 0.0921441H65.4644L64.2859 7.42089C64.2769 7.52672 64.2723 7.60169 64.2723 7.64578C64.2723 7.85744 64.3085 7.99855 64.3807 8.0691C64.462 8.13966 64.62 8.17493 64.8548 8.17493C65.0445 8.17493 65.2793 8.13525 65.5592 8.05587Z'
+        fill='white'
+      />
+      <path
+        d='M56.9397 9.89473C55.9644 9.87709 55.2058 9.62134 54.6639 9.12746C54.1221 8.63359 53.8512 7.94128 53.8512 7.05054C53.8512 5.7453 54.2305 4.687 54.989 3.87563C55.7567 3.05545 56.7771 2.64536 58.0505 2.64536C59.0619 2.64536 59.843 2.89229 60.3939 3.38617C60.9538 3.87122 61.2338 4.56794 61.2338 5.47632C61.2338 6.82565 60.8545 7.90159 60.0959 8.70414C59.3373 9.49787 58.2853 9.89473 56.9397 9.89473ZM57.17 8.17499C57.766 8.17499 58.2401 7.95892 58.5923 7.52678C58.9445 7.08582 59.1206 6.48611 59.1206 5.72766C59.1206 4.81047 58.7187 4.35187 57.915 4.35187C57.328 4.35187 56.8539 4.56794 56.4927 5.00008C56.1314 5.43222 55.9508 6.03633 55.9508 6.81242C55.9508 7.27984 56.0502 7.62379 56.2488 7.84427C56.4565 8.05593 56.7636 8.16617 57.17 8.17499Z'
+        fill='white'
+      />
+      <path
+        d='M50.3663 7.9632L50.8404 5.10578H52.9807L52.2627 9.47128C51.2693 9.76231 50.2128 9.90783 49.0929 9.90783C47.7925 9.90783 46.7766 9.59475 46.0451 8.96859C45.3136 8.33361 44.9479 7.3679 44.9479 6.07148C44.9479 4.38702 45.4445 2.99799 46.4379 1.90441C47.4403 0.810834 48.8401 0.264044 50.6372 0.264044C51.1971 0.264044 51.748 0.294911 52.2898 0.356646C52.8317 0.41838 53.1884 0.488933 53.36 0.568306L52.9265 2.47325C52.2763 2.27041 51.5222 2.16899 50.6643 2.16899C49.5896 2.16899 48.7407 2.48648 48.1176 3.12146C47.5035 3.75644 47.1965 4.63395 47.1965 5.75399C47.1965 7.27089 47.9686 8.02934 49.5129 8.02934C49.7477 8.02934 50.0321 8.0073 50.3663 7.9632Z'
+        fill='white'
+      />
+      <defs>
+        <linearGradient
+          id='paint0_linear_22299_26099'
+          x1='9.54138'
+          y1='9.58738'
+          x2='-0.374598'
+          y2='2.30895'
+          gradientUnits='userSpaceOnUse'
+        >
+          <stop stopColor='#66390B' />
+          <stop offset='0.26' stopColor='#D69636' />
+          <stop offset='0.545' stopColor='#F7C351' />
+          <stop offset='0.78' stopColor='#F8CA6D' />
+          <stop offset='1' stopColor='#FEEEDB' />
+        </linearGradient>
+        <linearGradient
+          id='paint1_linear_22299_26099'
+          x1='0.767537'
+          y1='9.30595'
+          x2='6.54127'
+          y2='-0.646426'
+          gradientUnits='userSpaceOnUse'
+        >
+          <stop stopColor='#66390B' />
+          <stop offset='0.26' stopColor='#D69636' />
+          <stop offset='0.545' stopColor='#F7C351' />
+          <stop offset='0.78' stopColor='#F8CA6D' />
+          <stop offset='1' stopColor='#FEEEDB' />
+        </linearGradient>
+        <linearGradient
+          id='paint2_linear_22299_26099'
+          x1='0.97631'
+          y1='0.521823'
+          x2='9.84454'
+          y2='7.90446'
+          gradientUnits='userSpaceOnUse'
+        >
+          <stop stopColor='#66390B' />
+          <stop offset='0.26' stopColor='#D69636' />
+          <stop offset='0.545' stopColor='#F7C351' />
+          <stop offset='0.78' stopColor='#F8CA6D' />
+          <stop offset='1' stopColor='#FEEEDB' />
+        </linearGradient>
+        <linearGradient
+          id='paint3_linear_22299_26099'
+          x1='5.42047'
+          y1='0.621678'
+          x2='1.42402'
+          y2='5.72505'
+          gradientUnits='userSpaceOnUse'
+        >
+          <stop stopColor='#66390B' />
+          <stop offset='0.26' stopColor='#D69635' />
+          <stop offset='0.545' stopColor='#F7C351' />
+          <stop offset='0.78' stopColor='#F8CA6D' />
+          <stop offset='1' stopColor='#FEEEDB' />
+        </linearGradient>
+      </defs>
+    </svg>
+  );
+};
+
+export default FkGold;

package/src/FkPremium.tsx

@@ -0,0 +1,134 @@
+import React, { SVGProps } from 'react';
+
+const FkPremium: React.FC<SVGProps<SVGSVGElement>> = () => {
+  return (
+    <svg width='85' height='16' viewBox='0 0 85 16' fill='none' xmlns='http://www.w3.org/2000/svg'>
+      <g clipPath='url(#clip0_4773_950)'>
+        <g clipPath='url(#clip1_4773_950)'>
+          <path
+            d='M8.11443 6.13758C8.11443 6.13758 9.17007 6.6499 9.69085 6.86734C10.1975 7.07842 10.255 7.86973 9.69736 8.137C9.13973 8.40431 8.98601 8.44781 8.98601 8.44781C8.98601 8.44781 9.07371 8.22613 9.06179 8.01186C9.02604 7.62998 7.87405 7.32027 7.11075 7.13677C7.11075 7.13677 6.52499 5.33569 6.25973 4.83397C5.99339 4.32908 5.45312 4.12012 5.45312 4.12012L6.72966 4.13709C6.72966 4.13709 7.1692 4.11587 7.36409 4.57834C7.55898 5.03975 8.11443 6.13758 8.11443 6.13758Z'
+            fill='url(#paint0_linear_4773_950)'
+          />
+          <path
+            d='M8.04562 10.0828C8.04562 10.0828 7.52811 11.1053 7.30074 11.6283C7.0842 12.1247 6.26025 12.1809 5.9885 11.6346C5.71565 11.0884 5.6875 10.9907 5.6875 10.9907C5.6875 10.9907 5.85207 11.0226 6.11409 11.0109C6.50386 10.9759 6.83841 9.84732 7.02574 9.09953C7.02574 9.09953 8.86415 8.52464 9.3763 8.26581C9.89167 8.00489 10.1049 7.47559 10.1049 7.47559L10.0877 8.91283C10.0877 8.91283 10.1093 9.15786 9.63833 9.34878C9.16626 9.53974 8.04562 10.0828 8.04562 10.0828Z'
+            fill='url(#paint1_linear_4773_950)'
+          />
+          <path
+            d='M3.98023 10.0069C3.98023 10.0069 2.93 9.49779 2.40272 9.27717C1.89601 9.06606 1.83863 8.27371 2.39622 8.0075C2.95382 7.74019 3.17794 7.69141 3.17794 7.69141C3.17794 7.69141 3.03286 7.91837 3.06859 8.17401C3.1054 8.55695 4.22059 8.82423 4.98173 9.00773C4.98173 9.00773 5.59021 10.7982 5.83274 11.3105C6.1294 11.9342 6.62094 12.0297 6.62094 12.0297L5.17337 12.0085C5.17337 12.0085 4.92327 12.0297 4.72838 11.5683C4.53565 11.1047 3.98023 10.0069 3.98023 10.0069Z'
+            fill='url(#paint2_linear_4773_950)'
+          />
+          <path
+            d='M4.07014 6.05774C4.07014 6.05774 4.58984 5.02992 4.81504 4.51229C5.0305 4.01588 5.8382 3.96072 6.11105 4.50593C6.3839 5.05219 6.40988 5.15084 6.40988 5.15084C6.40988 5.15084 6.20417 5.15402 5.98653 5.16569C5.59567 5.20175 5.27736 6.29428 5.09113 7.04102C5.09113 7.04102 3.25919 7.62758 2.74057 7.87474C2.02707 8.21414 2 8.64907 2 8.64907L2.02924 7.22876C2.02924 7.22876 2.00758 6.98374 2.47856 6.79281C2.94954 6.60189 4.07014 6.05774 4.07014 6.05774Z'
+            fill='url(#paint3_linear_4773_950)'
+          />
+          <path
+            d='M14.0223 11.9108H12.2109L13.4556 4.24121H16.6782C17.6635 4.24121 18.3562 4.4184 18.7563 4.77277C19.1637 5.12714 19.3675 5.62616 19.3675 6.26982C19.3675 6.59526 19.3378 6.89901 19.2786 7.18106C19.2193 7.45588 19.1082 7.73794 18.9452 8.02722C18.7896 8.30928 18.5822 8.55155 18.3229 8.75406C18.071 8.94932 17.7339 9.11204 17.3116 9.24223C16.8894 9.36515 16.4004 9.42664 15.8448 9.42664H14.4335L14.0223 11.9108ZM14.6557 8.02722H15.9114C16.9634 8.02722 17.4894 7.53905 17.4894 6.56272C17.4894 6.25897 17.4005 6.03116 17.2227 5.87928C17.0449 5.72018 16.7375 5.64062 16.3004 5.64062H15.0447L14.6557 8.02722Z'
+            fill='white'
+          />
+          <path
+            d='M22.386 10.5111L22.2526 11.7912C21.8452 11.9502 21.4266 12.0298 20.9969 12.0298C20.5154 12.0298 20.145 11.9213 19.8856 11.7044C19.6338 11.4874 19.5078 11.1764 19.5078 10.7714C19.5078 10.6629 19.5189 10.5436 19.5411 10.4134L20.5746 3.98047H22.3082L21.3414 9.99033C21.334 10.0771 21.3303 10.1386 21.3303 10.1747C21.3303 10.3484 21.3599 10.4641 21.4192 10.5219C21.4858 10.5798 21.6155 10.6087 21.8081 10.6087C21.9637 10.6087 22.1563 10.5761 22.386 10.5111Z'
+            fill='white'
+          />
+          <path
+            d='M28.7691 5.83105L27.8356 11.548H26.4799L26.5243 10.3331C25.9094 11.2226 25.1204 11.6674 24.1573 11.6674C23.6387 11.6674 23.2498 11.5263 22.9905 11.2443C22.7312 10.9622 22.6016 10.5862 22.6016 10.1161C22.6016 9.92081 22.6164 9.74724 22.646 9.59536L23.2683 5.83105H24.9908L24.4463 9.17227C24.4241 9.28076 24.413 9.39648 24.413 9.51944C24.413 9.94612 24.5685 10.1595 24.8796 10.1595C25.1241 10.1595 25.3983 10.0257 25.702 9.75808C26.0057 9.4905 26.291 9.15421 26.5577 8.74922L27.0355 5.83105H28.7691Z'
+            fill='white'
+          />
+          <path
+            d='M29.3672 11.7478L29.6672 10.3375C29.7191 10.3954 29.9525 10.4677 30.3673 10.5545C30.7822 10.6341 31.1711 10.6739 31.5341 10.6739C32.2824 10.6739 32.6565 10.493 32.6565 10.1314C32.6565 10.0012 32.5602 9.89637 32.3676 9.81682C32.1824 9.73728 31.9527 9.6722 31.6786 9.62157C31.4119 9.56371 31.1415 9.49138 30.8674 9.40462C30.6007 9.3106 30.371 9.15509 30.1784 8.93814C29.9932 8.71394 29.9006 8.43188 29.9006 8.09196C29.9006 7.44108 30.1414 6.94207 30.6229 6.59493C31.1044 6.24779 31.8305 6.07422 32.801 6.07422C33.1195 6.07422 33.4307 6.09591 33.7344 6.13931C34.0382 6.17547 34.2678 6.21525 34.4234 6.25864C34.5864 6.30203 34.6901 6.33819 34.7346 6.36712L34.4456 7.73398C34.3197 7.65443 34.09 7.58573 33.7567 7.52787C33.4233 7.47002 33.101 7.44108 32.7899 7.44108C32.0194 7.44108 31.6342 7.61464 31.6342 7.96181C31.6342 8.08474 31.7268 8.18239 31.9119 8.25468C32.1046 8.32701 32.3342 8.39212 32.601 8.44998C32.8676 8.50058 33.1344 8.57291 33.4011 8.66693C33.6752 8.75373 33.9048 8.90919 34.09 9.1334C34.2827 9.35035 34.379 9.62878 34.379 9.9687C34.379 10.6702 34.1197 11.1873 33.6011 11.52C33.0899 11.8527 32.3861 12.019 31.4897 12.019C31.1489 12.019 30.8044 11.9973 30.4562 11.9539C30.108 11.9105 29.845 11.8708 29.6672 11.8346C29.4968 11.7912 29.3968 11.7623 29.3672 11.7478Z'
+            fill='white'
+          />
+          <path
+            d='M38.6052 11.9039H36.8438L38.0541 4.44531H41.1881C42.1463 4.44531 42.8199 4.61763 43.209 4.96224C43.6053 5.30687 43.8032 5.79214 43.8032 6.41809C43.8032 6.73458 43.7745 7.02996 43.7168 7.30425C43.659 7.57151 43.5511 7.8458 43.3928 8.12712C43.2413 8.40141 43.0397 8.63701 42.7876 8.83393C42.5424 9.02382 42.2147 9.18209 41.804 9.30868C41.3934 9.42822 40.9179 9.48801 40.3775 9.48801H39.0051L38.6052 11.9039ZM39.2212 8.12712H40.4424C41.4654 8.12712 41.9769 7.6524 41.9769 6.70293C41.9769 6.40754 41.8905 6.186 41.7176 6.0383C41.5447 5.88357 41.2457 5.80621 40.8206 5.80621H39.5994L39.2212 8.12712Z'
+            fill='white'
+          />
+          <path
+            d='M43.7188 11.9042L44.6156 6.34456H45.9448L45.8797 7.68435C46.4635 6.7138 47.1911 6.22852 48.0629 6.22852H48.1603L47.8359 7.90591C47.4686 7.90591 47.1046 8.01843 46.7443 8.2435C46.3843 8.46152 46.089 8.72875 45.8583 9.04524L45.4046 11.9042H43.7188Z'
+            fill='white'
+          />
+          <path
+            d='M53.6519 7.90532C53.5941 9.1994 52.6035 9.84643 50.6801 9.84643C50.4062 9.84643 50.1396 9.8359 49.8802 9.8148C49.9166 10.1383 50.0317 10.3704 50.226 10.511C50.428 10.6517 50.7702 10.722 51.253 10.722C51.8222 10.722 52.4092 10.6201 53.0144 10.4161L52.755 11.7559C52.1499 11.9388 51.5015 12.0302 50.8098 12.0302C49.8443 12.0302 49.1563 11.8298 48.7458 11.4289C48.3422 11.028 48.1406 10.4477 48.1406 9.6882C48.1406 8.71763 48.4359 7.90177 49.0266 7.24068C49.6245 6.57958 50.428 6.24902 51.4364 6.24902C52.1931 6.24902 52.7514 6.40023 53.1118 6.70266C53.4717 6.99804 53.6519 7.39893 53.6519 7.90532ZM49.9667 8.78093C50.039 8.79501 50.1541 8.80203 50.3125 8.80203C51.415 8.80203 51.966 8.55234 51.966 8.05302C51.966 7.89124 51.9119 7.76114 51.804 7.66266C51.6958 7.55717 51.5338 7.50443 51.3176 7.50443C50.9718 7.50443 50.6838 7.61695 50.4531 7.84202C50.2297 8.06706 50.0677 8.38004 49.9667 8.78093Z'
+            fill='white'
+          />
+          <path
+            d='M62.0679 6.22852C62.5721 6.22852 62.9503 6.36566 63.2023 6.63995C63.4548 6.91424 63.5809 7.27996 63.5809 7.73712C63.5809 7.92701 63.5663 8.09581 63.5377 8.2435L62.9325 11.9042H61.2571L61.7868 8.65492C61.8086 8.54942 61.8191 8.43691 61.8191 8.31733C61.8191 7.90236 61.668 7.69492 61.3654 7.69492C60.9477 7.69492 60.4394 8.14854 59.8415 9.05581L59.3769 11.9042H57.702L58.2316 8.65492C58.253 8.54942 58.2639 8.43691 58.2639 8.31733C58.2639 7.90236 58.1124 7.69492 57.8098 7.69492C57.3921 7.69492 56.8806 8.15205 56.2755 9.06634L55.8109 11.9042H54.125L55.0328 6.34456H56.351L56.2969 7.52612C56.5995 7.09006 56.9202 6.76654 57.2588 6.55555C57.6046 6.33753 58.0223 6.22852 58.5124 6.22852C59.3551 6.22852 59.8488 6.60127 59.993 7.34677C60.5404 6.60127 61.2321 6.22852 62.0679 6.22852Z'
+            fill='white'
+          />
+          <path
+            d='M65.7843 11.904H64.1094L65.0062 6.34436H66.6812L65.7843 11.904ZM67.0593 4.67753C67.0593 4.97291 66.9693 5.21555 66.7895 5.40545C66.6093 5.59534 66.3317 5.69029 65.9572 5.69029C65.4098 5.69029 65.1359 5.45468 65.1359 4.98346C65.1359 4.68808 65.226 4.44543 65.4062 4.25554C65.586 4.06565 65.8635 3.9707 66.238 3.9707C66.7858 3.9707 67.0593 4.20631 67.0593 4.67753Z'
+            fill='white'
+          />
+          <path
+            d='M73.0919 6.34375L72.1841 11.9034H70.8654L70.9087 10.7218C70.3108 11.5869 69.5436 12.0194 68.6067 12.0194C68.1025 12.0194 67.7244 11.8823 67.4723 11.608C67.2198 11.3337 67.0938 10.968 67.0938 10.5108C67.0938 10.321 67.1083 10.1522 67.137 10.0045L67.7422 6.34375H69.4175L68.8879 9.59301C68.8661 9.69851 68.8556 9.81106 68.8556 9.9306C68.8556 10.3456 69.0067 10.553 69.3093 10.553C69.5472 10.553 69.8134 10.4229 70.1092 10.1627C70.4045 9.90248 70.6816 9.57542 70.941 9.18159L71.406 6.34375H73.0919Z'
+            fill='white'
+          />
+          <path
+            d='M81.2867 6.22852C81.7913 6.22852 82.1694 6.36566 82.4215 6.63995C82.6736 6.91424 82.7996 7.27996 82.7996 7.73712C82.7996 7.92701 82.7855 8.09581 82.7564 8.2435L82.1512 11.9042H80.4763L81.0059 8.65492C81.0273 8.54942 81.0382 8.43691 81.0382 8.31733C81.0382 7.90236 80.8871 7.69492 80.5845 7.69492C80.1664 7.69492 79.6586 8.14854 79.0607 9.05581L78.5961 11.9042H76.9207L77.4504 8.65492C77.4722 8.54942 77.4827 8.43691 77.4827 8.31733C77.4827 7.90236 77.3316 7.69492 77.029 7.69492C76.6113 7.69492 76.0994 8.15205 75.4942 9.06634L75.0296 11.9042H73.3438L74.2515 6.34456H75.5702L75.516 7.52612C75.8186 7.09006 76.139 6.76654 76.4779 6.55555C76.8238 6.33753 77.2415 6.22852 77.7315 6.22852C78.5743 6.22852 79.0679 6.60127 79.2118 7.34677C79.7596 6.60127 80.4512 6.22852 81.2867 6.22852Z'
+            fill='white'
+          />
+        </g>
+      </g>
+      <defs>
+        <linearGradient
+          id='paint0_linear_4773_950'
+          x1='5.48108'
+          y1='4.09291'
+          x2='9.59501'
+          y2='8.29216'
+          gradientUnits='userSpaceOnUse'
+        >
+          <stop offset='0.0411' stopColor='#FBED23' />
+          <stop offset='0.2727' stopColor='#FBED23' />
+          <stop offset='0.5022' stopColor='#FFE400' />
+          <stop offset='0.8126' stopColor='#F0A82E' />
+        </linearGradient>
+        <linearGradient
+          id='paint1_linear_4773_950'
+          x1='5.93369'
+          y1='11.635'
+          x2='10.0551'
+          y2='7.42813'
+          gradientUnits='userSpaceOnUse'
+        >
+          <stop offset='0.1874' stopColor='#F0A82E' />
+          <stop offset='0.4978' stopColor='#FFE400' />
+          <stop offset='0.7273' stopColor='#FBED23' />
+          <stop offset='0.9589' stopColor='#FBED23' />
+        </linearGradient>
+        <linearGradient
+          id='paint2_linear_4773_950'
+          x1='2.40408'
+          y1='7.94487'
+          x2='6.51116'
+          y2='12.1371'
+          gradientUnits='userSpaceOnUse'
+        >
+          <stop offset='0.1874' stopColor='#F0A82E' />
+          <stop offset='0.4978' stopColor='#FFE400' />
+          <stop offset='0.7273' stopColor='#FBED23' />
+          <stop offset='0.9589' stopColor='#FBED23' />
+        </linearGradient>
+        <linearGradient
+          id='paint3_linear_4773_950'
+          x1='1.97752'
+          y1='8.6269'
+          x2='6.08899'
+          y2='4.43018'
+          gradientUnits='userSpaceOnUse'
+        >
+          <stop offset='0.0411' stopColor='#FBED23' />
+          <stop offset='0.2727' stopColor='#FBED23' />
+          <stop offset='0.5022' stopColor='#FFE400' />
+          <stop offset='0.8126' stopColor='#F0A82E' />
+        </linearGradient>
+        <clipPath id='clip0_4773_950'>
+          <rect width='80.7988' height='8.67638' fill='white' transform='translate(2 3.66211)' />
+        </clipPath>
+        <clipPath id='clip1_4773_950'>
+          <rect width='80.7988' height='8.67638' fill='white' transform='translate(2 3.66211)' />
+        </clipPath>
+      </defs>
+    </svg>
+  );
+};
+
+export default FkPremium;

package/src/FkVip.tsx

@@ -0,0 +1,72 @@
+import React from 'react';
+
+const FkVip: React.FC<React.SVGProps<SVGSVGElement>> = () => {
+  return (
+    <svg width='27' height='16' viewBox='0 0 27 16' fill='none' xmlns='http://www.w3.org/2000/svg'>
+      <path
+        d='M2.59341 3.50612H6.74258L7.49141 4.65973L4.741 9.44577L2 4.70263L2.59341 3.50612Z'
+        fill='url(#paint0_linear_2753_69603)'
+      />
+      <path
+        d='M9.33384 3.62093L5.48137 10.3662C5.45783 10.4091 5.45312 10.4663 5.48137 10.514L6.48452 12.354C6.54104 12.4541 6.68233 12.4589 6.73884 12.354L11.7357 3.74964C11.7923 3.64953 11.7216 3.52559 11.6086 3.52559L9.4563 3.54942C9.40449 3.54942 9.35739 3.57803 9.32913 3.62569L9.33384 3.62093Z'
+        fill='url(#paint1_linear_2753_69603)'
+      />
+      <path
+        d='M13.4141 3.724L13.3623 12.3475C13.3623 12.4333 13.4282 12.5 13.513 12.5H15.3309C15.4157 12.5 15.4816 12.4333 15.4816 12.3475V3.70017C15.4816 3.61436 15.4157 3.54763 15.3309 3.54763L13.5695 3.57146C13.4894 3.57146 13.4235 3.6382 13.4235 3.724H13.4141Z'
+        fill='url(#paint2_linear_2753_69603)'
+      />
+      <path
+        d='M25.1666 5.77861C25.1666 5.77861 25.1572 5.74524 25.1525 5.73094C25.03 5.44016 24.8322 5.06357 24.5073 4.69651C24.1211 4.25795 23.6878 3.98146 23.3016 3.80032C22.8919 3.60964 22.4492 3.5143 22.0017 3.5143C20.6407 3.5143 19.2796 3.50477 17.9185 3.5C17.7678 3.5 17.6501 3.62394 17.6501 3.77172C17.6548 6.589 17.6642 9.40628 17.6689 12.2188C17.6689 12.3666 17.7913 12.4905 17.9373 12.4905H19.3644C19.5104 12.4905 19.6281 12.3761 19.6328 12.2283L19.6987 10.2596C19.7034 10.1118 19.8259 9.99261 19.9719 9.99738L22.3126 10.0451C22.5622 10.0355 23.5936 9.97355 24.4036 9.13933C24.9029 8.62449 25.0912 8.05722 25.1666 7.76167C25.2278 7.48996 25.2843 7.1372 25.2796 6.72247C25.2796 6.34588 25.2278 6.02649 25.1713 5.76908L25.1666 5.77861ZM23.1179 7.57576C23.0331 7.76167 22.9201 7.90468 22.793 8.01909C22.5104 8.27651 22.1242 8.38615 21.7427 8.37661L19.6893 8.31941L19.6705 5.21134H21.5355C22.063 5.21134 22.5904 5.43062 22.9154 5.85488C22.9154 5.85488 22.9201 5.86442 22.9248 5.86918C23.0473 6.03126 23.1273 6.19334 23.1791 6.32681C23.198 6.51273 23.2121 6.70341 23.2309 6.88932C23.2451 7.04186 23.2451 7.29928 23.1179 7.58053V7.57576Z'
+        fill='url(#paint3_linear_2753_69603)'
+      />
+      <defs>
+        <linearGradient
+          id='paint0_linear_2753_69603'
+          x1='-60.0367'
+          y1='-8.32358'
+          x2='-57.5569'
+          y2='17.7053'
+          gradientUnits='userSpaceOnUse'
+        >
+          <stop stopColor='#D08A0C' />
+          <stop offset='0.99' stopColor='#ECB856' />
+        </linearGradient>
+        <linearGradient
+          id='paint1_linear_2753_69603'
+          x1='-60.0367'
+          y1='-8.32358'
+          x2='-57.5569'
+          y2='17.7053'
+          gradientUnits='userSpaceOnUse'
+        >
+          <stop stopColor='#D08A0C' />
+          <stop offset='0.99' stopColor='#ECB856' />
+        </linearGradient>
+        <linearGradient
+          id='paint2_linear_2753_69603'
+          x1='-60.0367'
+          y1='-8.32358'
+          x2='-57.5569'
+          y2='17.7053'
+          gradientUnits='userSpaceOnUse'
+        >
+          <stop stopColor='#D08A0C' />
+          <stop offset='0.99' stopColor='#ECB856' />
+        </linearGradient>
+        <linearGradient
+          id='paint3_linear_2753_69603'
+          x1='-60.0367'
+          y1='-8.32358'
+          x2='-57.5569'
+          y2='17.7053'
+          gradientUnits='userSpaceOnUse'
+        >
+          <stop stopColor='#D08A0C' />
+          <stop offset='0.99' stopColor='#ECB856' />
+        </linearGradient>
+      </defs>
+    </svg>
+  );
+};
+
+export default FkVip;