@tui-cruises/mein-schiff-web-react-component-library 2.0.0-rc.1

package/icons/pictograms/index.ts

@@ -0,0 +1,285 @@
+import dynamic from 'next/dynamic';
+
+export const dynamicComponents = {
+  '24h-meals': dynamic(() => import('./24h-meals'), { ssr: false }),
+  'ad-template': dynamic(() => import('./ad-template'), { ssr: false }),
+  add: dynamic(() => import('./add'), { ssr: false }),
+  'adventure-club-only': dynamic(() => import('./adventure-club-only'), {
+    ssr: false,
+  }),
+  allergy: dynamic(() => import('./allergy'), { ssr: false }),
+  anchor: dynamic(() => import('./anchor'), { ssr: false }),
+  arrival: dynamic(() => import('./arrival'), { ssr: false }),
+  'baby-awake': dynamic(() => import('./baby-awake'), { ssr: false }),
+  'baby-monitor': dynamic(() => import('./baby-monitor'), { ssr: false }),
+  'baby-sleep': dynamic(() => import('./baby-sleep'), { ssr: false }),
+  'baggage-information': dynamic(() => import('./baggage-information'), {
+    ssr: false,
+  }),
+  baggage: dynamic(() => import('./baggage'), { ssr: false }),
+  'bedroom-check': dynamic(() => import('./bedroom-check'), { ssr: false }),
+  bedroom: dynamic(() => import('./bedroom'), { ssr: false }),
+  beverages: dynamic(() => import('./beverages'), { ssr: false }),
+  billboard: dynamic(() => import('./billboard'), { ssr: false }),
+  blog: dynamic(() => import('./blog'), { ssr: false }),
+  brochure: dynamic(() => import('./brochure'), { ssr: false }),
+  'calendar-check': dynamic(() => import('./calendar-check'), { ssr: false }),
+  'calendar-default': dynamic(() => import('./calendar-default'), {
+    ssr: false,
+  }),
+  'calendar-disabled': dynamic(() => import('./calendar-disabled'), {
+    ssr: false,
+  }),
+  'calendar-focus': dynamic(() => import('./calendar-focus'), { ssr: false }),
+  'champagne-glasses': dynamic(() => import('./champagne-glasses'), {
+    ssr: false,
+  }),
+  check: dynamic(() => import('./check'), { ssr: false }),
+  'checklist-check': dynamic(() => import('./checklist-check'), { ssr: false }),
+  checklist: dynamic(() => import('./checklist'), { ssr: false }),
+  checkmark: dynamic(() => import('./checkmark'), { ssr: false }),
+  'chef-hat': dynamic(() => import('./chef-hat'), { ssr: false }),
+  'chevron-down': dynamic(() => import('./chevron-down'), { ssr: false }),
+  'chevron-up': dynamic(() => import('./chevron-up'), { ssr: false }),
+  circles: dynamic(() => import('./circles'), { ssr: false }),
+  'cleaning-trolley': dynamic(() => import('./cleaning-trolley'), {
+    ssr: false,
+  }),
+  'clock-0-30': dynamic(() => import('./clock-0-30'), { ssr: false }),
+  'clock-0': dynamic(() => import('./clock-0'), { ssr: false }),
+  'clock-1-30': dynamic(() => import('./clock-1-30'), { ssr: false }),
+  'clock-1': dynamic(() => import('./clock-1'), { ssr: false }),
+  'clock-10-30': dynamic(() => import('./clock-10-30'), { ssr: false }),
+  'clock-10': dynamic(() => import('./clock-10'), { ssr: false }),
+  'clock-11-30': dynamic(() => import('./clock-11-30'), { ssr: false }),
+  'clock-11': dynamic(() => import('./clock-11'), { ssr: false }),
+  'clock-2-30': dynamic(() => import('./clock-2-30'), { ssr: false }),
+  'clock-2': dynamic(() => import('./clock-2'), { ssr: false }),
+  'clock-3-30': dynamic(() => import('./clock-3-30'), { ssr: false }),
+  'clock-3': dynamic(() => import('./clock-3'), { ssr: false }),
+  'clock-4-30': dynamic(() => import('./clock-4-30'), { ssr: false }),
+  'clock-4': dynamic(() => import('./clock-4'), { ssr: false }),
+  'clock-5-30': dynamic(() => import('./clock-5-30'), { ssr: false }),
+  'clock-5': dynamic(() => import('./clock-5'), { ssr: false }),
+  'clock-6-30': dynamic(() => import('./clock-6-30'), { ssr: false }),
+  'clock-6': dynamic(() => import('./clock-6'), { ssr: false }),
+  'clock-7-30': dynamic(() => import('./clock-7-30'), { ssr: false }),
+  'clock-7': dynamic(() => import('./clock-7'), { ssr: false }),
+  'clock-8-30': dynamic(() => import('./clock-8-30'), { ssr: false }),
+  'clock-8': dynamic(() => import('./clock-8'), { ssr: false }),
+  'clock-9-30': dynamic(() => import('./clock-9-30'), { ssr: false }),
+  'clock-9': dynamic(() => import('./clock-9'), { ssr: false }),
+  'clock-default': dynamic(() => import('./clock-default'), { ssr: false }),
+  close: dynamic(() => import('./close'), { ssr: false }),
+  clothing: dynamic(() => import('./clothing'), { ssr: false }),
+  cloud: dynamic(() => import('./cloud'), { ssr: false }),
+  cocktails: dynamic(() => import('./cocktails'), { ssr: false }),
+  'coffee-machine': dynamic(() => import('./coffee-machine'), { ssr: false }),
+  compass: dynamic(() => import('./compass'), { ssr: false }),
+  couple: dynamic(() => import('./couple'), { ssr: false }),
+  'crew-love': dynamic(() => import('./crew-love'), { ssr: false }),
+  crown: dynamic(() => import('./crown'), { ssr: false }),
+  dart: dynamic(() => import('./dart'), { ssr: false }),
+  decoration: dynamic(() => import('./decoration'), { ssr: false }),
+  'departure-check': dynamic(() => import('./departure-check'), { ssr: false }),
+  'departure-germany': dynamic(() => import('./departure-germany'), {
+    ssr: false,
+  }),
+  'departure-time': dynamic(() => import('./departure-time'), { ssr: false }),
+  departure: dynamic(() => import('./departure'), { ssr: false }),
+  diamond: dynamic(() => import('./diamond'), { ssr: false }),
+  'discount-card': dynamic(() => import('./discount-card'), { ssr: false }),
+  discount: dynamic(() => import('./discount'), { ssr: false }),
+  documents: dynamic(() => import('./documents'), { ssr: false }),
+  'download-document': dynamic(() => import('./download-document'), {
+    ssr: false,
+  }),
+  download: dynamic(() => import('./download'), { ssr: false }),
+  'dripping-dew': dynamic(() => import('./dripping-dew'), { ssr: false }),
+  dumbbell: dynamic(() => import('./dumbbell'), { ssr: false }),
+  'early-bird': dynamic(() => import('./early-bird'), { ssr: false }),
+  edit: dynamic(() => import('./edit'), { ssr: false }),
+  'energy-saving': dynamic(() => import('./energy-saving'), { ssr: false }),
+  'enjoyer-club-only': dynamic(() => import('./enjoyer-club-only'), {
+    ssr: false,
+  }),
+  environment: dynamic(() => import('./environment'), { ssr: false }),
+  'environmental-officer': dynamic(() => import('./environmental-officer'), {
+    ssr: false,
+  }),
+  'explorer-club-only': dynamic(() => import('./explorer-club-only'), {
+    ssr: false,
+  }),
+  family: dynamic(() => import('./family'), { ssr: false }),
+  'fb-community': dynamic(() => import('./fb-community'), { ssr: false }),
+  finance: dynamic(() => import('./finance'), { ssr: false }),
+  fog: dynamic(() => import('./fog'), { ssr: false }),
+  'food-certificate': dynamic(() => import('./food-certificate'), {
+    ssr: false,
+  }),
+  gastronomy: dynamic(() => import('./gastronomy'), { ssr: false }),
+  gift: dynamic(() => import('./gift'), { ssr: false }),
+  'globetrotter-club-only': dynamic(() => import('./globetrotter-club-only'), {
+    ssr: false,
+  }),
+  hairdresser: dynamic(() => import('./hairdresser'), { ssr: false }),
+  handbag: dynamic(() => import('./handbag'), { ssr: false }),
+  'hands-holding-heart': dynamic(() => import('./hands-holding-heart'), {
+    ssr: false,
+  }),
+  'heart-beat': dynamic(() => import('./heart-beat'), { ssr: false }),
+  heart: dynamic(() => import('./heart'), { ssr: false }),
+  home: dynamic(() => import('./home'), { ssr: false }),
+  'hospital-cross': dynamic(() => import('./hospital-cross'), { ssr: false }),
+  'hot-dish': dynamic(() => import('./hot-dish'), { ssr: false }),
+  'hot-drink': dynamic(() => import('./hot-drink'), { ssr: false }),
+  'human-heart': dynamic(() => import('./human-heart'), { ssr: false }),
+  'human-holding-heart': dynamic(() => import('./human-holding-heart'), {
+    ssr: false,
+  }),
+  'human-open-arms': dynamic(() => import('./human-open-arms'), { ssr: false }),
+  'human-profile': dynamic(() => import('./human-profile'), { ssr: false }),
+  'human-swimming': dynamic(() => import('./human-swimming'), { ssr: false }),
+  'ice-cream': dynamic(() => import('./ice-cream'), { ssr: false }),
+  important: dynamic(() => import('./important'), { ssr: false }),
+  information: dynamic(() => import('./information'), { ssr: false }),
+  internet: dynamic(() => import('./internet'), { ssr: false }),
+  jogging: dynamic(() => import('./jogging'), { ssr: false }),
+  'kid-playing': dynamic(() => import('./kid-playing'), { ssr: false }),
+  'life-jacket': dynamic(() => import('./life-jacket'), { ssr: false }),
+  lifebuoy: dynamic(() => import('./lifebuoy'), { ssr: false }),
+  lightbulb: dynamic(() => import('./lightbulb'), { ssr: false }),
+  lightning: dynamic(() => import('./lightning'), { ssr: false }),
+  'location-mark': dynamic(() => import('./location-mark'), { ssr: false }),
+  'log-in': dynamic(() => import('./log-in'), { ssr: false }),
+  'long-term-trips': dynamic(() => import('./long-term-trips'), { ssr: false }),
+  'lotte-chatbot': dynamic(() => import('./lotte-chatbot'), { ssr: false }),
+  'lotte-mail': dynamic(() => import('./lotte-mail'), { ssr: false }),
+  'mail-at': dynamic(() => import('./mail-at'), { ssr: false }),
+  'mail-information': dynamic(() => import('./mail-information'), {
+    ssr: false,
+  }),
+  mailbox: dynamic(() => import('./mailbox'), { ssr: false }),
+  'many-sea-days': dynamic(() => import('./many-sea-days'), { ssr: false }),
+  medal: dynamic(() => import('./medal'), { ssr: false }),
+  microphone: dynamic(() => import('./microphone'), { ssr: false }),
+  'ms-1': dynamic(() => import('./ms-1'), { ssr: false }),
+  'ms-2': dynamic(() => import('./ms-2'), { ssr: false }),
+  'ms-3': dynamic(() => import('./ms-3'), { ssr: false }),
+  'ms-4': dynamic(() => import('./ms-4'), { ssr: false }),
+  'ms-5': dynamic(() => import('./ms-5'), { ssr: false }),
+  'ms-6': dynamic(() => import('./ms-6'), { ssr: false }),
+  'ms-7-new-eng': dynamic(() => import('./ms-7-new-eng'), { ssr: false }),
+  'ms-7-new': dynamic(() => import('./ms-7-new'), { ssr: false }),
+  'ms-7': dynamic(() => import('./ms-7'), { ssr: false }),
+  'ms-default': dynamic(() => import('./ms-default'), { ssr: false }),
+  'ms-flow-new-eng': dynamic(() => import('./ms-flow-new-eng'), { ssr: false }),
+  'ms-flow-new': dynamic(() => import('./ms-flow-new'), { ssr: false }),
+  'ms-flow': dynamic(() => import('./ms-flow'), { ssr: false }),
+  'ms-relax-new-eng': dynamic(() => import('./ms-relax-new-eng'), {
+    ssr: false,
+  }),
+  'ms-relax-new': dynamic(() => import('./ms-relax-new'), { ssr: false }),
+  'ms-ship': dynamic(() => import('./ms-ship'), { ssr: false }),
+  'music-book': dynamic(() => import('./music-book'), { ssr: false }),
+  'my-account': dynamic(() => import('./my-account'), { ssr: false }),
+  'my-trips': dynamic(() => import('./my-trips'), { ssr: false }),
+  'navigation-arrow': dynamic(() => import('./navigation-arrow'), {
+    ssr: false,
+  }),
+  'no-wifi': dynamic(() => import('./no-wifi'), { ssr: false }),
+  'not-available': dynamic(() => import('./not-available'), { ssr: false }),
+  offer: dynamic(() => import('./offer'), { ssr: false }),
+  offline: dynamic(() => import('./offline'), { ssr: false }),
+  'onboard-announcement': dynamic(() => import('./onboard-announcement'), {
+    ssr: false,
+  }),
+  'package-newspaper': dynamic(() => import('./package-newspaper'), {
+    ssr: false,
+  }),
+  'paper-news': dynamic(() => import('./paper-news'), { ssr: false }),
+  'paper-plane': dynamic(() => import('./paper-plane'), { ssr: false }),
+  'payment-check': dynamic(() => import('./payment-check'), { ssr: false }),
+  payment: dynamic(() => import('./payment'), { ssr: false }),
+  'people-check': dynamic(() => import('./people-check'), { ssr: false }),
+  people: dynamic(() => import('./people'), { ssr: false }),
+  'permanent-make-up': dynamic(() => import('./permanent-make-up'), {
+    ssr: false,
+  }),
+  'person-single': dynamic(() => import('./person-single'), { ssr: false }),
+  phone: dynamic(() => import('./phone'), { ssr: false }),
+  'play-button': dynamic(() => import('./play-button'), { ssr: false }),
+  presentation: dynamic(() => import('./presentation'), { ssr: false }),
+  'price-tag': dynamic(() => import('./price-tag'), { ssr: false }),
+  printer: dynamic(() => import('./printer'), { ssr: false }),
+  rain: dynamic(() => import('./rain'), { ssr: false }),
+  receipt: dynamic(() => import('./receipt'), { ssr: false }),
+  remove: dynamic(() => import('./remove'), { ssr: false }),
+  safety: dynamic(() => import('./safety'), { ssr: false }),
+  screen: dynamic(() => import('./screen'), { ssr: false }),
+  search: dynamic(() => import('./search'), { ssr: false }),
+  service: dynamic(() => import('./service'), { ssr: false }),
+  sewage: dynamic(() => import('./sewage'), { ssr: false }),
+  'ship-outstanding': dynamic(() => import('./ship-outstanding'), {
+    ssr: false,
+  }),
+  'ship-transfer': dynamic(() => import('./ship-transfer'), { ssr: false }),
+  'shooting-stars': dynamic(() => import('./shooting-stars'), { ssr: false }),
+  'shore-excursions-old': dynamic(() => import('./shore-excursions-old'), {
+    ssr: false,
+  }),
+  'shore-excursions': dynamic(() => import('./shore-excursions'), {
+    ssr: false,
+  }),
+  'short-notice-departures': dynamic(
+    () => import('./short-notice-departures'),
+    { ssr: false },
+  ),
+  'short-trips': dynamic(() => import('./short-trips'), { ssr: false }),
+  size: dynamic(() => import('./size'), { ssr: false }),
+  smartphone: dynamic(() => import('./smartphone'), { ssr: false }),
+  smiley: dynamic(() => import('./smiley'), { ssr: false }),
+  'social-media': dynamic(() => import('./social-media'), { ssr: false }),
+  'spa-balcony-cabin': dynamic(() => import('./spa-balcony-cabin'), {
+    ssr: false,
+  }),
+  'speech-bubble-faq': dynamic(() => import('./speech-bubble-faq'), {
+    ssr: false,
+  }),
+  'speech-bubble-hello': dynamic(() => import('./speech-bubble-hello'), {
+    ssr: false,
+  }),
+  'speech-bubble-ok': dynamic(() => import('./speech-bubble-ok'), {
+    ssr: false,
+  }),
+  speedboat: dynamic(() => import('./speedboat'), { ssr: false }),
+  'star-cancel': dynamic(() => import('./star-cancel'), { ssr: false }),
+  'star-check': dynamic(() => import('./star-check'), { ssr: false }),
+  'star-plus': dynamic(() => import('./star-plus'), { ssr: false }),
+  star: dynamic(() => import('./star'), { ssr: false }),
+  'sun-cloud': dynamic(() => import('./sun-cloud'), { ssr: false }),
+  'sun-lounger': dynamic(() => import('./sun-lounger'), { ssr: false }),
+  sun: dynamic(() => import('./sun'), { ssr: false }),
+  'theater-mask': dynamic(() => import('./theater-mask'), { ssr: false }),
+  thermometer: dynamic(() => import('./thermometer'), { ssr: false }),
+  tickets: dynamic(() => import('./tickets'), { ssr: false }),
+  towels: dynamic(() => import('./towels'), { ssr: false }),
+  transportation: dynamic(() => import('./transportation'), { ssr: false }),
+  'travel-protection-check': dynamic(
+    () => import('./travel-protection-check'),
+    { ssr: false },
+  ),
+  'travel-protection': dynamic(() => import('./travel-protection'), {
+    ssr: false,
+  }),
+  video: dynamic(() => import('./video'), { ssr: false }),
+  'waste-management': dynamic(() => import('./waste-management'), {
+    ssr: false,
+  }),
+  webinar: dynamic(() => import('./webinar'), { ssr: false }),
+  'wheel-of-fortune': dynamic(() => import('./wheel-of-fortune'), {
+    ssr: false,
+  }),
+  wifi: dynamic(() => import('./wifi'), { ssr: false }),
+  wind: dynamic(() => import('./wind'), { ssr: false }),
+};

package/icons/pictograms/information.tsx

@@ -0,0 +1,30 @@
+import type { SVGProps } from 'react';
+const SvgInformation = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={40}
+    height={40}
+    fill="none"
+    {...props}
+  >
+    <g clipPath="url(#information_svg__a)">
+      <path
+        fill="#85CEE4"
+        fillOpacity={0.6}
+        d="M23.623 36.1C32.668 36.1 40 28.768 40 19.723S32.668 3.346 23.623 3.346 7.246 10.678 7.246 19.723 14.578 36.1 23.623 36.1"
+      />
+      <path
+        fill="#263E6A"
+        fillRule="evenodd"
+        d="M4.037 20c0-8.8 7.147-15.937 15.963-15.937 3.308 0 6.378 1.004 8.927 2.722a.572.572 0 0 0 .638-.947A17.05 17.05 0 0 0 20 2.92C10.554 2.92 2.895 10.566 2.895 20S10.555 37.08 20 37.08 37.106 29.434 37.106 20c0-4.147-1.482-7.95-3.944-10.908a.571.571 0 1 0-.878.73A15.85 15.85 0 0 1 35.964 20c0 8.8-7.147 15.937-15.964 15.937S4.037 28.801 4.037 20M20.035 8.549c-1.089 0-1.932.708-1.932 1.805 0 1.055.843 1.806 1.931 1.806 1.09 0 1.932-.709 1.932-1.806s-.843-1.805-1.931-1.805m1.374 7.005h-2.794V32.07h2.794z"
+        clipRule="evenodd"
+      />
+    </g>
+    <defs>
+      <clipPath id="information_svg__a">
+        <path fill="#fff" d="M0 0h40v40H0z" />
+      </clipPath>
+    </defs>
+  </svg>
+);
+export default SvgInformation;

package/icons/pictograms/internet.tsx

@@ -0,0 +1,23 @@
+import type { SVGProps } from 'react';
+const SvgInternet = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={40}
+    height={40}
+    fill="none"
+    {...props}
+  >
+    <path
+      fill="#85CEE4"
+      fillOpacity={0.6}
+      d="m31.909 33.031-4.772-4.625a.573.573 0 0 0-.965.485l.86 6.589a.57.57 0 0 0 .822.437l.632-.317.677 1.351a.57.57 0 0 0 .768.255l1.63-.818a.575.575 0 0 0 .253-.768l-.677-1.351.632-.318a.57.57 0 0 0 .143-.92z"
+    />
+    <path
+      fill="#263E6A"
+      fillRule="evenodd"
+      d="M4 6.229c0-.47.387-.858.857-.858h30.286c.47 0 .857.387.857.858V29.27c0 .47-.387.857-.857.857H30.68a.572.572 0 0 0 0 1.143h4.463c1.101 0 2-.898 2-2V6.23c0-1.102-.899-2-2-2H4.857c-1.101 0-2 .898-2 2V29.27c0 1.102.899 2 2 2h17.309a.571.571 0 0 0 0-1.143H4.857A.86.86 0 0 1 4 29.272zm2.614 9.428a.571.571 0 1 0 0 1.143h4.529a.571.571 0 1 0 0-1.143zm-.571-1.412c0-.315.256-.57.571-.57H12.9a.571.571 0 1 1 0 1.142H6.614a.57.57 0 0 1-.571-.572m.571-2.554a.571.571 0 1 0 0 1.143H12.9a.571.571 0 1 0 0-1.143zm-.571-1.408c0-.316.256-.572.571-.572H12.9a.571.571 0 1 1 0 1.143H6.614a.57.57 0 0 1-.571-.571m.571-3.24a.571.571 0 0 0 0 1.143h17.303a.571.571 0 0 0 0-1.143zm9.686 9.16c0-.316.256-.572.572-.572h6.285a.571.571 0 1 1 0 1.143h-6.285a.57.57 0 0 1-.572-.571m.572 1.254a.571.571 0 0 0 0 1.143H21.4a.571.571 0 1 0 0-1.143zm9.685-1.254c0-.316.256-.572.572-.572h6.285a.571.571 0 1 1 0 1.143H27.13a.57.57 0 0 1-.572-.571m.572 1.254a.571.571 0 0 0 0 1.143h4.528a.571.571 0 1 0 0-1.143zm-10.3-6.537a.286.286 0 0 0-.286.286v2.351c0 .158.128.286.286.286H23.2a.286.286 0 0 0 .286-.286v-2.351a.286.286 0 0 0-.286-.286zm-1.429.286c0-.79.64-1.429 1.429-1.429H23.2c.79 0 1.429.64 1.429 1.429v2.351c0 .789-.64 1.429-1.429 1.429H16.83c-.79 0-1.429-.64-1.429-1.429zm11.4 0c0-.158.128-.286.286-.286h6.371c.158 0 .286.128.286.286v2.351a.286.286 0 0 1-.286.286h-6.371a.286.286 0 0 1-.286-.286zm.286-1.429c-.79 0-1.429.64-1.429 1.429v2.351c0 .789.64 1.429 1.429 1.429h6.371c.79 0 1.429-.64 1.429-1.429v-2.351c0-.79-.64-1.429-1.429-1.429zM6.043 25.666c0-.316.256-.572.571-.572H12.9a.571.571 0 1 1 0 1.143H6.614a.57.57 0 0 1-.571-.571m.571 1.254a.571.571 0 0 0 0 1.143h4.529a.572.572 0 0 0 0-1.143zm9.686-1.254c0-.316.256-.572.572-.572h4.568a.571.571 0 1 1 0 1.143h-4.568a.57.57 0 0 1-.572-.571m.572 1.254a.571.571 0 0 0 0 1.143H21.4a.571.571 0 0 0 0-1.143zm9.685-1.254c0-.316.256-.572.572-.572h6.285a.571.571 0 1 1 0 1.143H27.13a.57.57 0 0 1-.572-.571m.857 1.254a.571.571 0 0 0 0 1.143h4.243a.571.571 0 0 0 0-1.143zM6.572 20.38a.286.286 0 0 0-.286.286v2.351c0 .158.128.286.286.286h6.371a.286.286 0 0 0 .286-.286v-2.351a.286.286 0 0 0-.286-.286zm-1.429.286c0-.79.64-1.429 1.429-1.429h6.371c.789 0 1.429.64 1.429 1.429v2.351c0 .789-.64 1.429-1.429 1.429H6.572c-.79 0-1.429-.64-1.429-1.429zm11.4 0c0-.158.128-.286.286-.286H23.2c.158 0 .286.128.286.286v2.351a.286.286 0 0 1-.286.286H16.83a.286.286 0 0 1-.286-.286zm.286-1.429c-.79 0-1.429.64-1.429 1.429v2.351c0 .789.64 1.429 1.429 1.429H23.2c.79 0 1.429-.64 1.429-1.429v-2.351c0-.79-.64-1.429-1.429-1.429zm10.257 1.143a.286.286 0 0 0-.286.286v2.351c0 .158.128.286.286.286h6.371a.286.286 0 0 0 .286-.286v-2.351a.286.286 0 0 0-.286-.286zm-1.429.286c0-.79.64-1.429 1.429-1.429h6.371c.79 0 1.429.64 1.429 1.429v2.351c0 .789-.64 1.429-1.429 1.429h-6.371c-.79 0-1.429-.64-1.429-1.429zm-1.216 6.258a.571.571 0 0 0-.965.484l.86 6.589a.57.57 0 0 0 .823.437l.632-.316.678 1.35a.57.57 0 0 0 .767.254l1.629-.817a.57.57 0 0 0 .254-.768l-.68-1.35.631-.316a.572.572 0 0 0 .142-.921zm.925 6.129-.544-4.168 3.016 2.924-.422.211a.57.57 0 0 0-.255.768l.68 1.352-.607.304-.678-1.35a.57.57 0 0 0-.766-.254z"
+      clipRule="evenodd"
+    />
+  </svg>
+);
+export default SvgInternet;

package/icons/pictograms/jogging.tsx

@@ -0,0 +1,21 @@
+import type { SVGProps } from 'react';
+const SvgJogging = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={40}
+    height={40}
+    fill="none"
+    {...props}
+  >
+    <path
+      fill="#85CEE4"
+      fillOpacity={0.6}
+      d="M23.788 5.47a3.36 3.36 0 0 0-3.354 3.353 3.36 3.36 0 0 0 3.354 3.353 3.36 3.36 0 0 0 3.353-3.353 3.36 3.36 0 0 0-3.353-3.353"
+    />
+    <path
+      fill="#263E6A"
+      d="M34.387 36.047a.555.555 0 0 1-.554.553H6.167a.555.555 0 0 1-.553-.553c0-.305.249-.554.553-.554h27.666c.305 0 .553.25.553.554M18.403 7.929a3.36 3.36 0 0 1 3.353-3.353A3.36 3.36 0 0 1 25.11 7.93a3.36 3.36 0 0 1-3.353 3.354 3.36 3.36 0 0 1-3.353-3.354m1.106 0a2.25 2.25 0 0 0 2.247 2.247 2.25 2.25 0 0 0 2.246-2.247 2.25 2.25 0 0 0-2.246-2.246 2.25 2.25 0 0 0-2.247 2.246m-3.688 13.922c.061-.564.357-3.336.612-4.941l-2.418.774a.38.38 0 0 0-.235.208l-1.149 2.451a1.92 1.92 0 0 1-1.164 1.016 1.91 1.91 0 0 1-1.539-.183c-.835-.492-1.159-1.594-.73-2.507l1.491-3.184a2.4 2.4 0 0 1 1.256-1.2c1.807-.742 4.693-1.979 5.06-2.136.427-.252 1.157-.283 1.45-.241l3.165.503a3.7 3.7 0 0 1 1.461.54l3.663 2.224c.166.1.437.072.75.033l2.244-.265c.724-.078 1.743-.05 2.274 1.073.23.487.246 1.052.041 1.55a1.92 1.92 0 0 1-1.115 1.07q-.043.015-.085.022l-3.663.692c-.344.053-1.16.122-1.802-.28l-2.368-1.515c-.102.561-.194 1.17-.27 1.69a35 35 0 0 1-.145.924c.008.445.924 2.786 2.927 6.916.188.388.244.83.16 1.254l-.984 4.977s-.006.02-.006.03c-.13.507-.528.95-1.098 1.218a2.6 2.6 0 0 1-1.079.249q-.262 0-.51-.061a1.954 1.954 0 0 1-1.424-2.374l.703-3.68a.9.9 0 0 0-.067-.556l-1.646-3.635-.53 1.693a.4.4 0 0 1-.05.11c-.059.1-1.434 2.433-3.437 2.433l-4.598.166A1.953 1.953 0 0 1 9 26.96a1.95 1.95 0 0 1 1.948-1.948l3.513-.138a.6.6 0 0 0 .526-.363l.84-2.664zm.194 3.057a1.7 1.7 0 0 1-1.519 1.074l-3.536.138a.847.847 0 0 0-.863.841c0 .462.38.841.841.841l4.598-.166c1.118 0 2.13-1.275 2.471-1.831l.949-3.013a.555.555 0 0 1 .495-.388h.033c.216 0 .415.128.504.327l2.24 4.955c.175.384.225.808.145 1.22l-.706 3.696-.01.044a.843.843 0 0 0 .608 1.027c.257.066.578.022.86-.11.26-.123.443-.302.495-.48l.983-4.957a.85.85 0 0 0-.072-.554c-3.204-6.603-3.068-7.34-3.024-7.58.039-.21.086-.531.14-.905.12-.797.267-1.787.446-2.553a.557.557 0 0 1 .839-.34l3.04 1.947c.219.136.614.185 1.027.125l3.593-.681a.8.8 0 0 0 .416-1.09c-.147-.307-.324-.534-1.151-.448l-2.23.265c-.371.05-.944.127-1.458-.182l-3.672-2.233a2.7 2.7 0 0 0-1.046-.387l-3.165-.504c-.174-.028-.603.03-.716.097a1 1 0 0 1-.089.05 453 453 0 0 1-5.115 2.16 1.27 1.27 0 0 0-.675.645L10.2 19.142c-.189.402-.061.878.29 1.085a.8.8 0 0 0 1.14-.349l1.148-2.45c.177-.377.504-.668.902-.795l3.303-1.057a.552.552 0 0 1 .703.675c-.21.758-.625 4.427-.766 5.774a.5.5 0 0 1-.022.108l-.866 2.74-.014.038z"
+    />
+  </svg>
+);
+export default SvgJogging;

package/icons/pictograms/kid-playing.tsx

@@ -0,0 +1,23 @@
+import type { SVGProps } from 'react';
+const SvgKidPlaying = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={40}
+    height={40}
+    fill="none"
+    {...props}
+  >
+    <path
+      fill="#85CEE4"
+      fillOpacity={0.6}
+      d="M23.34 2.068a4.18 4.18 0 0 0-4.174 4.175 4.18 4.18 0 0 0 4.174 4.174 4.177 4.177 0 0 0 4.174-4.174 4.18 4.18 0 0 0-4.174-4.175"
+    />
+    <path
+      fill="#263E6A"
+      fillRule="evenodd"
+      d="M20.577 4.217a3.031 3.031 0 1 0 0 6.063 3.031 3.031 0 0 0 0-6.063M16.403 7.25a4.174 4.174 0 1 1 8.348 0 4.174 4.174 0 0 1-8.348 0m-7.42 24.345a2.311 2.311 0 1 0 0 4.623 2.311 2.311 0 0 0 0-4.623m-3.455 2.312a3.454 3.454 0 1 1 6.909 0 3.454 3.454 0 0 1-6.909 0M26.25 12.147c-.235-.16-.563-.23-.795-.264a2.9 2.9 0 0 0-.753-.02h-.009l-.002.001-3.256.52a3.9 3.9 0 0 0-1.513.558l-5.467 3.436A2.013 2.013 0 0 0 13.7 19.1v.001h.001v.001l.001.001v.002l.015.026a2.013 2.013 0 0 0 2.728.766l.005-.002.046-.026 3.074-1.915a4.4 4.4 0 0 1 .859 1.592l.003.008q0 .006.003.01c.215.645.18 1.62.062 2.511a15 15 0 0 1-.279 1.486l-4.05 8.997-.003.006-.003.007a2.014 2.014 0 0 0 1.054 2.628l.002.002.032.014a2.01 2.01 0 0 0 2.645-1.083l3.747-8.467.466 1.024q.028.062.07.115a5 5 0 0 0 .216.325 7 7 0 0 0 .693.832c.573.587 1.473 1.281 2.587 1.286l4.76.174h.02a2.01 2.01 0 0 0 .012-4.023l-3.641-.142h-.002a.61.61 0 0 1-.546-.386l-.846-2.137a28 28 0 0 0-.148-3.596 31 31 0 0 0-.318-1.612l3.535 2.443.003.002a2.013 2.013 0 0 0 2.803-.535 2.01 2.01 0 0 0-.506-2.8l-.008-.006-.007-.005-.017-.011-6.517-4.463zm-4.937 11.747-.552-.145c.552.145.552.144.553.144v-.003l.002-.007.007-.027.024-.098a15.804 15.804 0 0 0 .284-1.533c.12-.9.193-2.101-.108-3.013a5.5 5.5 0 0 0-1.46-2.404.57.57 0 0 0-.699-.073l-3.449 2.149-.019.01a.87.87 0 0 1-1.177-.316v-.001h-.001v-.001l-.014-.026a.87.87 0 0 1 .35-1.198l5.477-3.443a2.7 2.7 0 0 1 1.07-.395l.01-.001 3.253-.52c.071-.008.236-.007.425.02.09.014.172.031.237.05q.074.025.083.03l.002.001 6.524 4.469.005.004.007.004.012.008a.87.87 0 0 1 .187 1.235.87.87 0 0 1-1.196.212h-.001l-4.78-3.305a.571.571 0 0 0-.876.623q.405 1.463.661 2.965.183 1.75.133 3.509a.6.6 0 0 0 .04.227l.887 2.24v.002a1.76 1.76 0 0 0 1.568 1.11l3.65.143h.023a.868.868 0 0 1 .01 1.737l-4.758-.174h-.021c-.646 0-1.269-.417-1.78-.94a6 6 0 0 1-.77-.985l-.008-.014-.001-.002-.006-.008-.966-2.122a.571.571 0 0 0-1.043.005l-4.257 9.622v.001a.868.868 0 0 1-1.177.491q-.006 0-.01-.003l-.006-.003a.87.87 0 0 1-.448-1.126l4.068-9.036a1 1 0 0 0 .031-.09m-1.45 10.302v.002zm13.379-14.683"
+      clipRule="evenodd"
+    />
+  </svg>
+);
+export default SvgKidPlaying;

package/icons/pictograms/life-jacket.tsx

@@ -0,0 +1,21 @@
+import type { SVGProps } from 'react';
+const SvgLifeJacket = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={40}
+    height={40}
+    fill="none"
+    {...props}
+  >
+    <path
+      fill="#85CEE4"
+      d="M21.344 11.636a6.355 6.355 0 0 0-6.349 6.348c0 3.501 2.848 6.349 6.349 6.349 3.5 0 6.349-2.848 6.349-6.349a6.355 6.355 0 0 0-6.349-6.348"
+      opacity={0.6}
+    />
+    <path
+      fill="#253E6A"
+      d="M31.026 21.844a.636.636 0 0 0 .634-.634v-7.25C31.66 8.469 27.192 4 21.7 4h-3.74C12.469 4 8 8.468 8 13.96v19.246a2.505 2.505 0 0 0 2.502 2.502h7.455c.742 0 1.412-.323 1.868-.84.46.514 1.126.84 1.868.84h7.455a2.505 2.505 0 0 0 2.502-2.502v-6.624a.636.636 0 0 0-.634-.634.636.636 0 0 0-.634.634v2.169H20.44v-3.317a.5.5 0 0 0-.012-.12.7.7 0 0 0 .028-.178c0-1.297.733-2.464 1.868-2.972a6.48 6.48 0 0 0 3.83-5.908c0-3.542-2.774-6.383-6.348-6.469a6.434 6.434 0 0 0-6.317 6.47 6.48 6.48 0 0 0 3.831 5.907c1.135.508 1.868 1.675 1.868 2.972q-.001.061.013.12a.7.7 0 0 0-.03.178v3.317H9.263V13.96c0-4.792 3.897-8.693 8.692-8.693h3.739c4.792 0 8.692 3.898 8.692 8.693v7.249c0 .349.285.634.634.634zm-13.176-.837a5.21 5.21 0 0 1-3.083-4.75 5.17 5.17 0 0 1 5.049-5.201 5.175 5.175 0 0 1 5.08 5.2 5.21 5.21 0 0 1-3.082 4.75 4.4 4.4 0 0 0-1.983 1.786 4.4 4.4 0 0 0-1.981-1.785m12.542 9.015v3.184c0 .682-.555 1.234-1.234 1.234h-7.456a1.235 1.235 0 0 1-1.233-1.234.7.7 0 0 0-.016-.14v-3.044h9.942zm-11.21 0v3.346a1.23 1.23 0 0 1-1.218 1.072h-7.456a1.235 1.235 0 0 1-1.233-1.234v-3.184h9.91zm-6.945-7.984c.348 0 .634.285.634.634v3.107a.636.636 0 0 1-.634.635.636.636 0 0 1-.635-.635v-3.107c0-.35.286-.634.635-.634m15.19 0c.348 0 .634.285.634.634v3.107a.636.636 0 0 1-.635.635.636.636 0 0 1-.634-.635v-3.107c0-.35.286-.634.634-.634"
+    />
+  </svg>
+);
+export default SvgLifeJacket;

package/icons/pictograms/lifebuoy.tsx

@@ -0,0 +1,20 @@
+import type { SVGProps } from 'react';
+const SvgLifebuoy = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={40}
+    height={40}
+    fill="none"
+    {...props}
+  >
+    <path
+      fill="#BEE3EE"
+      d="M20.809 30.803c-5.512 0-9.995-4.483-9.995-9.994s4.483-9.994 9.994-9.994 9.995 4.482 9.995 9.994-4.483 9.994-9.995 9.994m0-18.843c-4.88 0-8.852 3.972-8.852 8.852s3.971 8.851 8.851 8.851 8.852-3.971 8.852-8.851-3.971-8.852-8.852-8.852"
+    />
+    <path
+      fill="#263E6A"
+      d="m35.563 15.437-1.483-1.606a5.5 5.5 0 0 1-1.188-2.005L31.817 8.64a6.71 6.71 0 0 0-7.871-4.412l-2.706.618a5.6 5.6 0 0 1-2.483 0l-2.708-.618A6.706 6.706 0 0 0 8.18 8.637l-1.077 3.189a5.5 5.5 0 0 1-1.189 2.002L4.43 15.438c-2.363 2.56-2.363 6.569 0 9.126l1.482 1.606a5.5 5.5 0 0 1 1.19 2.005l1.073 3.189a6.704 6.704 0 0 0 7.869 4.411l2.706-.617a5.6 5.6 0 0 1 2.483 0l2.708.617a6.71 6.71 0 0 0 7.869-4.408l1.077-3.192a5.5 5.5 0 0 1 1.188-2.003l1.486-1.608a.573.573 0 0 0-.84-.777l-.529.571c.432-1.406.66-2.874.66-4.357s-.228-2.954-.66-4.36l.526.571a5.6 5.6 0 0 1 1.052 5.94.573.573 0 1 0 1.057.44 6.75 6.75 0 0 0-1.266-7.154zm-1.849 4.566h-3.72a10 10 0 0 0-1.023-4.42.571.571 0 1 0-1.025.505q.214.435.377.886c.531 1.46.668 3.04.4 4.566a8.83 8.83 0 0 1-1.937 4.151 8.83 8.83 0 0 1-3.754 2.629 8.94 8.94 0 0 1-4.566.4 8.83 8.83 0 0 1-4.152-1.937 8.84 8.84 0 0 1-3.025-8.317 8.83 8.83 0 0 1 1.937-4.152 8.8 8.8 0 0 1 3.751-2.628 8.87 8.87 0 0 1 4.566-.4 8.83 8.83 0 0 1 4.151 1.937q.435.365.823.783a.573.573 0 0 0 .84-.777c-.288-.312-.6-.61-.925-.883a10 10 0 0 0-1.43-.995l1.86-3.225a13.709 13.709 0 0 1 6.854 11.88zM8.12 26.857a13.7 13.7 0 0 1-1.834-6.854h3.728c0 1.163.197 2.32.595 3.414a10 10 0 0 0 2.968 4.237c.449.375.929.706 1.429.994l-1.866 3.229a13.75 13.75 0 0 1-5.023-5.023zM20 6.286v3.723c-1.163 0-2.317.2-3.414.597a10 10 0 0 0-4.237 2.965c-.377.449-.706.929-.998 1.432l-3.23-1.866A13.709 13.709 0 0 1 20 6.283zm4.2-.943a5.57 5.57 0 0 1 6.534 3.663l.386 1.148a15 15 0 0 0-3.691-3.023 14.8 14.8 0 0 0-4.072-1.594l.843-.191zm-8.403 0 .843.191c-1.426.329-2.8.86-4.068 1.597a15 15 0 0 0-3.695 3.023l.389-1.151a5.57 5.57 0 0 1 6.531-3.66M5.274 16.21l.532-.574A15 15 0 0 0 5.143 20c0 1.483.228 2.954.66 4.36l-.529-.572c-1.96-2.122-1.96-5.451 0-7.574zm10.523 18.446a5.57 5.57 0 0 1-6.534-3.66l-.389-1.151a14.9 14.9 0 0 0 3.695 3.022 14.9 14.9 0 0 0 4.068 1.598l-.843.191zm8.403 0-.826-.188c.203-.05.409-.098.609-.155a.572.572 0 0 0-.306-1.1c-1.194.332-2.431.5-3.68.5v-3.723a9.98 9.98 0 0 0 7.663-3.568c.374-.446.706-.926.994-1.426l3.223 1.863a13.83 13.83 0 0 1-5.603 5.34.57.57 0 1 0 .523 1.014 14.995 14.995 0 0 0 4.32-3.366l-.388 1.149a5.57 5.57 0 0 1-6.532 3.66z"
+    />
+  </svg>
+);
+export default SvgLifebuoy;

package/icons/pictograms/lightbulb.tsx

@@ -0,0 +1,23 @@
+import type { SVGProps } from 'react';
+const SvgLightbulb = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={40}
+    height={40}
+    fill="none"
+    {...props}
+  >
+    <path
+      fill="#85CEE4"
+      fillOpacity={0.6}
+      d="M23.055 10.428c-5.252 0-9.523 4.172-9.523 9.297s4.271 9.298 9.523 9.298 9.523-4.172 9.523-9.298c0-5.125-4.272-9.297-9.523-9.297"
+    />
+    <path
+      fill="#263E6A"
+      fillRule="evenodd"
+      d="M20.572 3.574a.571.571 0 1 0-1.143 0v3.608a.571.571 0 0 0 1.143 0zM11.669 5.65a.571.571 0 1 0-.99.572l1.806 3.125a.571.571 0 0 0 .99-.571zm-6.866 6.634a.57.57 0 0 1 .78-.209l3.126 1.806a.571.571 0 1 1-.572.99l-3.126-1.806a.57.57 0 0 1-.208-.78m-1.374 8.366a.571.571 0 0 0 0 1.143H7.04a.571.571 0 0 0 0-1.143zm28.96.572c0-.316.256-.572.571-.572h3.612a.572.572 0 0 1 0 1.143H32.96a.57.57 0 0 1-.571-.572m2.6-8.271a.571.571 0 0 0-.571-.99l-3.126 1.803a.572.572 0 0 0 .57.99zm-5.877-7.51a.57.57 0 0 1 .209.78l-1.806 3.126a.571.571 0 1 1-.99-.571l1.806-3.126a.57.57 0 0 1 .78-.21m-9.049 5.178c-2.8 0-5.19.952-6.882 2.644s-2.644 4.082-2.644 6.881c0 1.012.181 1.945.464 2.788a.571.571 0 1 0 1.084-.364 7.6 7.6 0 0 1-.405-2.424c0-2.534.858-4.621 2.31-6.073s3.538-2.31 6.073-2.31 4.622.858 6.073 2.31 2.31 3.539 2.31 6.073c0 1.896-.947 3.67-1.954 5.058-.499.687-1 1.261-1.383 1.694l-.107.12c-.131.147-.25.281-.344.392l-.039.013-.245.077c-.212.064-.514.15-.868.237-.716.174-1.618.34-2.429.34-.874 0-1.386-.007-1.677-.015a12 12 0 0 1-.33-.013h-.009a.571.571 0 0 0-.11 1.137l.058-.568-.057.568h.006l.007.002h.012l.008.001.02.002.05.002c.064.004.163.008.315.012.305.008.827.016 1.707.016.944 0 1.948-.19 2.699-.374q.301-.073.547-.142l.001.095c.004.471.008.956-.002 1.442a.6.6 0 0 0-.237.006c-.65.154-1.456.298-2.268.298a95 95 0 0 1-2.292-.026l-.098-.003-.023-.001h-.006a.571.571 0 0 0-.052 1.141h.01l.027.002.105.003.436.011c.396.008 1.011.016 1.893.016.9 0 1.767-.152 2.449-.31-.036.423-.091.838-.176 1.236l-.005.001c-.65.155-1.456.299-2.268.299-.874 0-1.386-.008-1.677-.016a12 12 0 0 1-.334-.013h-.005a.572.572 0 0 0-.11 1.138l.058-.569-.057.569h.013l.09.006c.064.004.163.008.315.012.305.008.827.016 1.707.016.659 0 1.3-.082 1.864-.187-.239.505-.56.93-.987 1.252-.578.438-1.409.732-2.631.732s-2.053-.294-2.631-.732c-.581-.439-.965-1.065-1.215-1.829-.441-1.35-.427-2.99-.415-4.494q.003-.367.004-.72a.7.7 0 0 0-.056-.26 1 1 0 0 0-.072-.13 2 2 0 0 0-.14-.178 10 10 0 0 0-.358-.375l-.023-.023c-.28-.284-.644-.652-1.034-1.108a.571.571 0 1 0-.868.743c.417.488.805.88 1.085 1.164l.027.027c.132.134.229.233.296.307l-.005.511c-.014 1.487-.032 3.346.473 4.891.3.916.793 1.768 1.611 2.386.82.62 1.91.963 3.321.963 1.41 0 2.5-.343 3.32-.963.819-.618 1.313-1.47 1.612-2.386.505-1.545.487-3.404.473-4.89l-.005-.53.045-.054c.084-.101.197-.228.34-.39l.004-.004.006-.007.106-.118c.39-.439.92-1.047 1.453-1.78 1.055-1.454 2.172-3.471 2.172-5.73 0-2.8-.953-5.19-2.644-6.881-1.692-1.692-4.082-2.644-6.882-2.644m-.692 20.47-.025.566zm0-.005.027-.57zm-3.49-16.442c.953-.668 2.075-.995 3.413-.995a.571.571 0 0 1 0 1.143c-1.14 0-2.024.274-2.757.788-.647.453-1.187 1.067-1.443 2.188a.571.571 0 0 1-1.114-.255c.327-1.433 1.056-2.276 1.9-2.869"
+      clipRule="evenodd"
+    />
+  </svg>
+);
+export default SvgLightbulb;

package/icons/pictograms/lightning.tsx

@@ -0,0 +1,23 @@
+import type { SVGProps } from 'react';
+const SvgLightning = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={40}
+    height={40}
+    fill="none"
+    {...props}
+  >
+    <path
+      fill="#85CEE4"
+      fillOpacity={0.6}
+      d="M30.709 23.794h-16.64a4.12 4.12 0 0 1-.026-8.24l1.243.025-.217-1.168A6.55 6.55 0 0 1 21.5 6.668a6.544 6.544 0 0 1 6.542 6.52v1.337l1.249-.374a4.935 4.935 0 0 1 6.346 4.72 4.935 4.935 0 0 1-4.93 4.928z"
+    />
+    <path
+      fill="#263E6A"
+      fillRule="evenodd"
+      d="M18.606 5.392c-4.384 0-7.966 3.489-8.115 7.836a5.395 5.395 0 0 0-3.705 5.118 5.4 5.4 0 0 0 5.394 5.394h1.886a.571.571 0 0 0 0-1.143H12.18a4.256 4.256 0 0 1-4.251-4.251 4.254 4.254 0 0 1 3.264-4.13l.466-.111-.028-.478-.002-.115a6.985 6.985 0 0 1 6.977-6.978c3.283 0 6.047 2.284 6.781 5.348l.125.52.528-.09a5.4 5.4 0 0 1 .92-.086 5.19 5.19 0 0 1 5.186 5.186 5.19 5.19 0 0 1-5.186 5.185.571.571 0 0 0 0 1.143 6.335 6.335 0 0 0 6.329-6.328 6.335 6.335 0 0 0-6.329-6.329 6 6 0 0 0-.599.031c-1.023-3.31-4.112-5.722-7.755-5.722m-.397 11.64a.57.57 0 0 0-.557.443l-1.763 7.695a.572.572 0 0 0 .557.699h1.617l-1.878 7.674a.605.605 0 0 0 1.074.513L24.665 23.7a.572.572 0 0 0-.465-.904h-1.745l2.815-4.91a.57.57 0 0 0-.495-.855zm-1.046 7.694 1.501-6.552h5.124l-2.815 4.91a.572.572 0 0 0 .496.856h1.62l-5.133 7.177 1.39-5.684a.572.572 0 0 0-.554-.707zm.13 9.101.001-.007z"
+      clipRule="evenodd"
+    />
+  </svg>
+);
+export default SvgLightning;

package/icons/pictograms/location-mark.tsx

@@ -0,0 +1,30 @@
+import type { SVGProps } from 'react';
+const SvgLocationMark = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={40}
+    height={40}
+    fill="none"
+    {...props}
+  >
+    <g clipPath="url(#location-mark_svg__a)">
+      <path
+        fill="#85CEE4"
+        fillOpacity={0.6}
+        d="M22.286 19.143c3.314 0 6-2.63 6-5.858s-2.686-5.857-6-5.857-6 2.629-6 5.857 2.686 5.857 6 5.857"
+      />
+      <path
+        fill="#263E6A"
+        fillRule="evenodd"
+        d="M18.572 36.428c.257.572.685.658.885.658.172 0 .572-.086.886-.63l8.229-15.97.4-.758c.142-.271.285-.543.4-.757l.01-.018c.137-.27 1.504-2.943 1.504-5.267 0-5.943-4.914-10.772-10.914-10.772-6.029 0-10.915 4.829-10.915 10.772 0 2.326 1.364 4.94 1.529 5.257l.014.028c.205.36.48.949.678 1.375l.065.14zm-6.972-18c-.028 0-1.4-2.628-1.4-4.743 0-5.314 4.4-9.628 9.772-9.628 5.4 0 9.771 4.314 9.771 9.628 0 1.868-1.122 4.17-1.357 4.652l-.043.091c-.146.257-.34.63-.52.979-.101.195-.198.382-.28.536l-8.086 15.685L12.372 20c-.2-.457-.543-1.143-.772-1.572M13.714 13c0 3.4 2.83 6.143 6.286 6.143a6.36 6.36 0 0 0 3.086-.8c.286-.143.371-.486.229-.772-.143-.286-.486-.371-.772-.228A5.27 5.27 0 0 1 20 18c-2.828 0-5.143-2.257-5.143-5S17.172 8 20 8c2.829 0 5.143 2.257 5.143 5 0 .171 0 .343-.029.514-.028.314.2.6.515.629.314.028.6-.2.628-.515.029-.2.029-.4.029-.628 0-3.4-2.829-6.143-6.286-6.143S13.714 9.6 13.714 13"
+        clipRule="evenodd"
+      />
+    </g>
+    <defs>
+      <clipPath id="location-mark_svg__a">
+        <path fill="#fff" d="M8.857 2.857h22.286v34.286H8.857z" />
+      </clipPath>
+    </defs>
+  </svg>
+);
+export default SvgLocationMark;

package/icons/pictograms/log-in.tsx

@@ -0,0 +1,23 @@
+import type { SVGProps } from 'react';
+const SvgLogIn = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={40}
+    height={40}
+    fill="none"
+    {...props}
+  >
+    <path
+      fill="#85CEE4"
+      fillOpacity={0.6}
+      d="M24.677 10.529h11.654c.98 0 1.777.797 1.777 1.777V31.96c0 .98-.797 1.777-1.777 1.777H24.677A1.78 1.78 0 0 1 22.9 31.96V12.303c0-.98.797-1.777 1.777-1.777z"
+    />
+    <path
+      fill="#263E6A"
+      fillRule="evenodd"
+      d="M22.426 9.429a.62.62 0 0 0-.623.622v1.869a.571.571 0 1 1-1.143 0V10.05c0-.975.79-1.765 1.765-1.765h11.678c.975 0 1.765.79 1.765 1.765V29.73c0 .975-.79 1.765-1.765 1.765H22.425c-.975 0-1.765-.79-1.765-1.765v-2.03a.571.571 0 0 1 1.143 0v2.03c0 .344.278.622.622.622h11.678a.62.62 0 0 0 .622-.622V10.05a.62.62 0 0 0-.622-.623zM4.105 20.014c0-.315.255-.571.57-.571H19.81l-4.988-4.988a.571.571 0 1 1 .809-.808l5.962 5.963.023.024a.57.57 0 0 1-.027.789l-5.959 5.958a.571.571 0 1 1-.808-.808l4.988-4.987H4.677a.57.57 0 0 1-.572-.572"
+      clipRule="evenodd"
+    />
+  </svg>
+);
+export default SvgLogIn;

package/icons/pictograms/long-term-trips.tsx

@@ -0,0 +1,20 @@
+import type { SVGProps } from 'react';
+const SvgLongTermTrips = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={40}
+    height={40}
+    fill="none"
+    {...props}
+  >
+    <path
+      fill="#BEE3EE"
+      d="M32.106 27.663a.57.57 0 0 0-.515-.323h-1.708l-.654-1.06a.57.57 0 0 0-.378-.26 1 1 0 0 0 .006-.077v-.514a.573.573 0 0 0-.571-.572H20.66l-.674-1.508a.57.57 0 0 0-.523-.337h-1.48a.57.57 0 0 0-.572.565L17.4 24.86h-.903a.573.573 0 0 0-.571.572v.445l-1 1.466h-.163a.57.57 0 0 0-.466.243l-1.828 2.591a.573.573 0 0 0 .468.9h16.597c.175 0 .34-.08.449-.217l2.06-2.591a.57.57 0 0 0 .068-.603z"
+    />
+    <path
+      fill="#263E6A"
+      d="M31.943 32.134c-.249-.089-2.44-.869-3.346-.869-.514 0-1.123.22-1.768.452l-.08.029 1.82-2.292a.57.57 0 0 0-.446-.926h-1.709l-.654-1.062a.57.57 0 0 0-.377-.26q.005-.039.006-.078v-.514a.573.573 0 0 0-.572-.571h-7.626l-.674-1.509a.57.57 0 0 0-.523-.337h-1.48a.57.57 0 0 0-.571.566l-.012 1.282h-.902a.573.573 0 0 0-.572.572v.446l-1.003 1.468h-.163a.58.58 0 0 0-.468.243l-1.817 2.58c-1.032.203-2.466.714-2.663.786A.57.57 0 0 0 6 32.87a.567.567 0 0 0 .731.343c.86-.308 2.426-.803 2.958-.803.314 0 .882.203 1.382.383.646.231 1.255.452 1.769.452s1.123-.22 1.769-.452c.5-.18 1.065-.383 1.382-.383.318 0 .883.203 1.383.383.646.231 1.255.452 1.769.452s1.123-.22 1.768-.452c.5-.18 1.066-.383 1.383-.383s.883.203 1.383.383c.646.231 1.254.452 1.769.452s1.123-.22 1.768-.452c.5-.18 1.066-.383 1.383-.383.532 0 2.097.492 2.957.803a.574.574 0 0 0 .732-.346.575.575 0 0 0-.343-.731zM15.08 25.337h.543l.314.706h-.866l.006-.706zm-1.577 2.22a.56.56 0 0 0 .1-.323v-.051h10.303l-.175.157a.571.571 0 0 0 .386.994h.843l.117.191h-1.586a.56.56 0 0 0-.345.118l-.752.574h-8.217v-.129a.574.574 0 0 0-.571-.565h-.757l.66-.969zm8.794 3.709c-.514 0-1.123.22-1.768.45-.5.18-1.066.384-1.383.384s-.883-.203-1.383-.383c-.646-.232-1.254-.451-1.769-.451s-1.123.22-1.768.45c-.5.18-1.066.384-1.383.384s-.883-.203-1.383-.383a12 12 0 0 0-1.066-.349l1.197-1.7h1.443v.129c.006.314.26.566.572.566h8.977c.126 0 .248-.04.346-.117l.751-.575h3.257l-1.883 2.369c-.297-.075-.66-.203-.991-.323-.646-.232-1.254-.451-1.769-.451zM29.3 20.388l-.149.24a.57.57 0 0 1-.791.172.57.57 0 0 1-.171-.789q.069-.106.134-.217a.571.571 0 1 1 .977.594m.711-3.025a.57.57 0 0 0-.722.36l-.083.24a.57.57 0 1 0 1.074.388l.094-.265a.57.57 0 0 0-.36-.723zM8.663 15.92a.57.57 0 0 0 .523-.617l-.017-.258a.571.571 0 0 0-1.14.066q.007.143.02.28a.57.57 0 0 0 .568.526h.046zm1.766 3.5a.573.573 0 0 0-1.003.551q.067.125.14.246a.57.57 0 0 0 .78.206.57.57 0 0 0 .205-.78c-.042-.075-.085-.146-.125-.223zm-.803-1.872q-.037-.121-.075-.242a.575.575 0 0 0-.708-.392.574.574 0 0 0-.392.709q.04.137.083.271a.574.574 0 0 0 .72.374.57.57 0 0 0 .372-.717zm-.555-6.417a.572.572 0 0 0 .734-.334l.092-.237a.57.57 0 1 0-1.06-.426l-.103.263a.57.57 0 0 0 .335.737zm20.152-.165q.043.12.083.242a.575.575 0 0 0 .72.366.57.57 0 0 0 .363-.72 7 7 0 0 0-.092-.268.572.572 0 1 0-1.077.385zm1.02 1.59a.57.57 0 0 0-.497.638q.017.124.025.251a.57.57 0 0 0 .569.518h.054a.57.57 0 0 0 .515-.623 9 9 0 0 0-.032-.283.567.567 0 0 0-.637-.497zm-1.889-3.428a.58.58 0 0 0 .492.277.572.572 0 0 0 .489-.869q-.074-.12-.15-.24a.573.573 0 0 0-.966.611q.07.11.135.218zm-17.365-.58a.57.57 0 0 0-.143-.794.57.57 0 0 0-.795.143q-.082.117-.16.234a.572.572 0 0 0 .955.629q.068-.107.143-.209zm-2.386 4.955a.574.574 0 0 0 .646-.489 8 8 0 0 1 .037-.254.57.57 0 0 0-.475-.655.573.573 0 0 0-.654.475l-.043.28a.57.57 0 0 0 .489.643m17.248-8.62q-.116-.077-.237-.155a.573.573 0 0 0-.611.966l.214.137a.572.572 0 1 0 .637-.949zm-2.257-1.166q-.133-.05-.265-.097a.573.573 0 0 0-.386 1.077q.12.042.24.088a.576.576 0 0 0 .74-.329.57.57 0 0 0-.329-.736zm4.003 2.597a.572.572 0 0 0-.808.809q.09.09.177.182a.571.571 0 1 0 .825-.788q-.098-.102-.197-.203zm2.797 8.657a.575.575 0 0 0-.625.512 7 7 0 0 1-.029.251.568.568 0 0 0 .566.643.57.57 0 0 0 .565-.5q.018-.141.032-.283a.57.57 0 0 0-.512-.626zm-9.26-11.894a9 9 0 0 0-.283-.037.573.573 0 0 0-.634.5.57.57 0 0 0 .5.634q.128.015.252.034.041.005.082.006a.573.573 0 0 0 .083-1.137M11.72 5.983q-.105.094-.206.194a.573.573 0 0 0 .797.823q.09-.089.186-.175a.573.573 0 0 0-.774-.842zm2.049-1.503q-.124.07-.243.143a.573.573 0 0 0 .594.977q.108-.068.22-.132a.57.57 0 1 0-.571-.988M16.1 3.465l-.269.086a.572.572 0 0 0 .363 1.086q.122-.04.243-.077a.57.57 0 1 0-.337-1.091zm2.494-.474c-.094.009-.188.014-.283.026a.57.57 0 0 0-.508.628.57.57 0 0 0 .568.512q.03 0 .06-.003.125-.014.255-.023a.57.57 0 1 0-.089-1.14zm-6.831 18.315a.57.57 0 1 0-.852.76l.1.11a.573.573 0 0 0 .846-.77l-.091-.1zm15.568 1.6a.57.57 0 0 1-.557-.443l-.008-.035-1.272-5.431a.57.57 0 0 1 1.112-.26l1.148 4.911 4.877-1.142a.57.57 0 0 1 .26 1.111l-5.434 1.271a.5.5 0 0 1-.131.015z"
+    />
+  </svg>
+);
+export default SvgLongTermTrips;

package/icons/pictograms/lotte-chatbot.tsx

@@ -0,0 +1,28 @@
+import type { SVGProps } from 'react';
+const SvgLotteChatbot = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={40}
+    height={40}
+    fill="none"
+    {...props}
+  >
+    <g clipPath="url(#lotte-chatbot_svg__a)">
+      <path
+        fill="#85CEE4"
+        fillOpacity={0.6}
+        d="M36.086 8.457H28.17a1.884 1.884 0 0 0-1.885 1.886V15.4c0 1.028.828 1.886 1.885 1.886h7.915A1.884 1.884 0 0 0 37.97 15.4v-5.086c0-1.028-.828-1.857-1.885-1.857"
+      />
+      <path
+        fill="#263E6A"
+        d="M34.434 6.971h-8.371a2.323 2.323 0 0 0-2.314 2.315v1.065a.6.6 0 0 0-.2-.037h-.943a.55.55 0 0 0-.343.114l-1.343 1.057v-.628a.573.573 0 0 0-.572-.571h-1.514c-.485 0-.914-.458-.914-1V5c0-.543.457-1 1-1h6.457c.543 0 1 .371 1 .8v.514c0 .314.257.572.572.572a.573.573 0 0 0 .57-.572V4.8c0-1.057-.97-1.943-2.142-1.943H18.92A2.16 2.16 0 0 0 16.777 5v4.286c0 1.17.914 2.142 2.057 2.142h.943v.943c0 .286.143.543.4.657.086.029.2.057.286.057a.86.86 0 0 0 .457-.142l1.886-1.486h.742a.6.6 0 0 0 .2-.037v3.208a2.323 2.323 0 0 0 2.315 2.315h.428c.029 0 .086.028.086.028l1.857 1.657a.67.67 0 0 0 .486.2c.086 0 .171 0 .257-.057.257-.114.4-.343.4-.657v-1.171h4.857a2.323 2.323 0 0 0 2.315-2.315V9.286a2.323 2.323 0 0 0-2.315-2.315m1.143 7.629c0 .628-.514 1.171-1.171 1.171h-5.972v1.314l-1.085-.97c-.23-.172-.572-.315-.858-.315h-.428a1.177 1.177 0 0 1-1.172-1.172V9.286c0-.63.515-1.172 1.172-1.172h8.343c.628 0 1.171.514 1.171 1.172zM21.606 8.943c0-.372.257-.629.6-.629s.6.286.6.629c0 .371-.258.628-.6.628-.343 0-.6-.285-.6-.628m.285-1.057L21.75 5.8l-.03-.914h1l-.028.914-.142 2.086zm9.743 3c0 .8-1.028 1.114-.943 1.914h-.885c-.172-.915.828-1.286.828-1.829 0-.286-.2-.428-.457-.428s-.428.143-.628.314l-.543-.514a1.71 1.71 0 0 1 1.314-.629c.743 0 1.314.371 1.314 1.172m-.828 2.97c0 .372-.258.63-.6.63-.343 0-.6-.258-.6-.63 0-.37.257-.628.6-.628s.6.286.6.629m-3.658 11.172c-.542-.285-1.257-.2-1.714-.114-.228-.229-.571-.514-1.028-.657-.992-.346-3.06.48-4.275 1.037l-.011-.094c-.314-2.457-2.034-4.6-2.392-5.012-.997-1.808-2.348-3.043-3.905-3.597-.283-.851-.589-1.94-.56-2.248.028-.715.514-1.8 1.028-2.943 1-2.257 2.143-4.829.972-6.572C14.49 3.657 13.549 3 12.434 2.886 10.686 2.703 9.228 3.9 8.943 4.15c-.877-.268-1.797-.131-2.452.42-.743.6-1.028 1.6-.771 2.715.054.274.226.817.351 1.202a2 2 0 0 0-.265.255c-.572.657-.572 1.485-.486 1.857a.55.55 0 0 0 .314.4.54.54 0 0 0 .229.057c.085 0 .171-.029.285-.114.112-.063.36-.18.638-.269.194.572.614 2.023.591 2.926 0 .571-.2.971-.486 1.514-.314.629-.714 1.4-.8 2.6-.114 1.629-2.257 2.429-2.285 2.429a.52.52 0 0 0-.372.428c-.028.2.057.4.2.543.2.171.886.743 1.257.914.177.075.492.14.789.192-.26.846-.446 1.803-.417 2.78.114 4.114.571 4.8 1.171 5.257.372.314.772.314 1.114.171.258.2.572.457.943.572.057.028.115.028.172.028a.575.575 0 0 0 .571-.428c.086-.286-.086-.6-.371-.715-.315-.114-.657-.485-.772-.6a.55.55 0 0 0-.4-.2.5.5 0 0 0-.428.143c-.029.029-.086.086-.115.086-.2-.143-.628-.6-.714-4.371q-.011-.328.02-.649c.126.789.346 1.586.666 2.363.774 1.894 2.117 3.491 3.686 4.483v3.331l-3.829.9a.55.55 0 0 0-.429.686.55.55 0 0 0 .686.428l1.743-.4-.029.03a.58.58 0 0 0-.085.8.6.6 0 0 0 .457.228c.114 0 .228-.029.314-.143l1.335-1.043.122.7a.58.58 0 0 0 .572.486h.085a.56.56 0 0 0 .458-.657l-.258-1.572v-3.18c.029.011.058.026.086.037a5.9 5.9 0 0 0 2.143.429h.029v2.585a.55.55 0 0 0-.02.255l-.238 1.448c-.057.315.143.6.458.657h.085c.286 0 .515-.2.572-.457l.097-.545.846.831a.56.56 0 0 0 .4.172c.171 0 .314-.058.371-.2a.55.55 0 0 0 0-.8l1.886.57a.536.536 0 0 0 .714-.37.536.536 0 0 0-.371-.715l-3.658-1.1v-2.486c.206-.057.409-.122.6-.214.303-.131.62-.391.932-.745.151.068.329.117.526.117.171 0 .371-.029.543-.115.342-.143.57-.4.742-.6.372.058.743 0 1.029-.285.449-.475.789-1.058.546-3.697 1.488-.71 3.263-1.318 3.768-1.132.457.143.743.543.743.543.143.2.4.286.629.2.314-.086.943-.172 1.171-.057.029 0 .057.028.057.057.114.371-.657.628-.657.628-.143.058-.286.143-.343.286s-.085.315-.028.457c0 0 .028.086 0 .143-.058.057-.172.114-.315.172-.2.028-.971.171-3.885.228a.573.573 0 0 0-.572.572c0 .314.257.571.572.571 3.4-.057 4-.229 4.2-.314.6-.172.885-.486 1-.743.085-.172.142-.343.142-.486.6-.285 1.229-.914 1-1.828a1.17 1.17 0 0 0-.6-.772zm-14.857-21c.743.086 1.429.572 2 1.429.583.894.209 2.337-.38 3.826.206-1.952-.18-3.397-1.162-4.312a3.33 3.33 0 0 0-1.55-.825 2.6 2.6 0 0 1 1.092-.118M6.834 7.057c-.143-.714 0-1.286.4-1.629a1.2 1.2 0 0 1 .657-.268c-.408.651-.517 1.566-.323 2.734q-.24.035-.454.092c-.117-.355-.246-.752-.28-.926zM5.291 21.028c-.028-.028-.143-.085-.257-.171.857-.514 2.057-1.457 2.172-3.029.057-.971.371-1.571.685-2.171s.629-1.2.629-2.029c0-.96-.363-2.322-.583-3.057h.414q.111.321.226.629c.257.771.543 1.514.629 2 .285 1.6-1.115 4.343-1.686 5.285a6 6 0 0 0-.354.598q-.042.04-.075.088c-.045.075-.563.86-1.037 2.009-.357-.052-.677-.109-.763-.152m10.2 9.715c-.857.371-1.942.343-3.028-.086-1.829-.714-3.429-2.4-4.286-4.486-.926-2.228-.954-4.631-.12-6.363 0 0 .006-.005.006-.008a.4.4 0 0 0 .051-.1c.106-.206.217-.4.349-.586.028 0 .028-.029.028-.029.086-.17 2.286-3.742 1.829-6.114-.114-.571-.372-1.314-.686-2.171q-.04-.114-.083-.229h.026c.629 0 1.257-.314 1.8-.6.257-.114.486-.228.629-.285.285-.086.457-.4.371-.715-.086-.285-.4-.457-.714-.371-.257.086-.514.228-.8.371-.4.229-.915.486-1.257.486h-.543c-.457 0-1 .029-1.572 0-.314-.029-.6.029-.885.114a.4.4 0 0 1 .085-.114 1 1 0 0 1 .229-.189c.011-.002.017-.005.028-.011a.5.5 0 0 0 .183-.103c.435-.188 1.06-.243 1.846-.183.543.057 1.029-.371 1.457-.771.229-.2.229-.572 0-.8-.2-.229-.571-.229-.8 0-.4.371-.543.457-.6.457-.108-.009-.208-.009-.311-.014-.372-1.94.257-2.423.911-2.615.257-.085 1.486-.228 2.343.572.914.857 1.086 2.571.514 4.943-.771 3.257-.971 5.714-.6 7.285.343 1.372 1.029 1.658 1.172 1.686.057.029.114.029.171.029a.52.52 0 0 0 .515-.4.536.536 0 0 0-.372-.715s-.277-.231-.426-1.105c1.48.328 2.783 1.425 3.74 3.131a.6.6 0 0 0 .103.189q.357.663.64 1.442c1.314 3.6-.886 8-1.943 8.458m3.457-1.372a.3.3 0 0 1-.142-.057.5.5 0 0 0-.486-.086c-.172.057-.314.172-.372.315-.02.06-.111.22-.254.348.683-1.24 1.212-2.914 1.292-4.657q.01.054.02.109c.457 3.428.114 3.857-.058 4.028m-7-22.628a.573.573 0 0 1-.571.571.573.573 0 0 1-.571-.571c0-.315.257-.572.571-.572s.571.257.571.572M9.577 19.657a.573.573 0 0 1-.571.571.573.573 0 0 1-.572-.571c0-.314.257-.572.572-.572s.571.258.571.572m1.371.114a.573.573 0 0 1-.571.572.573.573 0 0 1-.571-.572c0-.314.257-.571.571-.571s.571.257.571.571m1.315-.228a.573.573 0 0 1-.572.571.573.573 0 0 1-.571-.571c0-.315.257-.572.571-.572.315 0 .572.257.572.572M10.32 6.4a.573.573 0 0 1-.572.571.573.573 0 0 1-.571-.571c0-.314.257-.572.571-.572.315 0 .572.258.572.572"
+      />
+    </g>
+    <defs>
+      <clipPath id="lotte-chatbot_svg__a">
+        <path fill="#fff" d="M3.429 2.857h34.57v34.57H3.43z" />
+      </clipPath>
+    </defs>
+  </svg>
+);
+export default SvgLotteChatbot;