@clubmed/trident-ui 1.0.0-alpha.14 → 1.0.0-alpha.16

package/lib/assets/icons/index.ts

@@ -1,522 +1,524 @@
-/* ACTIONS */
-import ArrowDefault from './Actions/ArrowDefault.svg';
-import ArrowFilled from './Actions/ArrowFilled.svg';
-import ArrowOutlined from './Actions/ArrowOutlined.svg';
-import ArrowTail from './Actions/ArrowTail.svg';
-import CheckDefault from './Actions/CheckDefault.svg';
-import CheckFilled from './Actions/CheckFilled.svg';
-import CheckOutlined from './Actions/CheckOutlined.svg';
-import Clipboard from './Actions/Clipboard.svg';
-import Compare from './Actions/Compare.svg';
-import CrossDefault from './Actions/CrossDefault.svg';
-import CrossFilled from './Actions/CrossFilled.svg';
-import CrossOutlined from './Actions/CrossOutlined.svg';
-import Delete from './Actions/Delete.svg';
-import Download from './Actions/Download.svg';
-import Edit from './Actions/Edit.svg';
-import Error from './Actions/Error.svg';
-import Expand from './Actions/Expand.svg';
-import HeartFilled from './Actions/HeartFilled.svg';
-import HeartOutlined from './Actions/HeartOutlined.svg';
-import Information from './Actions/Information.svg';
-import MinusDefault from './Actions/MinusDefault.svg';
-import MinusFilled from './Actions/MinusFilled.svg';
-import MinusOutlined from './Actions/MinusOutlined.svg';
-import New from './Actions/New.svg';
-import PlusDefault from './Actions/PlusDefault.svg';
-import PlusFilled from './Actions/PlusFilled.svg';
-import PlusOutlined from './Actions/PlusOutlined.svg';
-import Reduce from './Actions/Reduce.svg';
-import Reload from './Actions/Reload.svg';
-import Search from './Actions/Search.svg';
-import Share from './Actions/Share.svg';
-import StarFilled from './Actions/StarFilled.svg';
-import StarOutlined from './Actions/StarOutlined.svg';
+import { ComponentProps, ComponentType, lazy, LazyExoticComponent } from 'react';
+// TODO on garde ces commentaires pour le moment en attendant de trouver une solution perènne pour la version svg.use
+// /* ACTIONS */
+// import ArrowDefault from './Actions/ArrowDefault.svg?url';
+// import ArrowFilled from './Actions/ArrowFilled.svg?url';
+// import ArrowOutlined from './Actions/ArrowOutlined.svg?url';
+// import ArrowTail from './Actions/ArrowTail.svg?url';
+// import CheckDefault from './Actions/CheckDefault.svg?url';
+// import CheckFilled from './Actions/CheckFilled.svg?url';
+// import CheckOutlined from './Actions/CheckOutlined.svg?url';
+// import Clipboard from './Actions/Clipboard.svg?url';
+// import Compare from './Actions/Compare.svg?url';
+// import CrossDefault from './Actions/CrossDefault.svg?url';
+// import CrossFilled from './Actions/CrossFilled.svg?url';
+// import CrossOutlined from './Actions/CrossOutlined.svg?url';
+// import Delete from './Actions/Delete.svg?url';
+// import Download from './Actions/Download.svg?url';
+// import Edit from './Actions/Edit.svg?url';
+// import Error from './Actions/Error.svg?url';
+// import Expand from './Actions/Expand.svg?url';
+// import HeartFilled from './Actions/HeartFilled.svg?url';
+// import HeartOutlined from './Actions/HeartOutlined.svg?url';
+// import Information from './Actions/Information.svg?url';
+// import MinusDefault from './Actions/MinusDefault.svg?url';
+// import MinusFilled from './Actions/MinusFilled.svg?url';
+// import MinusOutlined from './Actions/MinusOutlined.svg?url';
+// import New from './Actions/New.svg?url';
+// import PlusDefault from './Actions/PlusDefault.svg?url';
+// import PlusFilled from './Actions/PlusFilled.svg?url';
+// import PlusOutlined from './Actions/PlusOutlined.svg?url';
+// import Reduce from './Actions/Reduce.svg?url';
+// import Reload from './Actions/Reload.svg?url';
+// import Search from './Actions/Search.svg?url';
+// import Share from './Actions/Share.svg?url';
+// import StarFilled from './Actions/StarFilled.svg?url';
+// import StarOutlined from './Actions/StarOutlined.svg?url';
+//
+// /* ACTIVITIES */
+// import AmazingFamily from './Activities/AmazingFamily.svg?url';
+// import Archery from './Activities/Archery.svg?url';
+// import Badminton from './Activities/Badminton.svg?url';
+// import BocceBall from './Activities/BocceBall.svg?url';
+// import Cardio from './Activities/Cardio.svg?url';
+// import Circus from './Activities/Circus.svg?url';
+// import Climbing from './Activities/Climbing.svg?url';
+// import Danse from './Activities/Danse.svg?url';
+// import Fitness from './Activities/Fitness.svg?url';
+// import Golf from './Activities/Golf.svg?url';
+// import HamamMen from './Activities/HamamMen.svg?url';
+// import HamamWomen from './Activities/HamamWomen.svg?url';
+// import Hiking from './Activities/Hiking.svg?url';
+// import HorseRiding from './Activities/HorseRiding.svg?url';
+// import IceSkating from './Activities/IceSkating.svg?url';
+// import Kayak from './Activities/Kayak.svg?url';
+// import Kitesurf from './Activities/Kitesurf.svg?url';
+// import Multisports from './Activities/Multisports.svg?url';
+// import Paddle from './Activities/Paddle.svg?url';
+// import PaddleTennis from './Activities/PaddleTennis.svg?url';
+// import PickleBall from './Activities/PickleBall.svg?url';
+// import Running from './Activities/Running.svg?url';
+// import Sailing from './Activities/Sailing.svg?url';
+// import SaunaMen from './Activities/SaunaMen.svg?url';
+// import SaunaWomen from './Activities/SaunaWomen.svg?url';
+// import ScubaDiving from './Activities/ScubaDiving.svg?url';
+// import Ski from './Activities/Ski.svg?url';
+// import Snorkeling from './Activities/Snorkeling.svg?url';
+// import Snowboard from './Activities/Snowboard.svg?url';
+// import Snowshoeing from './Activities/Snowshoeing.svg?url';
+// import Surf from './Activities/Surf.svg?url';
+// import TableTennis from './Activities/TableTennis.svg?url';
+// import Tennis from './Activities/Tennis.svg?url';
+// import ThaiBoxing from './Activities/ThaiBoxing.svg?url';
+// import Trapeze from './Activities/Trapeze.svg?url';
+// import TreeClimbing from './Activities/TreeClimbing.svg?url';
+// import VTT from './Activities/VTT.svg?url';
+// import Volleyball from './Activities/Volleyball.svg?url';
+// import WaterSkiing from './Activities/WaterSkiing.svg?url';
+// import WaterVolley from './Activities/WaterVolley.svg?url';
+// import Waterpolo from './Activities/Waterpolo.svg?url';
+// import Windsurf from './Activities/Windsurf.svg?url';
+// import Wingfoil from './Activities/Wingfoil.svg?url';
+// import WinterHiking from './Activities/WinterHiking.svg?url';
+// import Yoga from './Activities/Yoga.svg?url';
+//
+// /* BRANDS */
+// import AllInclusiveDefault from './Brand/AllInclusiveDefault.svg?url';
+// import AllInclusiveDonations from './Brand/AllInclusiveDonations.svg?url';
+// import AllInclusiveFlexible from './Brand/AllInclusiveFlexible.svg?url';
+// import BabyClubMed from './Brand/BabyClubMed.svg?url';
+// import Bars from './Brand/Bars.svg?url';
+// import ChillPass from './Brand/ChillPass.svg?url';
+// import ClubMed from './Brand/ClubMed.svg?url';
+// import Diamond from './Brand/Diamond.svg?url';
+// import ExclusiveCollection from './Brand/ExclusiveCollection.svg?url';
+// import HappyToCare from './Brand/HappyToCare.svg?url';
+// import HappyToCareSmall from './Brand/HappyToCareSmall.svg?url';
+// import MiniClubMed from './Brand/MiniClubMed.svg?url';
+// import OnDemand from './Brand/OnDemand.svg?url';
+// import PetitClubMed from './Brand/PetitClubMed.svg?url';
+// import Restaurants from './Brand/Restaurants.svg?url';
+// import Teens from './Brand/Teens.svg?url';
+// import Trident from './Brand/Trident.svg?url';
+//
+// /* COVID */
+// import Capacity from './Covid/Capacity.svg?url';
+// import Cough from './Covid/Cough.svg?url';
+// import DigitalTools from './Covid/DigitalTools.svg?url';
+// import Disinfection from './Covid/Disinfection.svg?url';
+// import Distance from './Covid/Distance.svg?url';
+// import DoNotShakeHands from './Covid/DoNotShakeHands.svg?url';
+// import Doctor from './Covid/Doctor.svg?url';
+// import Gloves from './Covid/Gloves.svg?url';
+// import Mask from './Covid/Mask.svg?url';
+// import PCRTest from './Covid/PCRTest.svg?url';
+// import SafeReception from './Covid/SafeReception.svg?url';
+// import SafeRestaurant from './Covid/SafeRestaurant.svg?url';
+// import SafeSpa from './Covid/SafeSpa.svg?url';
+// import Soap from './Covid/Soap.svg?url';
+// import Solution from './Covid/Solution.svg?url';
+// import TemperatureCheck from './Covid/TemperatureCheck.svg?url';
+// import WashHands from './Covid/WashHands.svg?url';
+//
+// /* FOOD */
+// import Bar from './Food/Bar.svg?url';
+// import Champagne from './Food/Champagne.svg?url';
+// import Charcuterie from './Food/Charcuterie.svg?url';
+// import Cheese from './Food/Cheese.svg?url';
+// import CoffeeMachine from './Food/CoffeeMachine.svg?url';
+// import ColdDrinks from './Food/ColdDrinks.svg?url';
+// import ColdSandwich from './Food/ColdSandwich.svg?url';
+// import Dessert from './Food/Dessert.svg?url';
+// import GourmetLounge from './Food/GourmetLounge.svg?url';
+// import Hamburger from './Food/Hamburger.svg?url';
+// import HotDrinks from './Food/HotDrinks.svg?url';
+// import HotSandwiches from './Food/HotSandwiches.svg?url';
+// import Kitchen from './Food/Kitchen.svg?url';
+// import KitchenEquipments from './Food/KitchenEquipments.svg?url';
+// import Kitchenware from './Food/Kitchenware.svg?url';
+// import Meal from './Food/Meal.svg?url';
+// import Meat from './Food/Meat.svg?url';
+// import PrivateMeal from './Food/PrivateMeal.svg?url';
+// import Quiche from './Food/Quiche.svg?url';
+// import Restaurant from './Food/Restaurant.svg?url';
+// import Salad from './Food/Salad.svg?url';
+// import Snacks from './Food/Snacks.svg?url';
+// import Soup from './Food/Soup.svg?url';
+// import TakeAway from './Food/TakeAway.svg?url';
+// import Tapas from './Food/Tapas.svg?url';
+// import TeaMaker from './Food/TeaMaker.svg?url';
+// import Vegan from './Food/Vegan.svg?url';
+// import Vegetables from './Food/Vegetables.svg?url';
+// import Vegetarian from './Food/Vegetarian.svg?url';
+// import WaterFountain from './Food/WaterFountain.svg?url';
+// import Wine from './Food/Wine.svg?url';
+// import WineCellar from './Food/WineCellar.svg?url';
+//
+// /* HAPPY TO CARE */
+// import ActionsAgainstSexualTourism from './HappyToCare/ActionsAgainstSexualTourism.svg?url';
+// import AnimalProtection from './HappyToCare/AnimalProtection.svg?url';
+// import Biodiversity from './HappyToCare/Biodiversity.svg?url';
+// import ByeByePlastic from './HappyToCare/ByeByePlastic.svg?url';
+// import ClimateActions from './HappyToCare/ClimateActions.svg?url';
+// import CulturalRespect from './HappyToCare/CulturalRespect.svg?url';
+// import ElectricityManagement from './HappyToCare/ElectricityManagement.svg?url';
+// import EnvironmentProtection from './HappyToCare/EnvironmentProtection.svg?url';
+// import EqualOpportunities from './HappyToCare/EqualOpportunities.svg?url';
+// import FarmersProgram from './HappyToCare/FarmersProgram.svg?url';
+// import HealthyCorner from './HappyToCare/HealthyCorner.svg?url';
+// import LocalChildrenWelcome from './HappyToCare/LocalChildrenWelcome.svg?url';
+// import LocalDevelopment from './HappyToCare/LocalDevelopment.svg?url';
+// import LocalSportSchool from './HappyToCare/LocalSportSchool.svg?url';
+// import MaterialDonations from './HappyToCare/MaterialDonations.svg?url';
+// import WellBeingAtWork from './HappyToCare/WellBeingAtWork.svg?url';
+//
+// /* PLACES */
+// import BabyCleaning from './Places/BabyCleaning.svg?url';
+// import BabyCorner from './Places/BabyCorner.svg?url';
+// import Conference from './Places/Conference.svg?url';
+// import Elevator from './Places/Elevator.svg?url';
+// import Footpath from './Places/Footpath.svg?url';
+// import InclusiveToilets from './Places/InclusiveToilets.svg?url';
+// import Library from './Places/Library.svg?url';
+// import Luggage from './Places/Luggage.svg?url';
+// import MeetingPoint from './Places/MeetingPoint.svg?url';
+// import Nursery from './Places/Nursery.svg?url';
+// import PMR from './Places/PMR.svg?url';
+// import PMRElevator from './Places/PMRElevator.svg?url';
+// import Reception from './Places/Reception.svg?url';
+// import SkiRoom from './Places/SkiRoom.svg?url';
+// import SwimmingArea from './Places/SwimmingArea.svg?url';
+// import Theater from './Places/Theater.svg?url';
+// import ZenPool from './Places/ZenPool.svg?url';
+//
+// /* RESORT (FILL) */
+// import AEXC_Fill from './ResortFill/AEXC_Fill.svg?url';
+// import ALHC_Fill from './ResortFill/ALHC_Fill.svg?url';
+// import ANJJ_Fill from './ResortFill/ANJJ_Fill.svg?url';
+// import ARPC_Fill from './ResortFill/ARPC_Fill.svg?url';
+// import BALC_Fill from './ResortFill/BALC_Fill.svg?url';
+// import BEIC_Fill from './ResortFill/BEIC_Fill.svg?url';
+// import BODC_Fill from './ResortFill/BODC_Fill.svg?url';
+// import BUCC_Fill from './ResortFill/BUCC_Fill.svg?url';
+// import Benin_Fill from './ResortFill/Benin_Fill.svg?url';
+// import Borneo_Fill from './ResortFill/Borneo_Fill.svg?url';
+// import CANC_Fill from './ResortFill/CANC_Fill.svg?url';
+// import CARC_Fill from './ResortFill/CARC_Fill.svg?url';
+// import CBAC_Fill from './ResortFill/CBAC_Fill.svg?url';
+// import CGBJ_Fill from './ResortFill/CGBJ_Fill.svg?url';
+// import CHEC_Fill from './ResortFill/CHEC_Fill.svg?url';
+// import COLC_Fill from './ResortFill/COLC_Fill.svg?url';
+// import CSKC_Fill from './ResortFill/CSKC_Fill.svg?url';
+// import DBAC_Fill from './ResortFill/DBAC_Fill.svg?url';
+// import DDOC_Fill from './ResortFill/DDOC_Fill.svg?url';
+// import Foshan_Fill from './ResortFill/Foshan_Fill.svg?url';
+// import GMAC_Fill from './ResortFill/GMAC_Fill.svg?url';
+// import GREC_Fill from './ResortFill/GREC_Fill.svg?url';
+// import GUIC_Fill from './ResortFill/GUIC_Fill.svg?url';
+// import Heilongtan_Fill from './ResortFill/Heilongtan_Fill.svg?url';
+// import IXTC_Fill from './ResortFill/IXTC_Fill.svg?url';
+// import KABC_Fill from './ResortFill/KABC_Fill.svg?url';
+// import KANC_Fill from './ResortFill/KANC_Fill.svg?url';
+// import KEMC_Fill from './ResortFill/KEMC_Fill.svg?url';
+// import KIGC_Fill from './ResortFill/KIGC_Fill.svg?url';
+// import KIPC_Fill from './ResortFill/KIPC_Fill.svg?url';
+// import LAKJ_Fill from './ResortFill/LAKJ_Fill.svg?url';
+// import LAPC_Fill from './ResortFill/LAPC_Fill.svg?url';
+// import LJIC_Fill from './ResortFill/LJIC_Fill.svg?url';
+// import LPAC_Fill from './ResortFill/LPAC_Fill.svg?url';
+// import LROC_Fill from './ResortFill/LROC_Fill.svg?url';
+// import MAUC_Fill from './ResortFill/MAUC_Fill.svg?url';
+// import MMAC_Fill from './ResortFill/MMAC_Fill.svg?url';
+// import MPAC_Fill from './ResortFill/MPAC_Fill.svg?url';
+// import OPIC_Fill from './ResortFill/OPIC_Fill.svg?url';
+// import PALC_Fill from './ResortFill/PALC_Fill.svg?url';
+// import PCAC_Fill from './ResortFill/PCAC_Fill.svg?url';
+// import PHUC_Fill from './ResortFill/PHUC_Fill.svg?url';
+// import PLAC_Fill from './ResortFill/PLAC_Fill.svg?url';
+// import PRAC_Fill from './ResortFill/PRAC_Fill.svg?url';
+// import PVAC_Fill from './ResortFill/PVAC_Fill.svg?url';
+// import QCHC_Fill from './ResortFill/QCHC_Fill.svg?url';
+// import RBIC_Fill from './ResortFill/RBIC_Fill.svg?url';
+// import RDPC_Fill from './ResortFill/RDPC_Fill.svg?url';
+// import SAOC_Fill from './ResortFill/SAOC_Fill.svg?url';
+// import SCHC_Fill from './ResortFill/SCHC_Fill.svg?url';
+// import SMRC_Fill from './ResortFill/SMRC_Fill.svg?url';
+// import Shanwei_Fill from './ResortFill/Shanwei_Fill.svg?url';
+// import TIGC_Fill from './ResortFill/TIGC_Fill.svg?url';
+// import TOMC_Fill from './ResortFill/TOMC_Fill.svg?url';
+// import TRAC_Fill from './ResortFill/TRAC_Fill.svg?url';
+// import TURC_Fill from './ResortFill/TURC_Fill.svg?url';
+// import Taicang_Fill from './ResortFill/Taicang_Fill.svg?url';
+// import Thaiwoo_Fill from './ResortFill/Thaiwoo_Fill.svg?url';
+// import VERC_Fill from './ResortFill/VERC_Fill.svg?url';
+// import VMOC_Fill from './ResortFill/VMOC_Fill.svg?url';
+// import VTHC_Fill from './ResortFill/VTHC_Fill.svg?url';
+// import XLIJ_Fill from './ResortFill/XLIJ_Fill.svg?url';
+// import YABC_Fill from './ResortFill/YABC_Fill.svg?url';
+// import YANJ_Fill from './ResortFill/YANJ_Fill.svg?url';
+// import YASC_Fill from './ResortFill/YASC_Fill.svg?url';
+//
+// /* RESORT (FILL) (EXCLUSIVE COLLECTION) */
+// import ALBC_EC_Fill from './ResortFill-EC/ALBC_EC_Fill.svg?url';
+// import ALBV_EC_Fill from './ResortFill-EC/ALBV_EC_Fill.svg?url';
+// import ARPC_EC_Fill from './ResortFill-EC/ARPC_EC_Fill.svg?url';
+// import CANC_EC_Fill from './ResortFill-EC/CANC_EC_Fill.svg?url';
+// import CFAC_EC_Fill from './ResortFill-EC/CFAC_EC_Fill.svg?url';
+// import CM2C_EC_Fill from './ResortFill-EC/CM2C_EC_Fill.svg?url';
+// import GMAV_EC_Fill from './ResortFill-EC/GMAV_EC_Fill.svg?url';
+// import KANC_EC_Fill from './ResortFill-EC/KANC_EC_Fill.svg?url';
+// import KANV_EC_Fill from './ResortFill-EC/KANV_EC_Fill.svg?url';
+// import LROC_EC_Fill from './ResortFill-EC/LROC_EC_Fill.svg?url';
+// import MPAC_EC_Fill from './ResortFill-EC/MPAC_EC_Fill.svg?url';
+// import MPEC_EC_Fill from './ResortFill-EC/MPEC_EC_Fill.svg?url';
+// import PCAC_EC_Fill from './ResortFill-EC/PCAC_EC_Fill.svg?url';
+// import QCHC_EC_Fill from './ResortFill-EC/QCHC_EC_Fill.svg?url';
+// import RDPC_EC_Fill from './ResortFill-EC/RDPC_EC_Fill.svg?url';
+// import SEYC_EC_Fill from './ResortFill-EC/SEYC_EC_Fill.svg?url';
+// import TIGC_EC_Fill from './ResortFill-EC/TIGC_EC_Fill.svg?url';
+// import Utah_EC_Fill from './ResortFill-EC/Utah_EC_Fill.svg?url';
+// import VDIC_EC_Fill from './ResortFill-EC/VDIC_EC_Fill.svg?url';
+// import VMOC_EC_Fill from './ResortFill-EC/VMOC_EC_Fill.svg?url';
+// import VMOV_EC_Fill from './ResortFill-EC/VMOV_EC_Fill.svg?url';
+//
+// /* RESORT (OUTLINE) */
+// import AEXC_Outline from './ResortOutline/AEXC_Outline.svg?url';
+// import ALHC_Outline from './ResortOutline/ALHC_Outline.svg?url';
+// import ANJJ_Outline from './ResortOutline/ANJJ_Outline.svg?url';
+// import ARPC_Outline from './ResortOutline/ARPC_Outline.svg?url';
+// import BALC_Outline from './ResortOutline/BALC_Outline.svg?url';
+// import BEIC_Outline from './ResortOutline/BEIC_Outline.svg?url';
+// import BODC_Outline from './ResortOutline/BODC_Outline.svg?url';
+// import BUCC_Outline from './ResortOutline/BUCC_Outline.svg?url';
+// import Benin_Outline from './ResortOutline/Benin_Outline.svg?url';
+// import Borneo_Outline from './ResortOutline/Borneo_Outline.svg?url';
+// import CANC_Outline from './ResortOutline/CANC_Outline.svg?url';
+// import CARC_Outline from './ResortOutline/CARC_Outline.svg?url';
+// import CBAC_Outline from './ResortOutline/CBAC_Outline.svg?url';
+// import CGBJ_Outline from './ResortOutline/CGBJ_Outline.svg?url';
+// import CHEC_Outline from './ResortOutline/CHEC_Outline.svg?url';
+// import COLC_Outline from './ResortOutline/COLC_Outline.svg?url';
+// import CSKC_Outline from './ResortOutline/CSKC_Outline.svg?url';
+// import DBAC_Outline from './ResortOutline/DBAC_Outline.svg?url';
+// import DDOC_Outline from './ResortOutline/DDOC_Outline.svg?url';
+// import Foshan_Outline from './ResortOutline/Foshan_Outline.svg?url';
+// import GMAC_Outline from './ResortOutline/GMAC_Outline.svg?url';
+// import GREC_Outline from './ResortOutline/GREC_Outline.svg?url';
+// import GUIC_Outline from './ResortOutline/GUIC_Outline.svg?url';
+// import Heilongtan_Outline from './ResortOutline/Heilongtan_Outline.svg?url';
+// import IXTC_Outline from './ResortOutline/IXTC_Outline.svg?url';
+// import KABC_Outline from './ResortOutline/KABC_Outline.svg?url';
+// import KANC_Outline from './ResortOutline/KANC_Outline.svg?url';
+// import KEMC_Outline from './ResortOutline/KEMC_Outline.svg?url';
+// import KIGC_Outline from './ResortOutline/KIGC_Outline.svg?url';
+// import KIPC_Outline from './ResortOutline/KIPC_Outline.svg?url';
+// import LAKJ_Outline from './ResortOutline/LAKJ_Outline.svg?url';
+// import LAPC_Outline from './ResortOutline/LAPC_Outline.svg?url';
+// import LJIC_Outline from './ResortOutline/LJIC_Outline.svg?url';
+// import LPAC_Outline from './ResortOutline/LPAC_Outline.svg?url';
+// import LROC_Outline from './ResortOutline/LROC_Outline.svg?url';
+// import MAUC_Outline from './ResortOutline/MAUC_Outline.svg?url';
+// import MMAC_Outline from './ResortOutline/MMAC_Outline.svg?url';
+// import MPAC_Outline from './ResortOutline/MPAC_Outline.svg?url';
+// import OPIC_Outline from './ResortOutline/OPIC_Outline.svg?url';
+// import PALC_Outline from './ResortOutline/PALC_Outline.svg?url';
+// import PCAC_Outline from './ResortOutline/PCAC_Outline.svg?url';
+// import PHUC_Outline from './ResortOutline/PHUC_Outline.svg?url';
+// import PLAC_Outline from './ResortOutline/PLAC_Outline.svg?url';
+// import PRAC_Outline from './ResortOutline/PRAC_Outline.svg?url';
+// import PVAC_Outline from './ResortOutline/PVAC_Outline.svg?url';
+// import QCHC_Outline from './ResortOutline/QCHC_Outline.svg?url';
+// import RBIC_Outline from './ResortOutline/RBIC_Outline.svg?url';
+// import RDPC_Outline from './ResortOutline/RDPC_Outline.svg?url';
+// import SAOC_Outline from './ResortOutline/SAOC_Outline.svg?url';
+// import SCHC_Outline from './ResortOutline/SCHC_Outline.svg?url';
+// import SMRC_Outline from './ResortOutline/SMRC_Outline.svg?url';
+// import Shanwei_Outline from './ResortOutline/Shanwei_Outline.svg?url';
+// import TIGC_Outline from './ResortOutline/TIGC_Outline.svg?url';
+// import TOMC_Outline from './ResortOutline/TOMC_Outline.svg?url';
+// import TRAC_Outline from './ResortOutline/TRAC_Outline.svg?url';
+// import TURC_Outline from './ResortOutline/TURC_Outline.svg?url';
+// import Taican_Outline from './ResortOutline/Taican_Outline.svg?url';
+// import Thaiwoo_Outline from './ResortOutline/Thaiwoo_Outline.svg?url';
+// import VERC_Outline from './ResortOutline/VERC_Outline.svg?url';
+// import VMOC_Outline from './ResortOutline/VMOC_Outline.svg?url';
+// import VTHC_Outline from './ResortOutline/VTHC_Outline.svg?url';
+// import XLIJ_Outline from './ResortOutline/XLIJ_Outline.svg?url';
+// import YABC_Outline from './ResortOutline/YABC_Outline.svg?url';
+// import YANJ_Outline from './ResortOutline/YANJ_Outline.svg?url';
+// import YASC_Outline from './ResortOutline/YASC_Outline.svg?url';
+//
+// /* RESORT (OUTLINE) (EXCLUSIVE COLLECTION) */
+// import ALBC_EC_Outline from './ResortOutline-EC/ALBC_EC_Outline.svg?url';
+// import ALBV_EC_Outline from './ResortOutline-EC/ALBV_EC_Outline.svg?url';
+// import ARPC_EC_Outline from './ResortOutline-EC/ARPC_EC_Outline.svg?url';
+// import CANC_EC_Outline from './ResortOutline-EC/CANC_EC_Outline.svg?url';
+// import CFAC_EC_Outline from './ResortOutline-EC/CFAC_EC_Outline.svg?url';
+// import CM2C_EC_Outline from './ResortOutline-EC/CM2C_EC_Outline.svg?url';
+// import GMAV_EC_Outline from './ResortOutline-EC/GMAV_EC_Outline.svg?url';
+// import KANC_EC_Outline from './ResortOutline-EC/KANC_EC_Outline.svg?url';
+// import KANV_EC_Outline from './ResortOutline-EC/KANV_EC_Outline.svg?url';
+// import LROC_EC_Outline from './ResortOutline-EC/LROC_EC_Outline.svg?url';
+// import MPAC_EC_Outline from './ResortOutline-EC/MPAC_EC_Outline.svg?url';
+// import MPEC_EC_Outline from './ResortOutline-EC/MPEC_EC_Outline.svg?url';
+// import PCAC_EC_Outline from './ResortOutline-EC/PCAC_EC_Outline.svg?url';
+// import QCHC_EC_Outline from './ResortOutline-EC/QCHC_EC_Outline.svg?url';
+// import RDPC_EC_Outline from './ResortOutline-EC/RDPC_EC_Outline.svg?url';
+// import SEYC_EC_Outline from './ResortOutline-EC/SEYC_EC_Outline.svg?url';
+// import TIGC_EC_Outline from './ResortOutline-EC/TIGC_EC_Outline.svg?url';
+// import Utah_EC_Outline from './ResortOutline-EC/Utah_EC_Outline.svg?url';
+// import VDIC_EC_Outline from './ResortOutline-EC/VDIC_EC_Outline.svg?url';
+// import VMOC_EC_Outline from './ResortOutline-EC/VMOC_EC_Outline.svg?url';
+// import VMOV_EC_Outline from './ResortOutline-EC/VMOV_EC_Outline.svg?url';
+//
+// /* ROOM */
+// import AC from './Room/AC.svg?url';
+// import Amenities from './Room/Amenities.svg?url';
+// import BabyBed from './Room/BabyBed.svg?url';
+// import Balcony from './Room/Balcony.svg?url';
+// import Balneotherapy from './Room/Balneotherapy.svg?url';
+// import Bathrobe from './Room/Bathrobe.svg?url';
+// import BathtubShower from './Room/BathtubShower.svg?url';
+// import BeachTowel from './Room/BeachTowel.svg?url';
+// import Bedroom from './Room/Bedroom.svg?url';
+// import Bidet from './Room/Bidet.svg?url';
+// import ChildrenSeparatedRoom from './Room/ChildrenSeparatedRoom.svg?url';
+// import Daybed from './Room/Daybed.svg?url';
+// import Dressing from './Room/Dressing.svg?url';
+// import Dryer from './Room/Dryer.svg?url';
+// import DualBasin from './Room/DualBasin.svg?url';
+// import Electricity from './Room/Electricity.svg?url';
+// import Fireplace from './Room/Fireplace.svg?url';
+// import Fridge from './Room/Fridge.svg?url';
+// import Household from './Room/Household.svg?url';
+// import LoungeAreaInside from './Room/LoungeAreaInside.svg?url';
+// import LoungeAreaOutside from './Room/LoungeAreaOutside.svg?url';
+// import MagnifyingMirror from './Room/MagnifyingMirror.svg?url';
+// import Multimedia from './Room/Multimedia.svg?url';
+// import Ofuro from './Room/Ofuro.svg?url';
+// import RoomSafe from './Room/RoomSafe.svg?url';
+// import RoomService from './Room/RoomService.svg?url';
+// import SeparatedRoom from './Room/SeparatedRoom.svg?url';
+// import SeparatedWC from './Room/SeparatedWC.svg?url';
+// import Shower from './Room/Shower.svg?url';
+// import ShowerPMR from './Room/ShowerPMR.svg?url';
+// import ShowerWC from './Room/ShowerWC.svg?url';
+// import Size from './Room/Size.svg?url';
+// import TV from './Room/TV.svg?url';
+// import WIFI from './Room/WIFI.svg?url';
+//
+// /* SERVICES */
+// import AllInclusive from './Services/AllInclusive.svg?url';
+// import BabyBottle from './Services/BabyBottle.svg?url';
+// import BabyWelcome from './Services/BabyWelcome.svg?url';
+// import ClothesDryer from './Services/ClothesDryer.svg?url';
+// import Concierge from './Services/Concierge.svg?url';
+// import FourtyFive from './Services/FourtyFive.svg?url';
+// import Hairdresser from './Services/Hairdresser.svg?url';
+// import KidSupervisory from './Services/KidSupervisory.svg?url';
+// import Laundry from './Services/Laundry.svg?url';
+// import LuggageTransportation from './Services/LuggageTransportation.svg?url';
+// import Maintenance from './Services/Maintenance.svg?url';
+// import Massage from './Services/Massage.svg?url';
+// import Photographer from './Services/Photographer.svg?url';
+// import Pressing from './Services/Pressing.svg?url';
+// import Shopping from './Services/Shopping.svg?url';
+// import SkiInAndOut from './Services/SkiInAndOut.svg?url';
+// import Spa from './Services/Spa.svg?url';
+// import Sterilizer from './Services/Sterilizer.svg?url';
+// import Stroller from './Services/Stroller.svg?url';
+// import VideoSurveillance from './Services/VideoSurveillance.svg?url';
+// import WelcomeGift from './Services/WelcomeGift.svg?url';
+//
+// /* SOCIALS */
+// import Facebook from './Socials/Facebook.svg?url';
+// import FacebookMessenger from './Socials/FacebookMessenger.svg?url';
+// import Flickr from './Socials/Flickr.svg?url';
+// import Google from './Socials/Google.svg?url';
+// import GoogleMonogram from './Socials/GoogleMonogram.svg?url';
+// import Instagram from './Socials/Instagram.svg?url';
+// import Pinterest from './Socials/Pinterest.svg?url';
+// import TripAdvisor from './Socials/TripAdvisor.svg?url';
+// import TripAdvisorMonogram from './Socials/TripAdvisorMonogram.svg?url';
+// import Twitter from './Socials/Twitter.svg?url';
+// import VK from './Socials/VK.svg?url';
+// import Vine from './Socials/Vine.svg?url';
+// import WeChat from './Socials/WeChat.svg?url';
+// import WeChatPay from './Socials/WeChatPay.svg?url';
+// import Weibo from './Socials/Weibo.svg?url';
+// import WhatsApp from './Socials/WhatsApp.svg?url';
+// import YouTube from './Socials/YouTube.svg?url';
+//
+// /* TRANSPORTS */
+// import Boat from './Transports/Boat.svg?url';
+// import Bus from './Transports/Bus.svg?url';
+// import CableCar from './Transports/CableCar.svg?url';
+// import Car from './Transports/Car.svg?url';
+// import GlobePlane from './Transports/GlobePlane.svg?url';
+// import GlobeTrident from './Transports/GlobeTrident.svg?url';
+// import Location from './Transports/Location.svg?url';
+// import Parking from './Transports/Parking.svg?url';
+// import PlaneDefault from './Transports/PlaneDefault.svg?url';
+// import PlaneInBound from './Transports/PlaneInBound.svg?url';
+// import PlaneNoPlane from './Transports/PlaneNoPlane.svg?url';
+// import PlaneOutbound from './Transports/PlaneOutbound.svg?url';
+// import Train from './Transports/Train.svg?url';
+//
+// /* UTILITIES */
+// import _360Videos from './Utilities/360Videos.svg?url';
+// import CalendarDefault from './Utilities/CalendarDefault.svg?url';
+// import CalendarFavorites from './Utilities/CalendarFavorites.svg?url';
+// import CalendarOptions from './Utilities/CalendarOptions.svg?url';
+// import CalendarPlus from './Utilities/CalendarPlus.svg?url';
+// import CallBack from './Utilities/CallBack.svg?url';
+// import ClockBack from './Utilities/ClockBack.svg?url';
+// import ClockDefault from './Utilities/ClockDefault.svg?url';
+// import ClockSpeed from './Utilities/ClockSpeed.svg?url';
+// import CreditCard from './Utilities/CreditCard.svg?url';
+// import DocumentChecklist from './Utilities/DocumentChecklist.svg?url';
+// import DocumentDefault from './Utilities/DocumentDefault.svg?url';
+// import DocumentInsurrance from './Utilities/DocumentInsurrance.svg?url';
+// import DocumentList from './Utilities/DocumentList.svg?url';
+// import DocumentPDF from './Utilities/DocumentPDF.svg?url';
+// import DocumentPassport from './Utilities/DocumentPassport.svg?url';
+// import DocumentTicket from './Utilities/DocumentTicket.svg?url';
+// import DocumentUserDetails from './Utilities/DocumentUserDetails.svg?url';
+// import Filters from './Utilities/Filters.svg?url';
+// import Folder from './Utilities/Folder.svg?url';
+// import GridDefault from './Utilities/GridDefault.svg?url';
+// import GridList from './Utilities/GridList.svg?url';
+// import HappyFirst from './Utilities/HappyFirst.svg?url';
+// import Home from './Utilities/Home.svg?url';
+// import Internet from './Utilities/Internet.svg?url';
+// import Invisible from './Utilities/Invisible.svg?url';
+// import LastMinute from './Utilities/LastMinute.svg?url';
+// import Letter from './Utilities/Letter.svg?url';
+// import Menu from './Utilities/Menu.svg?url';
+// import MenuClosed from './Utilities/MenuClosed.svg?url';
+// import Padlock from './Utilities/Padlock.svg?url';
+// import PaymentPlan from './Utilities/PaymentPlan.svg?url';
+// import PeopleBaby from './Utilities/PeopleBaby.svg?url';
+// import PeopleDouble from './Utilities/PeopleDouble.svg?url';
+// import PeopleFamily from './Utilities/PeopleFamily.svg?url';
+// import PeopleKids from './Utilities/PeopleKids.svg?url';
+// import PeopleSingle from './Utilities/PeopleSingle.svg?url';
+// import PeopleTeenagers from './Utilities/PeopleTeenagers.svg?url';
+// import Phone from './Utilities/Phone.svg?url';
+// import Pictures from './Utilities/Pictures.svg?url';
+// import PromoCode from './Utilities/PromoCode.svg?url';
+// import Questions from './Utilities/Questions.svg?url';
+// import SMS from './Utilities/SMS.svg?url';
+// import Smartphone from './Utilities/Smartphone.svg?url';
+// import SpecialOffers from './Utilities/SpecialOffers.svg?url';
+// import Videos from './Utilities/Videos.svg?url';
+// import Visible from './Utilities/Visible.svg?url';
+// import VoiceMail from './Utilities/VoiceMail.svg?url';
 
-/* ACTIVITIES */
-import AmazingFamily from './Activities/AmazingFamily.svg';
-import Archery from './Activities/Archery.svg';
-import Badminton from './Activities/Badminton.svg';
-import BocceBall from './Activities/BocceBall.svg';
-import Cardio from './Activities/Cardio.svg';
-import Circus from './Activities/Circus.svg';
-import Climbing from './Activities/Climbing.svg';
-import Danse from './Activities/Danse.svg';
-import Fitness from './Activities/Fitness.svg';
-import Golf from './Activities/Golf.svg';
-import HamamMen from './Activities/HamamMen.svg';
-import HamamWomen from './Activities/HamamWomen.svg';
-import Hiking from './Activities/Hiking.svg';
-import HorseRiding from './Activities/HorseRiding.svg';
-import IceSkating from './Activities/IceSkating.svg';
-import Kayak from './Activities/Kayak.svg';
-import Kitesurf from './Activities/Kitesurf.svg';
-import Multisports from './Activities/Multisports.svg';
-import Paddle from './Activities/Paddle.svg';
-import PaddleTennis from './Activities/PaddleTennis.svg';
-import PickleBall from './Activities/PickleBall.svg';
-import Running from './Activities/Running.svg';
-import Sailing from './Activities/Sailing.svg';
-import SaunaMen from './Activities/SaunaMen.svg';
-import SaunaWomen from './Activities/SaunaWomen.svg';
-import ScubaDiving from './Activities/ScubaDiving.svg';
-import Ski from './Activities/Ski.svg';
-import Snorkeling from './Activities/Snorkeling.svg';
-import Snowboard from './Activities/Snowboard.svg';
-import Snowshoeing from './Activities/Snowshoeing.svg';
-import Surf from './Activities/Surf.svg';
-import TableTennis from './Activities/TableTennis.svg';
-import Tennis from './Activities/Tennis.svg';
-import ThaiBoxing from './Activities/ThaiBoxing.svg';
-import Trapeze from './Activities/Trapeze.svg';
-import TreeClimbing from './Activities/TreeClimbing.svg';
-import VTT from './Activities/VTT.svg';
-import Volleyball from './Activities/Volleyball.svg';
-import WaterSkiing from './Activities/WaterSkiing.svg';
-import WaterVolley from './Activities/WaterVolley.svg';
-import Waterpolo from './Activities/Waterpolo.svg';
-import Windsurf from './Activities/Windsurf.svg';
-import Wingfoil from './Activities/Wingfoil.svg';
-import WinterHiking from './Activities/WinterHiking.svg';
-import Yoga from './Activities/Yoga.svg';
-
-/* BRANDS */
-import AllInclusiveDefault from './Brand/AllInclusiveDefault.svg';
-import AllInclusiveDonations from './Brand/AllInclusiveDonations.svg';
-import AllInclusiveFlexible from './Brand/AllInclusiveFlexible.svg';
-import BabyClubMed from './Brand/BabyClubMed.svg';
-import Bars from './Brand/Bars.svg';
-import ChillPass from './Brand/ChillPass.svg';
-import ClubMed from './Brand/ClubMed.svg';
-import Diamond from './Brand/Diamond.svg';
-import ExclusiveCollection from './Brand/ExclusiveCollection.svg';
-import HappyToCare from './Brand/HappyToCare.svg';
-import HappyToCareSmall from './Brand/HappyToCareSmall.svg';
-import MiniClubMed from './Brand/MiniClubMed.svg';
-import OnDemand from './Brand/OnDemand.svg';
-import PetitClubMed from './Brand/PetitClubMed.svg';
-import Restaurants from './Brand/Restaurants.svg';
-import Teens from './Brand/Teens.svg';
-import Trident from './Brand/Trident.svg';
-
-/* COVID */
-import Capacity from './Covid/Capacity.svg';
-import Cough from './Covid/Cough.svg';
-import DigitalTools from './Covid/DigitalTools.svg';
-import Disinfection from './Covid/Disinfection.svg';
-import Distance from './Covid/Distance.svg';
-import DoNotShakeHands from './Covid/DoNotShakeHands.svg';
-import Doctor from './Covid/Doctor.svg';
-import Gloves from './Covid/Gloves.svg';
-import Mask from './Covid/Mask.svg';
-import PCRTest from './Covid/PCRTest.svg';
-import SafeReception from './Covid/SafeReception.svg';
-import SafeRestaurant from './Covid/SafeRestaurant.svg';
-import SafeSpa from './Covid/SafeSpa.svg';
-import Soap from './Covid/Soap.svg';
-import Solution from './Covid/Solution.svg';
-import TemperatureCheck from './Covid/TemperatureCheck.svg';
-import WashHands from './Covid/WashHands.svg';
-
-/* FOOD */
-import Bar from './Food/Bar.svg';
-import Champagne from './Food/Champagne.svg';
-import Charcuterie from './Food/Charcuterie.svg';
-import Cheese from './Food/Cheese.svg';
-import CoffeeMachine from './Food/CoffeeMachine.svg';
-import ColdDrinks from './Food/ColdDrinks.svg';
-import ColdSandwich from './Food/ColdSandwich.svg';
-import Dessert from './Food/Dessert.svg';
-import GourmetLounge from './Food/GourmetLounge.svg';
-import Hamburger from './Food/Hamburger.svg';
-import HotDrinks from './Food/HotDrinks.svg';
-import HotSandwiches from './Food/HotSandwiches.svg';
-import Kitchen from './Food/Kitchen.svg';
-import KitchenEquipments from './Food/KitchenEquipments.svg';
-import Kitchenware from './Food/Kitchenware.svg';
-import Meal from './Food/Meal.svg';
-import Meat from './Food/Meat.svg';
-import PrivateMeal from './Food/PrivateMeal.svg';
-import Quiche from './Food/Quiche.svg';
-import Restaurant from './Food/Restaurant.svg';
-import Salad from './Food/Salad.svg';
-import Snacks from './Food/Snacks.svg';
-import Soup from './Food/Soup.svg';
-import TakeAway from './Food/TakeAway.svg';
-import Tapas from './Food/Tapas.svg';
-import TeaMaker from './Food/TeaMaker.svg';
-import Vegan from './Food/Vegan.svg';
-import Vegetables from './Food/Vegetables.svg';
-import Vegetarian from './Food/Vegetarian.svg';
-import WaterFountain from './Food/WaterFountain.svg';
-import Wine from './Food/Wine.svg';
-import WineCellar from './Food/WineCellar.svg';
-
-/* HAPPY TO CARE */
-import ActionsAgainstSexualTourism from './HappyToCare/ActionsAgainstSexualTourism.svg';
-import AnimalProtection from './HappyToCare/AnimalProtection.svg';
-import Biodiversity from './HappyToCare/Biodiversity.svg';
-import ByeByePlastic from './HappyToCare/ByeByePlastic.svg';
-import ClimateActions from './HappyToCare/ClimateActions.svg';
-import CulturalRespect from './HappyToCare/CulturalRespect.svg';
-import ElectricityManagement from './HappyToCare/ElectricityManagement.svg';
-import EnvironmentProtection from './HappyToCare/EnvironmentProtection.svg';
-import EqualOpportunities from './HappyToCare/EqualOpportunities.svg';
-import FarmersProgram from './HappyToCare/FarmersProgram.svg';
-import HealthyCorner from './HappyToCare/HealthyCorner.svg';
-import LocalChildrenWelcome from './HappyToCare/LocalChildrenWelcome.svg';
-import LocalDevelopment from './HappyToCare/LocalDevelopment.svg';
-import LocalSportSchool from './HappyToCare/LocalSportSchool.svg';
-import MaterialDonations from './HappyToCare/MaterialDonations.svg';
-import WellBeingAtWork from './HappyToCare/WellBeingAtWork.svg';
-
-/* PLACES */
-import BabyCleaning from './Places/BabyCleaning.svg';
-import BabyCorner from './Places/BabyCorner.svg';
-import Conference from './Places/Conference.svg';
-import Elevator from './Places/Elevator.svg';
-import Footpath from './Places/Footpath.svg';
-import InclusiveToilets from './Places/InclusiveToilets.svg';
-import Library from './Places/Library.svg';
-import Luggage from './Places/Luggage.svg';
-import MeetingPoint from './Places/MeetingPoint.svg';
-import Nursery from './Places/Nursery.svg';
-import PMR from './Places/PMR.svg';
-import PMRElevator from './Places/PMRElevator.svg';
-import Reception from './Places/Reception.svg';
-import SkiRoom from './Places/SkiRoom.svg';
-import SwimmingArea from './Places/SwimmingArea.svg';
-import Theater from './Places/Theater.svg';
-import ZenPool from './Places/ZenPool.svg';
-
-/* RESORT (FILL) */
-import AEXC_Fill from './ResortFill/AEXC_Fill.svg';
-import ALHC_Fill from './ResortFill/ALHC_Fill.svg';
-import ANJJ_Fill from './ResortFill/ANJJ_Fill.svg';
-import ARPC_Fill from './ResortFill/ARPC_Fill.svg';
-import BALC_Fill from './ResortFill/BALC_Fill.svg';
-import BEIC_Fill from './ResortFill/BEIC_Fill.svg';
-import BODC_Fill from './ResortFill/BODC_Fill.svg';
-import BUCC_Fill from './ResortFill/BUCC_Fill.svg';
-import Benin_Fill from './ResortFill/Benin_Fill.svg';
-import Borneo_Fill from './ResortFill/Borneo_Fill.svg';
-import CANC_Fill from './ResortFill/CANC_Fill.svg';
-import CARC_Fill from './ResortFill/CARC_Fill.svg';
-import CBAC_Fill from './ResortFill/CBAC_Fill.svg';
-import CGBJ_Fill from './ResortFill/CGBJ_Fill.svg';
-import CHEC_Fill from './ResortFill/CHEC_Fill.svg';
-import COLC_Fill from './ResortFill/COLC_Fill.svg';
-import CSKC_Fill from './ResortFill/CSKC_Fill.svg';
-import DBAC_Fill from './ResortFill/DBAC_Fill.svg';
-import DDOC_Fill from './ResortFill/DDOC_Fill.svg';
-import Foshan_Fill from './ResortFill/Foshan_Fill.svg';
-import GMAC_Fill from './ResortFill/GMAC_Fill.svg';
-import GREC_Fill from './ResortFill/GREC_Fill.svg';
-import GUIC_Fill from './ResortFill/GUIC_Fill.svg';
-import Heilongtan_Fill from './ResortFill/Heilongtan_Fill.svg';
-import IXTC_Fill from './ResortFill/IXTC_Fill.svg';
-import KABC_Fill from './ResortFill/KABC_Fill.svg';
-import KANC_Fill from './ResortFill/KANC_Fill.svg';
-import KEMC_Fill from './ResortFill/KEMC_Fill.svg';
-import KIGC_Fill from './ResortFill/KIGC_Fill.svg';
-import KIPC_Fill from './ResortFill/KIPC_Fill.svg';
-import LAKJ_Fill from './ResortFill/LAKJ_Fill.svg';
-import LAPC_Fill from './ResortFill/LAPC_Fill.svg';
-import LJIC_Fill from './ResortFill/LJIC_Fill.svg';
-import LPAC_Fill from './ResortFill/LPAC_Fill.svg';
-import LROC_Fill from './ResortFill/LROC_Fill.svg';
-import MAUC_Fill from './ResortFill/MAUC_Fill.svg';
-import MMAC_Fill from './ResortFill/MMAC_Fill.svg';
-import MPAC_Fill from './ResortFill/MPAC_Fill.svg';
-import OPIC_Fill from './ResortFill/OPIC_Fill.svg';
-import PALC_Fill from './ResortFill/PALC_Fill.svg';
-import PCAC_Fill from './ResortFill/PCAC_Fill.svg';
-import PHUC_Fill from './ResortFill/PHUC_Fill.svg';
-import PLAC_Fill from './ResortFill/PLAC_Fill.svg';
-import PRAC_Fill from './ResortFill/PRAC_Fill.svg';
-import PVAC_Fill from './ResortFill/PVAC_Fill.svg';
-import QCHC_Fill from './ResortFill/QCHC_Fill.svg';
-import RBIC_Fill from './ResortFill/RBIC_Fill.svg';
-import RDPC_Fill from './ResortFill/RDPC_Fill.svg';
-import SAOC_Fill from './ResortFill/SAOC_Fill.svg';
-import SCHC_Fill from './ResortFill/SCHC_Fill.svg';
-import SMRC_Fill from './ResortFill/SMRC_Fill.svg';
-import Shanwei_Fill from './ResortFill/Shanwei_Fill.svg';
-import TIGC_Fill from './ResortFill/TIGC_Fill.svg';
-import TOMC_Fill from './ResortFill/TOMC_Fill.svg';
-import TRAC_Fill from './ResortFill/TRAC_Fill.svg';
-import TURC_Fill from './ResortFill/TURC_Fill.svg';
-import Taicang_Fill from './ResortFill/Taicang_Fill.svg';
-import Thaiwoo_Fill from './ResortFill/Thaiwoo_Fill.svg';
-import VERC_Fill from './ResortFill/VERC_Fill.svg';
-import VMOC_Fill from './ResortFill/VMOC_Fill.svg';
-import VTHC_Fill from './ResortFill/VTHC_Fill.svg';
-import XLIJ_Fill from './ResortFill/XLIJ_Fill.svg';
-import YABC_Fill from './ResortFill/YABC_Fill.svg';
-import YANJ_Fill from './ResortFill/YANJ_Fill.svg';
-import YASC_Fill from './ResortFill/YASC_Fill.svg';
-
-/* RESORT (FILL) (EXCLUSIVE COLLECTION) */
-
-import ALBC_EC_Fill from './ResortFill-EC/ALBC_EC_Fill.svg';
-import ALBV_EC_Fill from './ResortFill-EC/ALBV_EC_Fill.svg';
-import ARPC_EC_Fill from './ResortFill-EC/ARPC_EC_Fill.svg';
-import CANC_EC_Fill from './ResortFill-EC/CANC_EC_Fill.svg';
-import CFAC_EC_Fill from './ResortFill-EC/CFAC_EC_Fill.svg';
-import CM2C_EC_Fill from './ResortFill-EC/CM2C_EC_Fill.svg';
-import GMAV_EC_Fill from './ResortFill-EC/GMAV_EC_Fill.svg';
-import KANC_EC_Fill from './ResortFill-EC/KANC_EC_Fill.svg';
-import KANV_EC_Fill from './ResortFill-EC/KANV_EC_Fill.svg';
-import LROC_EC_Fill from './ResortFill-EC/LROC_EC_Fill.svg';
-import MPAC_EC_Fill from './ResortFill-EC/MPAC_EC_Fill.svg';
-import MPEC_EC_Fill from './ResortFill-EC/MPEC_EC_Fill.svg';
-import PCAC_EC_Fill from './ResortFill-EC/PCAC_EC_Fill.svg';
-import QCHC_EC_Fill from './ResortFill-EC/QCHC_EC_Fill.svg';
-import RDPC_EC_Fill from './ResortFill-EC/RDPC_EC_Fill.svg';
-import SEYC_EC_Fill from './ResortFill-EC/SEYC_EC_Fill.svg';
-import TIGC_EC_Fill from './ResortFill-EC/TIGC_EC_Fill.svg';
-import Utah_EC_Fill from './ResortFill-EC/Utah_EC_Fill.svg';
-import VDIC_EC_Fill from './ResortFill-EC/VDIC_EC_Fill.svg';
-import VMOC_EC_Fill from './ResortFill-EC/VMOC_EC_Fill.svg';
-import VMOV_EC_Fill from './ResortFill-EC/VMOV_EC_Fill.svg';
-
-/* RESORT (OUTLINE) */
-
-import AEXC_Outline from './ResortOutline/AEXC_Outline.svg';
-import ALHC_Outline from './ResortOutline/ALHC_Outline.svg';
-import ANJJ_Outline from './ResortOutline/ANJJ_Outline.svg';
-import ARPC_Outline from './ResortOutline/ARPC_Outline.svg';
-import BALC_Outline from './ResortOutline/BALC_Outline.svg';
-import BEIC_Outline from './ResortOutline/BEIC_Outline.svg';
-import BODC_Outline from './ResortOutline/BODC_Outline.svg';
-import BUCC_Outline from './ResortOutline/BUCC_Outline.svg';
-import Benin_Outline from './ResortOutline/Benin_Outline.svg';
-import Borneo_Outline from './ResortOutline/Borneo_Outline.svg';
-import CANC_Outline from './ResortOutline/CANC_Outline.svg';
-import CARC_Outline from './ResortOutline/CARC_Outline.svg';
-import CBAC_Outline from './ResortOutline/CBAC_Outline.svg';
-import CGBJ_Outline from './ResortOutline/CGBJ_Outline.svg';
-import CHEC_Outline from './ResortOutline/CHEC_Outline.svg';
-import COLC_Outline from './ResortOutline/COLC_Outline.svg';
-import CSKC_Outline from './ResortOutline/CSKC_Outline.svg';
-import DBAC_Outline from './ResortOutline/DBAC_Outline.svg';
-import DDOC_Outline from './ResortOutline/DDOC_Outline.svg';
-import Foshan_Outline from './ResortOutline/Foshan_Outline.svg';
-import GMAC_Outline from './ResortOutline/GMAC_Outline.svg';
-import GREC_Outline from './ResortOutline/GREC_Outline.svg';
-import GUIC_Outline from './ResortOutline/GUIC_Outline.svg';
-import Heilongtan_Outline from './ResortOutline/Heilongtan_Outline.svg';
-import IXTC_Outline from './ResortOutline/IXTC_Outline.svg';
-import KABC_Outline from './ResortOutline/KABC_Outline.svg';
-import KANC_Outline from './ResortOutline/KANC_Outline.svg';
-import KEMC_Outline from './ResortOutline/KEMC_Outline.svg';
-import KIGC_Outline from './ResortOutline/KIGC_Outline.svg';
-import KIPC_Outline from './ResortOutline/KIPC_Outline.svg';
-import LAKJ_Outline from './ResortOutline/LAKJ_Outline.svg';
-import LAPC_Outline from './ResortOutline/LAPC_Outline.svg';
-import LJIC_Outline from './ResortOutline/LJIC_Outline.svg';
-import LPAC_Outline from './ResortOutline/LPAC_Outline.svg';
-import LROC_Outline from './ResortOutline/LROC_Outline.svg';
-import MAUC_Outline from './ResortOutline/MAUC_Outline.svg';
-import MMAC_Outline from './ResortOutline/MMAC_Outline.svg';
-import MPAC_Outline from './ResortOutline/MPAC_Outline.svg';
-import OPIC_Outline from './ResortOutline/OPIC_Outline.svg';
-import PALC_Outline from './ResortOutline/PALC_Outline.svg';
-import PCAC_Outline from './ResortOutline/PCAC_Outline.svg';
-import PHUC_Outline from './ResortOutline/PHUC_Outline.svg';
-import PLAC_Outline from './ResortOutline/PLAC_Outline.svg';
-import PRAC_Outline from './ResortOutline/PRAC_Outline.svg';
-import PVAC_Outline from './ResortOutline/PVAC_Outline.svg';
-import QCHC_Outline from './ResortOutline/QCHC_Outline.svg';
-import RBIC_Outline from './ResortOutline/RBIC_Outline.svg';
-import RDPC_Outline from './ResortOutline/RDPC_Outline.svg';
-import SAOC_Outline from './ResortOutline/SAOC_Outline.svg';
-import SCHC_Outline from './ResortOutline/SCHC_Outline.svg';
-import SMRC_Outline from './ResortOutline/SMRC_Outline.svg';
-import Shanwei_Outline from './ResortOutline/Shanwei_Outline.svg';
-import TIGC_Outline from './ResortOutline/TIGC_Outline.svg';
-import TOMC_Outline from './ResortOutline/TOMC_Outline.svg';
-import TRAC_Outline from './ResortOutline/TRAC_Outline.svg';
-import TURC_Outline from './ResortOutline/TURC_Outline.svg';
-import Taican_Outline from './ResortOutline/Taican_Outline.svg';
-import Thaiwoo_Outline from './ResortOutline/Thaiwoo_Outline.svg';
-import VERC_Outline from './ResortOutline/VERC_Outline.svg';
-import VMOC_Outline from './ResortOutline/VMOC_Outline.svg';
-import VTHC_Outline from './ResortOutline/VTHC_Outline.svg';
-import XLIJ_Outline from './ResortOutline/XLIJ_Outline.svg';
-import YABC_Outline from './ResortOutline/YABC_Outline.svg';
-import YANJ_Outline from './ResortOutline/YANJ_Outline.svg';
-import YASC_Outline from './ResortOutline/YASC_Outline.svg';
-
-/* RESORT (OUTLINE) (EXCLUSIVE COLLECTION) */
-
-import ALBC_EC_Outline from './ResortOutline-EC/ALBC_EC_Outline.svg';
-import ALBV_EC_Outline from './ResortOutline-EC/ALBV_EC_Outline.svg';
-import ARPC_EC_Outline from './ResortOutline-EC/ARPC_EC_Outline.svg';
-import CANC_EC_Outline from './ResortOutline-EC/CANC_EC_Outline.svg';
-import CFAC_EC_Outline from './ResortOutline-EC/CFAC_EC_Outline.svg';
-import CM2C_EC_Outline from './ResortOutline-EC/CM2C_EC_Outline.svg';
-import GMAV_EC_Outline from './ResortOutline-EC/GMAV_EC_Outline.svg';
-import KANC_EC_Outline from './ResortOutline-EC/KANC_EC_Outline.svg';
-import KANV_EC_Outline from './ResortOutline-EC/KANV_EC_Outline.svg';
-import LROC_EC_Outline from './ResortOutline-EC/LROC_EC_Outline.svg';
-import MPAC_EC_Outline from './ResortOutline-EC/MPAC_EC_Outline.svg';
-import MPEC_EC_Outline from './ResortOutline-EC/MPEC_EC_Outline.svg';
-import PCAC_EC_Outline from './ResortOutline-EC/PCAC_EC_Outline.svg';
-import QCHC_EC_Outline from './ResortOutline-EC/QCHC_EC_Outline.svg';
-import RDPC_EC_Outline from './ResortOutline-EC/RDPC_EC_Outline.svg';
-import SEYC_EC_Outline from './ResortOutline-EC/SEYC_EC_Outline.svg';
-import TIGC_EC_Outline from './ResortOutline-EC/TIGC_EC_Outline.svg';
-import Utah_EC_Outline from './ResortOutline-EC/Utah_EC_Outline.svg';
-import VDIC_EC_Outline from './ResortOutline-EC/VDIC_EC_Outline.svg';
-import VMOC_EC_Outline from './ResortOutline-EC/VMOC_EC_Outline.svg';
-import VMOV_EC_Outline from './ResortOutline-EC/VMOV_EC_Outline.svg';
-
-/* ROOM */
-import AC from './Room/AC.svg';
-import Amenities from './Room/Amenities.svg';
-import BabyBed from './Room/BabyBed.svg';
-import Balcony from './Room/Balcony.svg';
-import Balneotherapy from './Room/Balneotherapy.svg';
-import Bathrobe from './Room/Bathrobe.svg';
-import BathtubShower from './Room/BathtubShower.svg';
-import BeachTowel from './Room/BeachTowel.svg';
-import Bedroom from './Room/Bedroom.svg';
-import Bidet from './Room/Bidet.svg';
-import ChildrenSeparatedRoom from './Room/ChildrenSeparatedRoom.svg';
-import Daybed from './Room/Daybed.svg';
-import Dressing from './Room/Dressing.svg';
-import Dryer from './Room/Dryer.svg';
-import DualBasin from './Room/DualBasin.svg';
-import Electricity from './Room/Electricity.svg';
-import Fireplace from './Room/Fireplace.svg';
-import Fridge from './Room/Fridge.svg';
-import Household from './Room/Household.svg';
-import LoungeAreaInside from './Room/LoungeAreaInside.svg';
-import LoungeAreaOutside from './Room/LoungeAreaOutside.svg';
-import MagnifyingMirror from './Room/MagnifyingMirror.svg';
-import Multimedia from './Room/Multimedia.svg';
-import Ofuro from './Room/Ofuro.svg';
-import RoomSafe from './Room/RoomSafe.svg';
-import RoomService from './Room/RoomService.svg';
-import SeparatedRoom from './Room/SeparatedRoom.svg';
-import SeparatedWC from './Room/SeparatedWC.svg';
-import Shower from './Room/Shower.svg';
-import ShowerPMR from './Room/ShowerPMR.svg';
-import ShowerWC from './Room/ShowerWC.svg';
-import Size from './Room/Size.svg';
-import TV from './Room/TV.svg';
-import WIFI from './Room/WIFI.svg';
-
-/* SERVICES */
-import AllInclusive from './Services/AllInclusive.svg';
-import BabyBottle from './Services/BabyBottle.svg';
-import BabyWelcome from './Services/BabyWelcome.svg';
-import ClothesDryer from './Services/ClothesDryer.svg';
-import Concierge from './Services/Concierge.svg';
-import FourtyFive from './Services/FourtyFive.svg';
-import Hairdresser from './Services/Hairdresser.svg';
-import KidSupervisory from './Services/KidSupervisory.svg';
-import Laundry from './Services/Laundry.svg';
-import LuggageTransportation from './Services/LuggageTransportation.svg';
-import Maintenance from './Services/Maintenance.svg';
-import Massage from './Services/Massage.svg';
-import Photographer from './Services/Photographer.svg';
-import Pressing from './Services/Pressing.svg';
-import Shopping from './Services/Shopping.svg';
-import SkiInAndOut from './Services/SkiInAndOut.svg';
-import Spa from './Services/Spa.svg';
-import Sterilizer from './Services/Sterilizer.svg';
-import Stroller from './Services/Stroller.svg';
-import VideoSurveillance from './Services/VideoSurveillance.svg';
-import WelcomeGift from './Services/WelcomeGift.svg';
-
-/* SOCIALS */
-import Facebook from './Socials/Facebook.svg';
-import FacebookMessenger from './Socials/FacebookMessenger.svg';
-import Flickr from './Socials/Flickr.svg';
-import Google from './Socials/Google.svg';
-import GoogleMonogram from './Socials/GoogleMonogram.svg';
-import Instagram from './Socials/Instagram.svg';
-import Pinterest from './Socials/Pinterest.svg';
-import TripAdvisor from './Socials/TripAdvisor.svg';
-import TripAdvisorMonogram from './Socials/TripAdvisorMonogram.svg';
-import Twitter from './Socials/Twitter.svg';
-import VK from './Socials/VK.svg';
-import Vine from './Socials/Vine.svg';
-import WeChat from './Socials/WeChat.svg';
-import WeChatPay from './Socials/WeChatPay.svg';
-import Weibo from './Socials/Weibo.svg';
-import WhatsApp from './Socials/WhatsApp.svg';
-import YouTube from './Socials/YouTube.svg';
-
-/* TRANSPORTS */
-import Boat from './Transports/Boat.svg';
-import Bus from './Transports/Bus.svg';
-import CableCar from './Transports/CableCar.svg';
-import Car from './Transports/Car.svg';
-import GlobePlane from './Transports/GlobePlane.svg';
-import GlobeTrident from './Transports/GlobeTrident.svg';
-import Location from './Transports/Location.svg';
-import Parking from './Transports/Parking.svg';
-import PlaneDefault from './Transports/PlaneDefault.svg';
-import PlaneInBound from './Transports/PlaneInBound.svg';
-import PlaneNoPlane from './Transports/PlaneNoPlane.svg';
-import PlaneOutbound from './Transports/PlaneOutbound.svg';
-import Train from './Transports/Train.svg';
-
-/* UTILITIES */
-import _360Videos from './Utilities/360Videos.svg';
-import CalendarDefault from './Utilities/CalendarDefault.svg';
-import CalendarFavorites from './Utilities/CalendarFavorites.svg';
-import CalendarOptions from './Utilities/CalendarOptions.svg';
-import CalendarPlus from './Utilities/CalendarPlus.svg';
-import CallBack from './Utilities/CallBack.svg';
-import ClockBack from './Utilities/ClockBack.svg';
-import ClockDefault from './Utilities/ClockDefault.svg';
-import ClockSpeed from './Utilities/ClockSpeed.svg';
-import CreditCard from './Utilities/CreditCard.svg';
-import DocumentChecklist from './Utilities/DocumentChecklist.svg';
-import DocumentDefault from './Utilities/DocumentDefault.svg';
-import DocumentInsurrance from './Utilities/DocumentInsurrance.svg';
-import DocumentList from './Utilities/DocumentList.svg';
-import DocumentPDF from './Utilities/DocumentPDF.svg';
-import DocumentPassport from './Utilities/DocumentPassport.svg';
-import DocumentTicket from './Utilities/DocumentTicket.svg';
-import DocumentUserDetails from './Utilities/DocumentUserDetails.svg';
-import Filters from './Utilities/Filters.svg';
-import Folder from './Utilities/Folder.svg';
-import GridDefault from './Utilities/GridDefault.svg';
-import GridList from './Utilities/GridList.svg';
-import HappyFirst from './Utilities/HappyFirst.svg';
-import Home from './Utilities/Home.svg';
-import Internet from './Utilities/Internet.svg';
-import Invisible from './Utilities/Invisible.svg';
-import LastMinute from './Utilities/LastMinute.svg';
-import Letter from './Utilities/Letter.svg';
-import Menu from './Utilities/Menu.svg';
-import MenuClosed from './Utilities/MenuClosed.svg';
-import Padlock from './Utilities/Padlock.svg';
-import PaymentPlan from './Utilities/PaymentPlan.svg';
-import PeopleBaby from './Utilities/PeopleBaby.svg';
-import PeopleDouble from './Utilities/PeopleDouble.svg';
-import PeopleFamily from './Utilities/PeopleFamily.svg';
-import PeopleKids from './Utilities/PeopleKids.svg';
-import PeopleSingle from './Utilities/PeopleSingle.svg';
-import PeopleTeenagers from './Utilities/PeopleTeenagers.svg';
-import Phone from './Utilities/Phone.svg';
-import Pictures from './Utilities/Pictures.svg';
-import PromoCode from './Utilities/PromoCode.svg';
-import Questions from './Utilities/Questions.svg';
-import SMS from './Utilities/SMS.svg';
-import Smartphone from './Utilities/Smartphone.svg';
-import SpecialOffers from './Utilities/SpecialOffers.svg';
-import Videos from './Utilities/Videos.svg';
-import Visible from './Utilities/Visible.svg';
-import VoiceMail from './Utilities/VoiceMail.svg';
+type SvgComponent = ComponentType<ComponentProps<'svg'> & { title?: string }>;
 
 interface Icon {
-  url: string;
+  // url string;
+  element: LazyExoticComponent<SvgComponent>;
   viewBox: string;
   aspectRatio: number;
   intrinsicRotation?: number;
@@ -529,207 +531,292 @@ type IconsSet<Set extends Record<string, Icon> = Record<string, Icon>> = {
 
 export const Actions = {
   ArrowDefaultDown: {
-    url: `${ArrowDefault}#ArrowDefault`,
+    // url `${ArrowDefault}#ArrowDefault`,
+    element: lazy(() => import('./Actions/ArrowDefault.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
     intrinsicRotation: 90,
   },
   ArrowDefaultLeft: {
-    url: `${ArrowDefault}#ArrowDefault`,
+    // url `${ArrowDefault}#ArrowDefault`,
+    element: lazy(() => import('./Actions/ArrowDefault.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
     intrinsicRotation: 180,
     intrinsicClassName: 'rtl:-scale-x-100',
   },
   ArrowDefaultRight: {
-    url: `${ArrowDefault}#ArrowDefault`,
+    // url `${ArrowDefault}#ArrowDefault`,
+    element: lazy(() => import('./Actions/ArrowDefault.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
     intrinsicClassName: 'rtl:-scale-x-100',
   },
   ArrowDefaultUp: {
-    url: `${ArrowDefault}#ArrowDefault`,
+    // url `${ArrowDefault}#ArrowDefault`,
+    element: lazy(() => import('./Actions/ArrowDefault.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
     intrinsicRotation: 270,
   },
   ArrowFilledDown: {
-    url: `${ArrowFilled}#ArrowFilled`,
+    // url `${ArrowFilled}#ArrowFilled`,
+    element: lazy(() => import('./Actions/ArrowFilled.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
     intrinsicRotation: 90,
   },
   ArrowFilledLeft: {
-    url: `${ArrowFilled}#ArrowFilled`,
+    // url `${ArrowFilled}#ArrowFilled`,
+    element: lazy(() => import('./Actions/ArrowFilled.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
     intrinsicRotation: 180,
     intrinsicClassName: 'rtl:-scale-x-100',
   },
   ArrowFilledRight: {
-    url: `${ArrowFilled}#ArrowFilled`,
+    // url `${ArrowFilled}#ArrowFilled`,
+    element: lazy(() => import('./Actions/ArrowFilled.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
     intrinsicClassName: 'rtl:-scale-x-100',
   },
   ArrowFilledUp: {
-    url: `${ArrowFilled}#ArrowFilled`,
+    // url `${ArrowFilled}#ArrowFilled`,
+    element: lazy(() => import('./Actions/ArrowFilled.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
     intrinsicRotation: 270,
   },
   ArrowOutlinedDown: {
-    url: `${ArrowOutlined}#ArrowOutlined`,
+    // url `${ArrowOutlined}#ArrowOutlined`,
+    element: lazy(() => import('./Actions/ArrowOutlined.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
     intrinsicRotation: 90,
   },
   ArrowOutlinedLeft: {
-    url: `${ArrowOutlined}#ArrowOutlined`,
+    // url `${ArrowOutlined}#ArrowOutlined`,
+    element: lazy(() => import('./Actions/ArrowOutlined.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
     intrinsicRotation: 180,
     intrinsicClassName: 'rtl:-scale-x-100',
   },
   ArrowOutlinedRight: {
-    url: `${ArrowOutlined}#ArrowOutlined`,
+    // url `${ArrowOutlined}#ArrowOutlined`,
+    element: lazy(() => import('./Actions/ArrowOutlined.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
     intrinsicClassName: 'rtl:-scale-x-100',
   },
   ArrowOutlinedUp: {
-    url: `${ArrowOutlined}#ArrowOutlined`,
+    // url `${ArrowOutlined}#ArrowOutlined`,
+    element: lazy(() => import('./Actions/ArrowOutlined.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
     intrinsicRotation: 270,
   },
   ArrowTailDown: {
-    url: `${ArrowTail}#ArrowTail`,
+    // url `${ArrowTail}#ArrowTail`,
+    element: lazy(() => import('./Actions/ArrowTail.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
     intrinsicRotation: 90,
   },
   ArrowTailLeft: {
-    url: `${ArrowTail}#ArrowTail`,
+    // url `${ArrowTail}#ArrowTail`,
+    element: lazy(() => import('./Actions/ArrowTail.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
     intrinsicRotation: 180,
     intrinsicClassName: 'rtl:-scale-x-100',
   },
   ArrowTailRight: {
-    url: `${ArrowTail}#ArrowTail`,
+    // url `${ArrowTail}#ArrowTail`,
+    element: lazy(() => import('./Actions/ArrowTail.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
     intrinsicClassName: 'rtl:-scale-x-100',
   },
   ArrowTailUp: {
-    url: `${ArrowTail}#ArrowTail`,
+    // url `${ArrowTail}#ArrowTail`,
+    element: lazy(() => import('./Actions/ArrowTail.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
     intrinsicRotation: 270,
   },
   CheckDefault: {
-    url: `${CheckDefault}#CheckDefault`,
+    // url `${CheckDefault}#CheckDefault`,
+    element: lazy(() => import('./Actions/CheckDefault.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
   CheckFilled: {
-    url: `${CheckFilled}#CheckFilled`,
+    // url `${CheckFilled}#CheckFilled`,
+    element: lazy(() => import('./Actions/CheckFilled.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
   CheckOutlined: {
-    url: `${CheckOutlined}#CheckOutlined`,
+    // url `${CheckOutlined}#CheckOutlined`,
+    element: lazy(() => import('./Actions/CheckOutlined.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
   Clipboard: {
-    url: `${Clipboard}#Clipboard`,
+    // url `${Clipboard}#Clipboard`,
+    element: lazy(() => import('./Actions/Clipboard.svg?react')),
+    viewBox: '0 0 30 30',
+    aspectRatio: 1,
+  },
+  Compare: {
+    // url `${Compare}#Compare`,
+    element: lazy(() => import('./Actions/Compare.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
-  Compare: { url: `${Compare}#Compare`, viewBox: '0 0 30 30', aspectRatio: 1 },
   CrossDefault: {
-    url: `${CrossDefault}#CrossDefault`,
+    // url `${CrossDefault}#CrossDefault`,
+    element: lazy(() => import('./Actions/CrossDefault.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
   CrossFilled: {
-    url: `${CrossFilled}#CrossFilled`,
+    // url `${CrossFilled}#CrossFilled`,
+    element: lazy(() => import('./Actions/CrossFilled.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
   CrossOutlined: {
-    url: `${CrossOutlined}#CrossOutlined`,
+    // url `${CrossOutlined}#CrossOutlined`,
+    element: lazy(() => import('./Actions/CrossOutlined.svg?react')),
+    viewBox: '0 0 30 30',
+    aspectRatio: 1,
+  },
+  Delete: {
+    // url `${Delete}#Delete`,
+    element: lazy(() => import('./Actions/Delete.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
-  Delete: { url: `${Delete}#Delete`, viewBox: '0 0 30 30', aspectRatio: 1 },
   Download: {
-    url: `${Download}#Download`,
+    // url `${Download}#Download`,
+    element: lazy(() => import('./Actions/Download.svg?react')),
+    viewBox: '0 0 30 30',
+    aspectRatio: 1,
+  },
+  Edit: {
+    // url `${Edit}#Edit`,
+    element: lazy(() => import('./Actions/Edit.svg?react')),
+    viewBox: '0 0 30 30',
+    aspectRatio: 1,
+  },
+  Error: {
+    // url `${Error}#Error`,
+    element: lazy(() => import('./Actions/Error.svg?react')),
+    viewBox: '0 0 30 30',
+    aspectRatio: 1,
+  },
+  Expand: {
+    // url `${Expand}#Expand`,
+    element: lazy(() => import('./Actions/Expand.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
-  Edit: { url: `${Edit}#Edit`, viewBox: '0 0 30 30', aspectRatio: 1 },
-  Error: { url: `${Error}#Error`, viewBox: '0 0 30 30', aspectRatio: 1 },
-  Expand: { url: `${Expand}#Expand`, viewBox: '0 0 30 30', aspectRatio: 1 },
   HeartFilled: {
-    url: `${HeartFilled}#HeartFilled`,
+    // url `${HeartFilled}#HeartFilled`,
+    element: lazy(() => import('./Actions/HeartFilled.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
   HeartOutlined: {
-    url: `${HeartOutlined}#HeartOutlined`,
+    // url `${HeartOutlined}#HeartOutlined`,
+    element: lazy(() => import('./Actions/HeartOutlined.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
   Information: {
-    url: `${Information}#Information`,
+    // url `${Information}#Information`,
+    element: lazy(() => import('./Actions/Information.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
   MinusDefault: {
-    url: `${MinusDefault}#MinusDefault`,
+    // url `${MinusDefault}#MinusDefault`,
+    element: lazy(() => import('./Actions/MinusDefault.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
   MinusFilled: {
-    url: `${MinusFilled}#MinusFilled`,
+    // url `${MinusFilled}#MinusFilled`,
+    element: lazy(() => import('./Actions/MinusFilled.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
   MinusOutlined: {
-    url: `${MinusOutlined}#MinusOutlined`,
+    // url `${MinusOutlined}#MinusOutlined`,
+    element: lazy(() => import('./Actions/MinusOutlined.svg?react')),
+    viewBox: '0 0 30 30',
+    aspectRatio: 1,
+  },
+  New: {
+    // url `${New}#New`,
+    element: lazy(() => import('./Actions/New.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
-  New: { url: `${New}#New`, viewBox: '0 0 30 30', aspectRatio: 1 },
   PlusDefault: {
-    url: `${PlusDefault}#PlusDefault`,
+    // url `${PlusDefault}#PlusDefault`,
+    element: lazy(() => import('./Actions/PlusDefault.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
   PlusFilled: {
-    url: `${PlusFilled}#PlusFilled`,
+    // url `${PlusFilled}#PlusFilled`,
+    element: lazy(() => import('./Actions/PlusFilled.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
   PlusOutlined: {
-    url: `${PlusOutlined}#PlusOutlined`,
+    // url `${PlusOutlined}#PlusOutlined`,
+    element: lazy(() => import('./Actions/PlusOutlined.svg?react')),
+    viewBox: '0 0 30 30',
+    aspectRatio: 1,
+  },
+  Reduce: {
+    // url `${Reduce}#Reduce`,
+    element: lazy(() => import('./Actions/Reduce.svg?react')),
+    viewBox: '0 0 30 30',
+    aspectRatio: 1,
+  },
+  Reload: {
+    // url `${Reload}#Reload`,
+    element: lazy(() => import('./Actions/Reload.svg?react')),
+    viewBox: '0 0 30 30',
+    aspectRatio: 1,
+  },
+  Search: {
+    // url `${Search}#Search`,
+    element: lazy(() => import('./Actions/Search.svg?react')),
+    viewBox: '0 0 30 30',
+    aspectRatio: 1,
+  },
+  Share: {
+    // url `${Share}#Share`,
+    element: lazy(() => import('./Actions/Share.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
-  Reduce: { url: `${Reduce}#Reduce`, viewBox: '0 0 30 30', aspectRatio: 1 },
-  Reload: { url: `${Reload}#Reload`, viewBox: '0 0 30 30', aspectRatio: 1 },
-  Search: { url: `${Search}#Search`, viewBox: '0 0 30 30', aspectRatio: 1 },
-  Share: { url: `${Share}#Share`, viewBox: '0 0 30 30', aspectRatio: 1 },
   StarFilled: {
-    url: `${StarFilled}#StarFilled`,
+    // url `${StarFilled}#StarFilled`,
+    element: lazy(() => import('./Actions/StarFilled.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
   StarOutlined: {
-    url: `${StarOutlined}#StarOutlined`,
+    // url `${StarOutlined}#StarOutlined`,
+    element: lazy(() => import('./Actions/StarOutlined.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
@@ -737,406 +824,677 @@ export const Actions = {
 
 export const Activities = {
   AmazingFamily: {
-    url: `${AmazingFamily}#AmazingFamily`,
+    // url `${AmazingFamily}#AmazingFamily`,
+    element: lazy(() => import('./Activities/AmazingFamily.svg?react')),
+    viewBox: '0 0 30 30',
+    aspectRatio: 1,
+  },
+  Archery: {
+    // url `${Archery}#Archery`,
+    element: lazy(() => import('./Activities/Archery.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
-  Archery: { url: `${Archery}#Archery`, viewBox: '0 0 30 30', aspectRatio: 1 },
   Badminton: {
-    url: `${Badminton}#Badminton`,
+    // url `${Badminton}#Badminton`,
+    element: lazy(() => import('./Activities/Badminton.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
   BocceBall: {
-    url: `${BocceBall}#BocceBall`,
+    // url `${BocceBall}#BocceBall`,
+    element: lazy(() => import('./Activities/BocceBall.svg?react')),
+    viewBox: '0 0 30 30',
+    aspectRatio: 1,
+  },
+  Cardio: {
+    // url `${Cardio}#Cardio`,
+    element: lazy(() => import('./Activities/Cardio.svg?react')),
+    viewBox: '0 0 30 30',
+    aspectRatio: 1,
+  },
+  Circus: {
+    // url `${Circus}#Circus`,
+    element: lazy(() => import('./Activities/Circus.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
-  Cardio: { url: `${Cardio}#Cardio`, viewBox: '0 0 30 30', aspectRatio: 1 },
-  Circus: { url: `${Circus}#Circus`, viewBox: '0 0 30 30', aspectRatio: 1 },
   Climbing: {
-    url: `${Climbing}#Climbing`,
+    // url `${Climbing}#Climbing`,
+    element: lazy(() => import('./Activities/Climbing.svg?react')),
+    viewBox: '0 0 30 30',
+    aspectRatio: 1,
+  },
+  Danse: {
+    // url `${Danse}#Danse`,
+    element: lazy(() => import('./Activities/Danse.svg?react')),
+    viewBox: '0 0 30 30',
+    aspectRatio: 1,
+  },
+  Fitness: {
+    // url `${Fitness}#Fitness`,
+    element: lazy(() => import('./Activities/Fitness.svg?react')),
+    viewBox: '0 0 30 30',
+    aspectRatio: 1,
+  },
+  Golf: {
+    // url `${Golf}#Golf`,
+    element: lazy(() => import('./Activities/Golf.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
-  Danse: { url: `${Danse}#Danse`, viewBox: '0 0 30 30', aspectRatio: 1 },
-  Fitness: { url: `${Fitness}#Fitness`, viewBox: '0 0 30 30', aspectRatio: 1 },
-  Golf: { url: `${Golf}#Golf`, viewBox: '0 0 30 30', aspectRatio: 1 },
   HamamMen: {
-    url: `${HamamMen}#HamamMen`,
+    // url `${HamamMen}#HamamMen`,
+    element: lazy(() => import('./Activities/HamamMen.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
   HamamWomen: {
-    url: `${HamamWomen}#HamamWomen`,
+    // url `${HamamWomen}#HamamWomen`,
+    element: lazy(() => import('./Activities/HamamWomen.svg?react')),
+    viewBox: '0 0 30 30',
+    aspectRatio: 1,
+  },
+  Hiking: {
+    // url `${Hiking}#Hiking`,
+    element: lazy(() => import('./Activities/Hiking.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
-  Hiking: { url: `${Hiking}#Hiking`, viewBox: '0 0 30 30', aspectRatio: 1 },
   HorseRiding: {
-    url: `${HorseRiding}#HorseRiding`,
+    // url `${HorseRiding}#HorseRiding`,
+    element: lazy(() => import('./Activities/HorseRiding.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
   IceSkating: {
-    url: `${IceSkating}#IceSkating`,
+    // url `${IceSkating}#IceSkating`,
+    element: lazy(() => import('./Activities/IceSkating.svg?react')),
+    viewBox: '0 0 30 30',
+    aspectRatio: 1,
+  },
+  Kayak: {
+    // url `${Kayak}#Kayak`,
+    element: lazy(() => import('./Activities/Kayak.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
-  Kayak: { url: `${Kayak}#Kayak`, viewBox: '0 0 30 30', aspectRatio: 1 },
   Kitesurf: {
-    url: `${Kitesurf}#Kitesurf`,
+    // url `${Kitesurf}#Kitesurf`,
+    element: lazy(() => import('./Activities/Kitesurf.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
   Multisports: {
-    url: `${Multisports}#Multisports`,
+    // url `${Multisports}#Multisports`,
+    element: lazy(() => import('./Activities/Multisports.svg?react')),
+    viewBox: '0 0 30 30',
+    aspectRatio: 1,
+  },
+  Paddle: {
+    // url `${Paddle}#Paddle`,
+    element: lazy(() => import('./Activities/Paddle.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
-  Paddle: { url: `${Paddle}#Paddle`, viewBox: '0 0 30 30', aspectRatio: 1 },
   PaddleTennis: {
-    url: `${PaddleTennis}#PaddleTennis`,
+    // url `${PaddleTennis}#PaddleTennis`,
+    element: lazy(() => import('./Activities/PaddleTennis.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
   PickleBall: {
-    url: `${PickleBall}#PickleBall`,
+    // url `${PickleBall}#PickleBall`,
+    element: lazy(() => import('./Activities/PickleBall.svg?react')),
+    viewBox: '0 0 30 30',
+    aspectRatio: 1,
+  },
+  Running: {
+    // url `${Running}#Running`,
+    element: lazy(() => import('./Activities/Running.svg?react')),
+    viewBox: '0 0 30 30',
+    aspectRatio: 1,
+  },
+  Sailing: {
+    // url `${Sailing}#Sailing`,
+    element: lazy(() => import('./Activities/Sailing.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
-  Running: { url: `${Running}#Running`, viewBox: '0 0 30 30', aspectRatio: 1 },
-  Sailing: { url: `${Sailing}#Sailing`, viewBox: '0 0 30 30', aspectRatio: 1 },
   SaunaMen: {
-    url: `${SaunaMen}#SaunaMen`,
+    // url `${SaunaMen}#SaunaMen`,
+    element: lazy(() => import('./Activities/SaunaMen.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
   SaunaWomen: {
-    url: `${SaunaWomen}#SaunaWomen`,
+    // url `${SaunaWomen}#SaunaWomen`,
+    element: lazy(() => import('./Activities/SaunaWomen.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
   ScubaDiving: {
-    url: `${ScubaDiving}#ScubaDiving`,
+    // url `${ScubaDiving}#ScubaDiving`,
+    element: lazy(() => import('./Activities/ScubaDiving.svg?react')),
+    viewBox: '0 0 30 30',
+    aspectRatio: 1,
+  },
+  Ski: {
+    // url `${Ski}#Ski`,
+    element: lazy(() => import('./Activities/Ski.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
-  Ski: { url: `${Ski}#Ski`, viewBox: '0 0 30 30', aspectRatio: 1 },
   Snorkeling: {
-    url: `${Snorkeling}#Snorkeling`,
+    // url `${Snorkeling}#Snorkeling`,
+    element: lazy(() => import('./Activities/Snorkeling.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
   Snowboard: {
-    url: `${Snowboard}#Snowboard`,
+    // url `${Snowboard}#Snowboard`,
+    element: lazy(() => import('./Activities/Snowboard.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
   Snowshoeing: {
-    url: `${Snowshoeing}#Snowshoeing`,
+    // url `${Snowshoeing}#Snowshoeing`,
+    element: lazy(() => import('./Activities/Snowshoeing.svg?react')),
+    viewBox: '0 0 30 30',
+    aspectRatio: 1,
+  },
+  Surf: {
+    // url `${Surf}#Surf`,
+    element: lazy(() => import('./Activities/Surf.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
-  Surf: { url: `${Surf}#Surf`, viewBox: '0 0 30 30', aspectRatio: 1 },
   TableTennis: {
-    url: `${TableTennis}#TableTennis`,
+    // url `${TableTennis}#TableTennis`,
+    element: lazy(() => import('./Activities/TableTennis.svg?react')),
+    viewBox: '0 0 30 30',
+    aspectRatio: 1,
+  },
+  Tennis: {
+    // url `${Tennis}#Tennis`,
+    element: lazy(() => import('./Activities/Tennis.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
-  Tennis: { url: `${Tennis}#Tennis`, viewBox: '0 0 30 30', aspectRatio: 1 },
   ThaiBoxing: {
-    url: `${ThaiBoxing}#ThaiBoxing`,
+    // url `${ThaiBoxing}#ThaiBoxing`,
+    element: lazy(() => import('./Activities/ThaiBoxing.svg?react')),
+    viewBox: '0 0 30 30',
+    aspectRatio: 1,
+  },
+  Trapeze: {
+    // url `${Trapeze}#Trapeze`,
+    element: lazy(() => import('./Activities/Trapeze.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
-  Trapeze: { url: `${Trapeze}#Trapeze`, viewBox: '0 0 30 30', aspectRatio: 1 },
   TreeClimbing: {
-    url: `${TreeClimbing}#TreeClimbing`,
+    // url `${TreeClimbing}#TreeClimbing`,
+    element: lazy(() => import('./Activities/TreeClimbing.svg?react')),
+    viewBox: '0 0 30 30',
+    aspectRatio: 1,
+  },
+  VTT: {
+    // url `${VTT}#VTT`,
+    element: lazy(() => import('./Activities/VTT.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
-  VTT: { url: `${VTT}#VTT`, viewBox: '0 0 30 30', aspectRatio: 1 },
   Volleyball: {
-    url: `${Volleyball}#Volleyball`,
+    // url `${Volleyball}#Volleyball`,
+    element: lazy(() => import('./Activities/Volleyball.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
   WaterSkiing: {
-    url: `${WaterSkiing}#WaterSkiing`,
+    // url `${WaterSkiing}#WaterSkiing`,
+    element: lazy(() => import('./Activities/WaterSkiing.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
   WaterVolley: {
-    url: `${WaterVolley}#WaterVolley`,
+    // url `${WaterVolley}#WaterVolley`,
+    element: lazy(() => import('./Activities/WaterVolley.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
   Waterpolo: {
-    url: `${Waterpolo}#Waterpolo`,
+    // url `${Waterpolo}#Waterpolo`,
+    element: lazy(() => import('./Activities/Waterpolo.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
   Windsurf: {
-    url: `${Windsurf}#Windsurf`,
+    // url `${Windsurf}#Windsurf`,
+    element: lazy(() => import('./Activities/Windsurf.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
   Wingfoil: {
-    url: `${Wingfoil}#Wingfoil`,
+    // url `${Wingfoil}#Wingfoil`,
+    element: lazy(() => import('./Activities/Wingfoil.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
   WinterHiking: {
-    url: `${WinterHiking}#WinterHiking`,
+    // url `${WinterHiking}#WinterHiking`,
+    element: lazy(() => import('./Activities/WinterHiking.svg?react')),
+    viewBox: '0 0 30 30',
+    aspectRatio: 1,
+  },
+  Yoga: {
+    // url `${Yoga}#Yoga`,
+    element: lazy(() => import('./Activities/Yoga.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
-  Yoga: { url: `${Yoga}#Yoga`, viewBox: '0 0 30 30', aspectRatio: 1 },
 } satisfies IconsSet;
 
 export const Brand = {
   AllInclusiveDefault: {
-    url: `${AllInclusiveDefault}#AllInclusiveDefault`,
+    // url `${AllInclusiveDefault}#AllInclusiveDefault`,
+    element: lazy(() => import('./Brand/AllInclusiveDefault.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
   AllInclusiveDonations: {
-    url: `${AllInclusiveDonations}#AllInclusiveDonations`,
+    // url `${AllInclusiveDonations}#AllInclusiveDonations`,
+    element: lazy(() => import('./Brand/AllInclusiveDonations.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
   AllInclusiveFlexible: {
-    url: `${AllInclusiveFlexible}#AllInclusiveFlexible`,
+    // url `${AllInclusiveFlexible}#AllInclusiveFlexible`,
+    element: lazy(() => import('./Brand/AllInclusiveFlexible.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
   BabyClubMed: {
-    url: `${BabyClubMed}#BabyClubMed`,
+    // url `${BabyClubMed}#BabyClubMed`,
+    element: lazy(() => import('./Brand/BabyClubMed.svg?react')),
     viewBox: '0 0 160 72',
     aspectRatio: 160 / 72,
   },
-  Bars: { url: `${Bars}#Bars`, viewBox: '0 0 30 30', aspectRatio: 1 },
+  Bars: {
+    // url `${Bars}#Bars`,
+    element: lazy(() => import('./Brand/Bars.svg?react')),
+    viewBox: '0 0 30 30',
+    aspectRatio: 1,
+  },
   ClubMed: {
-    url: `${ClubMed}#ClubMed`,
+    // url `${ClubMed}#ClubMed`,
+    element: lazy(() => import('./Brand/ClubMed.svg?react')),
     viewBox: '0 0 120 24',
     aspectRatio: 120 / 24,
   },
   ChillPass: {
-    url: `${ChillPass}#ChillPass`,
+    // url `${ChillPass}#ChillPass`,
+    element: lazy(() => import('./Brand/ChillPass.svg?react')),
     viewBox: '0 0 79 95',
     aspectRatio: 79 / 95,
   },
-  Diamond: { url: `${Diamond}#Diamond`, viewBox: '0 0 30 30', aspectRatio: 1 },
+  Diamond: {
+    // url `${Diamond}#Diamond`,
+    element: lazy(() => import('./Brand/Diamond.svg?react')),
+    viewBox: '0 0 30 30',
+    aspectRatio: 1,
+  },
   ExclusiveCollection: {
-    url: `${ExclusiveCollection}#ExclusiveCollection`,
+    // url `${ExclusiveCollection}#ExclusiveCollection`,
+    element: lazy(() => import('./Brand/ExclusiveCollection.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
   HappyToCare: {
-    url: `${HappyToCare}#HappyToCare`,
+    // url `${HappyToCare}#HappyToCare`,
+    element: lazy(() => import('./Brand/HappyToCare.svg?react')),
     viewBox: '0 0 108 108',
     aspectRatio: 1,
   },
   HappyToCareSmall: {
-    url: `${HappyToCareSmall}#HappyToCareSmall`,
+    // url `${HappyToCareSmall}#HappyToCareSmall`,
+    element: lazy(() => import('./Brand/HappyToCareSmall.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
   MiniClubMed: {
-    url: `${MiniClubMed}#MiniClubMed`,
+    // url `${MiniClubMed}#MiniClubMed`,
+    element: lazy(() => import('./Brand/MiniClubMed.svg?react')),
     viewBox: '0 0 111 55',
     aspectRatio: 111 / 55,
   },
   OnDemand: {
-    url: `${OnDemand}#OnDemand`,
+    // url `${OnDemand}#OnDemand`,
+    element: lazy(() => import('./Brand/OnDemand.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
   PetitClubMed: {
-    url: `${PetitClubMed}#PetitClubMed`,
+    // url `${PetitClubMed}#PetitClubMed`,
+    element: lazy(() => import('./Brand/PetitClubMed.svg?react')),
     viewBox: '0 0 160 70',
     aspectRatio: 160 / 70,
   },
   Restaurants: {
-    url: `${Restaurants}#Restaurants`,
+    // url `${Restaurants}#Restaurants`,
+    element: lazy(() => import('./Brand/Restaurants.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
   Teens: {
-    url: `${Teens}#Teens`,
+    // url `${Teens}#Teens`,
+    element: lazy(() => import('./Brand/Teens.svg?react')),
     viewBox: '0 0 109 48',
     aspectRatio: 109 / 48,
   },
-  Trident: { url: `${Trident}#Trident`, viewBox: '0 0 30 30', aspectRatio: 1 },
+  Trident: {
+    // url `${Trident}#Trident`,
+    element: lazy(() => import('./Brand/Trident.svg?react')),
+    viewBox: '0 0 30 30',
+    aspectRatio: 1,
+  },
 } satisfies IconsSet;
 
 export const Covid = {
   Capacity: {
-    url: `${Capacity}#Capacity`,
+    // url `${Capacity}#Capacity`,
+    element: lazy(() => import('./Covid/Capacity.svg?react')),
+    viewBox: '0 0 30 30',
+    aspectRatio: 1,
+  },
+  Cough: {
+    // url `${Cough}#Cough`,
+    element: lazy(() => import('./Covid/Cough.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
-  Cough: { url: `${Cough}#Cough`, viewBox: '0 0 30 30', aspectRatio: 1 },
   DigitalTools: {
-    url: `${DigitalTools}#DigitalTools`,
+    // url `${DigitalTools}#DigitalTools`,
+    element: lazy(() => import('./Covid/DigitalTools.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
   Disinfection: {
-    url: `${Disinfection}#Disinfection`,
+    // url `${Disinfection}#Disinfection`,
+    element: lazy(() => import('./Covid/Disinfection.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
   Distance: {
-    url: `${Distance}#Distance`,
+    // url `${Distance}#Distance`,
+    element: lazy(() => import('./Covid/Distance.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
   DoNotShakeHands: {
-    url: `${DoNotShakeHands}#DoNotShakeHands`,
+    // url `${DoNotShakeHands}#DoNotShakeHands`,
+    element: lazy(() => import('./Covid/DoNotShakeHands.svg?react')),
+    viewBox: '0 0 30 30',
+    aspectRatio: 1,
+  },
+  Doctor: {
+    // url `${Doctor}#Doctor`,
+    element: lazy(() => import('./Covid/Doctor.svg?react')),
+    viewBox: '0 0 30 30',
+    aspectRatio: 1,
+  },
+  Gloves: {
+    // url `${Gloves}#Gloves`,
+    element: lazy(() => import('./Covid/Gloves.svg?react')),
+    viewBox: '0 0 30 30',
+    aspectRatio: 1,
+  },
+  Mask: {
+    // url `${Mask}#Mask`,
+    element: lazy(() => import('./Covid/Mask.svg?react')),
+    viewBox: '0 0 30 30',
+    aspectRatio: 1,
+  },
+  PCRTest: {
+    // url `${PCRTest}#PCRTest`,
+    element: lazy(() => import('./Covid/PCRTest.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
-  Doctor: { url: `${Doctor}#Doctor`, viewBox: '0 0 30 30', aspectRatio: 1 },
-  Gloves: { url: `${Gloves}#Gloves`, viewBox: '0 0 30 30', aspectRatio: 1 },
-  Mask: { url: `${Mask}#Mask`, viewBox: '0 0 30 30', aspectRatio: 1 },
-  PCRTest: { url: `${PCRTest}#PCRTest`, viewBox: '0 0 30 30', aspectRatio: 1 },
   SafeReception: {
-    url: `${SafeReception}#SafeReception`,
+    // url `${SafeReception}#SafeReception`,
+    element: lazy(() => import('./Covid/SafeReception.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
   SafeRestaurant: {
-    url: `${SafeRestaurant}#SafeRestaurant`,
+    // url `${SafeRestaurant}#SafeRestaurant`,
+    element: lazy(() => import('./Covid/SafeRestaurant.svg?react')),
+    viewBox: '0 0 30 30',
+    aspectRatio: 1,
+  },
+  SafeSpa: {
+    // url `${SafeSpa}#SafeSpa`,
+    element: lazy(() => import('./Covid/SafeSpa.svg?react')),
+    viewBox: '0 0 30 30',
+    aspectRatio: 1,
+  },
+  Soap: {
+    // url `${Soap}#Soap`,
+    element: lazy(() => import('./Covid/Soap.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
-  SafeSpa: { url: `${SafeSpa}#SafeSpa`, viewBox: '0 0 30 30', aspectRatio: 1 },
-  Soap: { url: `${Soap}#Soap`, viewBox: '0 0 30 30', aspectRatio: 1 },
   Solution: {
-    url: `${Solution}#Solution`,
+    // url `${Solution}#Solution`,
+    element: lazy(() => import('./Covid/Solution.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
   TemperatureCheck: {
-    url: `${TemperatureCheck}#TemperatureCheck`,
+    // url `${TemperatureCheck}#TemperatureCheck`,
+    element: lazy(() => import('./Covid/TemperatureCheck.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
   WashHands: {
-    url: `${WashHands}#WashHands`,
+    // url `${WashHands}#WashHands`,
+    element: lazy(() => import('./Covid/WashHands.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
 } satisfies IconsSet;
 
 export const Food = {
-  Bar: { url: `${Bar}#Bar`, viewBox: '0 0 30 30', aspectRatio: 1 },
+  Bar: {
+    // url `${Bar}#Bar`,
+    element: lazy(() => import('./Food/Bar.svg?react')),
+    viewBox: '0 0 30 30',
+    aspectRatio: 1,
+  },
   Champagne: {
-    url: `${Champagne}#Champagne`,
+    // url `${Champagne}#Champagne`,
+    element: lazy(() => import('./Food/Champagne.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
   Charcuterie: {
-    url: `${Charcuterie}#Charcuterie`,
+    // url `${Charcuterie}#Charcuterie`,
+    element: lazy(() => import('./Food/Charcuterie.svg?react')),
+    viewBox: '0 0 30 30',
+    aspectRatio: 1,
+  },
+  Cheese: {
+    // url `${Cheese}#Cheese`,
+    element: lazy(() => import('./Food/Cheese.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
-  Cheese: { url: `${Cheese}#Cheese`, viewBox: '0 0 30 30', aspectRatio: 1 },
   CoffeeMachine: {
-    url: `${CoffeeMachine}#CoffeeMachine`,
+    // url `${CoffeeMachine}#CoffeeMachine`,
+    element: lazy(() => import('./Food/CoffeeMachine.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
   ColdDrinks: {
-    url: `${ColdDrinks}#ColdDrinks`,
+    // url `${ColdDrinks}#ColdDrinks`,
+    element: lazy(() => import('./Food/ColdDrinks.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
   ColdSandwich: {
-    url: `${ColdSandwich}#ColdSandwich`,
+    // url `${ColdSandwich}#ColdSandwich`,
+    element: lazy(() => import('./Food/ColdSandwich.svg?react')),
+    viewBox: '0 0 30 30',
+    aspectRatio: 1,
+  },
+  Dessert: {
+    // url `${Dessert}#Dessert`,
+    element: lazy(() => import('./Food/Dessert.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
-  Dessert: { url: `${Dessert}#Dessert`, viewBox: '0 0 30 30', aspectRatio: 1 },
   GourmetLounge: {
-    url: `${GourmetLounge}#GourmetLounge`,
+    // url `${GourmetLounge}#GourmetLounge`,
+    element: lazy(() => import('./Food/GourmetLounge.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
   Hamburger: {
-    url: `${Hamburger}#Hamburger`,
+    // url `${Hamburger}#Hamburger`,
+    element: lazy(() => import('./Food/Hamburger.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
   HotDrinks: {
-    url: `${HotDrinks}#HotDrinks`,
+    // url `${HotDrinks}#HotDrinks`,
+    element: lazy(() => import('./Food/HotDrinks.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
   HotSandwiches: {
-    url: `${HotSandwiches}#HotSandwiches`,
+    // url `${HotSandwiches}#HotSandwiches`,
+    element: lazy(() => import('./Food/HotSandwiches.svg?react')),
+    viewBox: '0 0 30 30',
+    aspectRatio: 1,
+  },
+  Kitchen: {
+    // url `${Kitchen}#Kitchen`,
+    element: lazy(() => import('./Food/Kitchen.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
-  Kitchen: { url: `${Kitchen}#Kitchen`, viewBox: '0 0 30 30', aspectRatio: 1 },
   KitchenEquipments: {
-    url: `${KitchenEquipments}#KitchenEquipments`,
+    // url `${KitchenEquipments}#KitchenEquipments`,
+    element: lazy(() => import('./Food/KitchenEquipments.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
   Kitchenware: {
-    url: `${Kitchenware}#Kitchenware`,
+    // url `${Kitchenware}#Kitchenware`,
+    element: lazy(() => import('./Food/Kitchenware.svg?react')),
+    viewBox: '0 0 30 30',
+    aspectRatio: 1,
+  },
+  Meal: {
+    // url `${Meal}#Meal`,
+    element: lazy(() => import('./Food/Meal.svg?react')),
+    viewBox: '0 0 30 30',
+    aspectRatio: 1,
+  },
+  Meat: {
+    // url `${Meat}#Meat`,
+    element: lazy(() => import('./Food/Meat.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
-  Meal: { url: `${Meal}#Meal`, viewBox: '0 0 30 30', aspectRatio: 1 },
-  Meat: { url: `${Meat}#Meat`, viewBox: '0 0 30 30', aspectRatio: 1 },
   PrivateMeal: {
-    url: `${PrivateMeal}#PrivateMeal`,
+    // url `${PrivateMeal}#PrivateMeal`,
+    element: lazy(() => import('./Food/PrivateMeal.svg?react')),
+    viewBox: '0 0 30 30',
+    aspectRatio: 1,
+  },
+  Quiche: {
+    // url `${Quiche}#Quiche`,
+    element: lazy(() => import('./Food/Quiche.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
-  Quiche: { url: `${Quiche}#Quiche`, viewBox: '0 0 30 30', aspectRatio: 1 },
   Restaurant: {
-    url: `${Restaurant}#Restaurant`,
+    // url `${Restaurant}#Restaurant`,
+    element: lazy(() => import('./Food/Restaurant.svg?react')),
+    viewBox: '0 0 30 30',
+    aspectRatio: 1,
+  },
+  Salad: {
+    // url `${Salad}#Salad`,
+    element: lazy(() => import('./Food/Salad.svg?react')),
+    viewBox: '0 0 30 30',
+    aspectRatio: 1,
+  },
+  Snacks: {
+    // url `${Snacks}#Snacks`,
+    element: lazy(() => import('./Food/Snacks.svg?react')),
+    viewBox: '0 0 30 30',
+    aspectRatio: 1,
+  },
+  Soup: {
+    // url `${Soup}#Soup`,
+    element: lazy(() => import('./Food/Soup.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
-  Salad: { url: `${Salad}#Salad`, viewBox: '0 0 30 30', aspectRatio: 1 },
-  Snacks: { url: `${Snacks}#Snacks`, viewBox: '0 0 30 30', aspectRatio: 1 },
-  Soup: { url: `${Soup}#Soup`, viewBox: '0 0 30 30', aspectRatio: 1 },
   TakeAway: {
-    url: `${TakeAway}#TakeAway`,
+    // url `${TakeAway}#TakeAway`,
+    element: lazy(() => import('./Food/TakeAway.svg?react')),
+    viewBox: '0 0 30 30',
+    aspectRatio: 1,
+  },
+  Tapas: {
+    // url `${Tapas}#Tapas`,
+    element: lazy(() => import('./Food/Tapas.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
-  Tapas: { url: `${Tapas}#Tapas`, viewBox: '0 0 30 30', aspectRatio: 1 },
   TeaMaker: {
-    url: `${TeaMaker}#TeaMaker`,
+    // url `${TeaMaker}#TeaMaker`,
+    element: lazy(() => import('./Food/TeaMaker.svg?react')),
+    viewBox: '0 0 30 30',
+    aspectRatio: 1,
+  },
+  Vegan: {
+    // url `${Vegan}#Vegan`,
+    element: lazy(() => import('./Food/Vegan.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
-  Vegan: { url: `${Vegan}#Vegan`, viewBox: '0 0 30 30', aspectRatio: 1 },
   Vegetables: {
-    url: `${Vegetables}#Vegetables`,
+    // url `${Vegetables}#Vegetables`,
+    element: lazy(() => import('./Food/Vegetables.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
   Vegetarian: {
-    url: `${Vegetarian}#Vegetarian`,
+    // url `${Vegetarian}#Vegetarian`,
+    element: lazy(() => import('./Food/Vegetarian.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
   WaterFountain: {
-    url: `${WaterFountain}#WaterFountain`,
+    // url `${WaterFountain}#WaterFountain`,
+    element: lazy(() => import('./Food/WaterFountain.svg?react')),
+    viewBox: '0 0 30 30',
+    aspectRatio: 1,
+  },
+  Wine: {
+    // url `${Wine}#Wine`,
+    element: lazy(() => import('./Food/Wine.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
-  Wine: { url: `${Wine}#Wine`, viewBox: '0 0 30 30', aspectRatio: 1 },
   WineCellar: {
-    url: `${WineCellar}#WineCellar`,
+    // url `${WineCellar}#WineCellar`,
+    element: lazy(() => import('./Food/WineCellar.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
@@ -1144,82 +1502,98 @@ export const Food = {
 
 export const HTC = {
   ActionsAgainstSexualTourism: {
-    url: `${ActionsAgainstSexualTourism}#ActionsAgainstSexualTourism`,
+    // url `${ActionsAgainstSexualTourism}#ActionsAgainstSexualTourism`,
+    element: lazy(() => import('./HappyToCare/ActionsAgainstSexualTourism.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
   AnimalProtection: {
-    url: `${AnimalProtection}#AnimalProtection`,
+    // url `${AnimalProtection}#AnimalProtection`,
+    element: lazy(() => import('./HappyToCare/AnimalProtection.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
   Biodiversity: {
-    url: `${Biodiversity}#Biodiversity`,
+    // url `${Biodiversity}#Biodiversity`,
+    element: lazy(() => import('./HappyToCare/Biodiversity.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
   ByeByePlastic: {
-    url: `${ByeByePlastic}#ByeByePlastic`,
+    // url `${ByeByePlastic}#ByeByePlastic`,
+    element: lazy(() => import('./HappyToCare/ByeByePlastic.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
   ClimateActions: {
-    url: `${ClimateActions}#ClimateActions`,
+    // url `${ClimateActions}#ClimateActions`,
+    element: lazy(() => import('./HappyToCare/ClimateActions.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
   CulturalRespect: {
-    url: `${CulturalRespect}#CulturalRespect`,
+    // url `${CulturalRespect}#CulturalRespect`,
+    element: lazy(() => import('./HappyToCare/CulturalRespect.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
   ElectricityManagement: {
-    url: `${ElectricityManagement}#ElectricityManagement`,
+    // url `${ElectricityManagement}#ElectricityManagement`,
+    element: lazy(() => import('./HappyToCare/ElectricityManagement.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
   EnvironmentProtection: {
-    url: `${EnvironmentProtection}#EnvironmentProtection`,
+    // url `${EnvironmentProtection}#EnvironmentProtection`,
+    element: lazy(() => import('./HappyToCare/EnvironmentProtection.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
   EqualOpportunities: {
-    url: `${EqualOpportunities}#EqualOpportunities`,
+    // url `${EqualOpportunities}#EqualOpportunities`,
+    element: lazy(() => import('./HappyToCare/EqualOpportunities.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
   FarmersProgram: {
-    url: `${FarmersProgram}#FarmersProgram`,
+    // url `${FarmersProgram}#FarmersProgram`,
+    element: lazy(() => import('./HappyToCare/FarmersProgram.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
   HealthyCorner: {
-    url: `${HealthyCorner}#HealthyCorner`,
+    // url `${HealthyCorner}#HealthyCorner`,
+    element: lazy(() => import('./HappyToCare/HealthyCorner.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
   LocalChildrenWelcome: {
-    url: `${LocalChildrenWelcome}#LocalChildrenWelcome`,
+    // url `${LocalChildrenWelcome}#LocalChildrenWelcome`,
+    element: lazy(() => import('./HappyToCare/LocalChildrenWelcome.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
   LocalDevelopment: {
-    url: `${LocalDevelopment}#LocalDevelopment`,
+    // url `${LocalDevelopment}#LocalDevelopment`,
+    element: lazy(() => import('./HappyToCare/LocalDevelopment.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
   LocalSportSchool: {
-    url: `${LocalSportSchool}#LocalSportSchool`,
+    // url `${LocalSportSchool}#LocalSportSchool`,
+    element: lazy(() => import('./HappyToCare/LocalSportSchool.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
   MaterialDonations: {
-    url: `${MaterialDonations}#MaterialDonations`,
+    // url `${MaterialDonations}#MaterialDonations`,
+    element: lazy(() => import('./HappyToCare/MaterialDonations.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
   WellBeingAtWork: {
-    url: `${WellBeingAtWork}#WellBeingAtWork`,
+    // url `${WellBeingAtWork}#WellBeingAtWork`,
+    element: lazy(() => import('./HappyToCare/WellBeingAtWork.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
@@ -1227,387 +1601,497 @@ export const HTC = {
 
 export const Places = {
   BabyCleaning: {
-    url: `${BabyCleaning}#BabyCleaning`,
+    // url `${BabyCleaning}#BabyCleaning`,
+    element: lazy(() => import('./Places/BabyCleaning.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
   BabyCorner: {
-    url: `${BabyCorner}#BabyCorner`,
+    // url `${BabyCorner}#BabyCorner`,
+    element: lazy(() => import('./Places/BabyCorner.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
   Conference: {
-    url: `${Conference}#Conference`,
+    // url `${Conference}#Conference`,
+    element: lazy(() => import('./Places/Conference.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
   Elevator: {
-    url: `${Elevator}#Elevator`,
+    // url `${Elevator}#Elevator`,
+    element: lazy(() => import('./Places/Elevator.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
   Footpath: {
-    url: `${Footpath}#Footpath`,
+    // url `${Footpath}#Footpath`,
+    element: lazy(() => import('./Places/Footpath.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
   InclusiveToilets: {
-    url: `${InclusiveToilets}#InclusiveToilets`,
+    // url `${InclusiveToilets}#InclusiveToilets`,
+    element: lazy(() => import('./Places/InclusiveToilets.svg?react')),
+    viewBox: '0 0 30 30',
+    aspectRatio: 1,
+  },
+  Library: {
+    // url `${Library}#Library`,
+    element: lazy(() => import('./Places/Library.svg?react')),
+    viewBox: '0 0 30 30',
+    aspectRatio: 1,
+  },
+  Luggage: {
+    // url `${Luggage}#Luggage`,
+    element: lazy(() => import('./Places/Luggage.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
-  Library: { url: `${Library}#Library`, viewBox: '0 0 30 30', aspectRatio: 1 },
-  Luggage: { url: `${Luggage}#Luggage`, viewBox: '0 0 30 30', aspectRatio: 1 },
   MeetingPoint: {
-    url: `${MeetingPoint}#MeetingPoint`,
+    // url `${MeetingPoint}#MeetingPoint`,
+    element: lazy(() => import('./Places/MeetingPoint.svg?react')),
+    viewBox: '0 0 30 30',
+    aspectRatio: 1,
+  },
+  Nursery: {
+    // url `${Nursery}#Nursery`,
+    element: lazy(() => import('./Places/Nursery.svg?react')),
+    viewBox: '0 0 30 30',
+    aspectRatio: 1,
+  },
+  PMR: {
+    // url `${PMR}#PMR`,
+    element: lazy(() => import('./Places/PMR.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
-  Nursery: { url: `${Nursery}#Nursery`, viewBox: '0 0 30 30', aspectRatio: 1 },
-  PMR: { url: `${PMR}#PMR`, viewBox: '0 0 30 30', aspectRatio: 1 },
   PMRElevator: {
-    url: `${PMRElevator}#PMRElevator`,
+    // url `${PMRElevator}#PMRElevator`,
+    element: lazy(() => import('./Places/PMRElevator.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
   Reception: {
-    url: `${Reception}#Reception`,
+    // url `${Reception}#Reception`,
+    element: lazy(() => import('./Places/Reception.svg?react')),
+    viewBox: '0 0 30 30',
+    aspectRatio: 1,
+  },
+  SkiRoom: {
+    // url `${SkiRoom}#SkiRoom`,
+    element: lazy(() => import('./Places/SkiRoom.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
-  SkiRoom: { url: `${SkiRoom}#SkiRoom`, viewBox: '0 0 30 30', aspectRatio: 1 },
   SwimmingArea: {
-    url: `${SwimmingArea}#SwimmingArea`,
+    // url `${SwimmingArea}#SwimmingArea`,
+    element: lazy(() => import('./Places/SwimmingArea.svg?react')),
+    viewBox: '0 0 30 30',
+    aspectRatio: 1,
+  },
+  Theater: {
+    // url `${Theater}#Theater`,
+    element: lazy(() => import('./Places/Theater.svg?react')),
+    viewBox: '0 0 30 30',
+    aspectRatio: 1,
+  },
+  ZenPool: {
+    // url `${ZenPool}#ZenPool`,
+    element: lazy(() => import('./Places/ZenPool.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
-  Theater: { url: `${Theater}#Theater`, viewBox: '0 0 30 30', aspectRatio: 1 },
-  ZenPool: { url: `${ZenPool}#ZenPool`, viewBox: '0 0 30 30', aspectRatio: 1 },
 } satisfies IconsSet;
 
 export const ResortFill = {
   AEXC_Fill: {
-    url: `${AEXC_Fill}#AEXC_Fill`,
+    // url `${AEXC_Fill}#AEXC_Fill`,
+    element: lazy(() => import('./ResortFill/AEXC_Fill.svg?react')),
     viewBox: '0 0 696 830',
     aspectRatio: 696 / 830,
   },
   ALHC_Fill: {
-    url: `${ALHC_Fill}#ALHC_Fill`,
+    // url `${ALHC_Fill}#ALHC_Fill`,
+    element: lazy(() => import('./ResortFill/ALHC_Fill.svg?react')),
     viewBox: '0 0 696 830',
     aspectRatio: 696 / 830,
   },
   ANJJ_Fill: {
-    url: `${ANJJ_Fill}#ANJJ_Fill`,
+    // url `${ANJJ_Fill}#ANJJ_Fill`,
+    element: lazy(() => import('./ResortFill/ANJJ_Fill.svg?react')),
     viewBox: '0 0 696 830',
     aspectRatio: 696 / 830,
   },
   ARPC_Fill: {
-    url: `${ARPC_Fill}#ARPC_Fill`,
+    // url `${ARPC_Fill}#ARPC_Fill`,
+    element: lazy(() => import('./ResortFill/ARPC_Fill.svg?react')),
     viewBox: '0 0 696 830',
     aspectRatio: 696 / 830,
   },
   BALC_Fill: {
-    url: `${BALC_Fill}#BALC_Fill`,
+    // url `${BALC_Fill}#BALC_Fill`,
+    element: lazy(() => import('./ResortFill/BALC_Fill.svg?react')),
     viewBox: '0 0 696 830',
     aspectRatio: 696 / 830,
   },
   BEIC_Fill: {
-    url: `${BEIC_Fill}#BEIC_Fill`,
+    // url `${BEIC_Fill}#BEIC_Fill`,
+    element: lazy(() => import('./ResortFill/BEIC_Fill.svg?react')),
     viewBox: '0 0 696 830',
     aspectRatio: 696 / 830,
   },
   BODC_Fill: {
-    url: `${BODC_Fill}#BODC_Fill`,
+    // url `${BODC_Fill}#BODC_Fill`,
+    element: lazy(() => import('./ResortFill/BODC_Fill.svg?react')),
     viewBox: '0 0 696 830',
     aspectRatio: 696 / 830,
   },
   BUCC_Fill: {
-    url: `${BUCC_Fill}#BUCC_Fill`,
+    // url `${BUCC_Fill}#BUCC_Fill`,
+    element: lazy(() => import('./ResortFill/BUCC_Fill.svg?react')),
     viewBox: '0 0 696 830',
     aspectRatio: 696 / 830,
   },
   Benin_Fill: {
-    url: `${Benin_Fill}#Benin_Fill`,
+    // url `${Benin_Fill}#Benin_Fill`,
+    element: lazy(() => import('./ResortFill/Benin_Fill.svg?react')),
     viewBox: '0 0 696 830',
     aspectRatio: 696 / 830,
   },
   Borneo_Fill: {
-    url: `${Borneo_Fill}#Borneo_Fill`,
+    // url `${Borneo_Fill}#Borneo_Fill`,
+    element: lazy(() => import('./ResortFill/Borneo_Fill.svg?react')),
     viewBox: '0 0 696 830',
     aspectRatio: 696 / 830,
   },
   CANC_Fill: {
-    url: `${CANC_Fill}#CANC_Fill`,
+    // url `${CANC_Fill}#CANC_Fill`,
+    element: lazy(() => import('./ResortFill/CANC_Fill.svg?react')),
     viewBox: '0 0 696 830',
     aspectRatio: 696 / 830,
   },
   CARC_Fill: {
-    url: `${CARC_Fill}#CARC_Fill`,
+    // url `${CARC_Fill}#CARC_Fill`,
+    element: lazy(() => import('./ResortFill/CARC_Fill.svg?react')),
     viewBox: '0 0 696 830',
     aspectRatio: 696 / 830,
   },
   CBAC_Fill: {
-    url: `${CBAC_Fill}#CBAC_Fill`,
+    // url `${CBAC_Fill}#CBAC_Fill`,
+    element: lazy(() => import('./ResortFill/CBAC_Fill.svg?react')),
     viewBox: '0 0 696 830',
     aspectRatio: 696 / 830,
   },
   CGBJ_Fill: {
-    url: `${CGBJ_Fill}#CGBJ_Fill`,
+    // url `${CGBJ_Fill}#CGBJ_Fill`,
+    element: lazy(() => import('./ResortFill/CGBJ_Fill.svg?react')),
     viewBox: '0 0 696 830',
     aspectRatio: 696 / 830,
   },
   CHEC_Fill: {
-    url: `${CHEC_Fill}#CHEC_Fill`,
+    // url `${CHEC_Fill}#CHEC_Fill`,
+    element: lazy(() => import('./ResortFill/CHEC_Fill.svg?react')),
     viewBox: '0 0 696 830',
     aspectRatio: 696 / 830,
   },
   COLC_Fill: {
-    url: `${COLC_Fill}#COLC_Fill`,
+    // url `${COLC_Fill}#COLC_Fill`,
+    element: lazy(() => import('./ResortFill/COLC_Fill.svg?react')),
     viewBox: '0 0 696 830',
     aspectRatio: 696 / 830,
   },
   CSKC_Fill: {
-    url: `${CSKC_Fill}#CSKC_Fill`,
+    // url `${CSKC_Fill}#CSKC_Fill`,
+    element: lazy(() => import('./ResortFill/CSKC_Fill.svg?react')),
     viewBox: '0 0 696 830',
     aspectRatio: 696 / 830,
   },
   DBAC_Fill: {
-    url: `${DBAC_Fill}#DBAC_Fill`,
+    // url `${DBAC_Fill}#DBAC_Fill`,
+    element: lazy(() => import('./ResortFill/DBAC_Fill.svg?react')),
     viewBox: '0 0 696 830',
     aspectRatio: 696 / 830,
   },
   DDOC_Fill: {
-    url: `${DDOC_Fill}#DDOC_Fill`,
+    // url `${DDOC_Fill}#DDOC_Fill`,
+    element: lazy(() => import('./ResortFill/DDOC_Fill.svg?react')),
     viewBox: '0 0 696 830',
     aspectRatio: 696 / 830,
   },
   Foshan_Fill: {
-    url: `${Foshan_Fill}#Foshan_Fill`,
+    // url `${Foshan_Fill}#Foshan_Fill`,
+    element: lazy(() => import('./ResortFill/Foshan_Fill.svg?react')),
     viewBox: '0 0 696 830',
     aspectRatio: 696 / 830,
   },
   GMAC_Fill: {
-    url: `${GMAC_Fill}#GMAC_Fill`,
+    // url `${GMAC_Fill}#GMAC_Fill`,
+    element: lazy(() => import('./ResortFill/GMAC_Fill.svg?react')),
     viewBox: '0 0 696 830',
     aspectRatio: 696 / 830,
   },
   GREC_Fill: {
-    url: `${GREC_Fill}#GREC_Fill`,
+    // url `${GREC_Fill}#GREC_Fill`,
+    element: lazy(() => import('./ResortFill/GREC_Fill.svg?react')),
     viewBox: '0 0 696 830',
     aspectRatio: 696 / 830,
   },
   GUIC_Fill: {
-    url: `${GUIC_Fill}#GUIC_Fill`,
+    // url `${GUIC_Fill}#GUIC_Fill`,
+    element: lazy(() => import('./ResortFill/GUIC_Fill.svg?react')),
     viewBox: '0 0 696 830',
     aspectRatio: 696 / 830,
   },
   Heilongtan_Fill: {
-    url: `${Heilongtan_Fill}#Heilongtan_Fill`,
+    // url `${Heilongtan_Fill}#Heilongtan_Fill`,
+    element: lazy(() => import('./ResortFill/Heilongtan_Fill.svg?react')),
     viewBox: '0 0 696 830',
     aspectRatio: 696 / 830,
   },
   IXTC_Fill: {
-    url: `${IXTC_Fill}#IXTC_Fill`,
+    // url `${IXTC_Fill}#IXTC_Fill`,
+    element: lazy(() => import('./ResortFill/IXTC_Fill.svg?react')),
     viewBox: '0 0 696 830',
     aspectRatio: 696 / 830,
   },
   KABC_Fill: {
-    url: `${KABC_Fill}#KABC_Fill`,
+    // url `${KABC_Fill}#KABC_Fill`,
+    element: lazy(() => import('./ResortFill/KABC_Fill.svg?react')),
     viewBox: '0 0 696 830',
     aspectRatio: 696 / 830,
   },
   KANC_Fill: {
-    url: `${KANC_Fill}#KANC_Fill`,
+    // url `${KANC_Fill}#KANC_Fill`,
+    element: lazy(() => import('./ResortFill/KANC_Fill.svg?react')),
     viewBox: '0 0 696 830',
     aspectRatio: 696 / 830,
   },
   KEMC_Fill: {
-    url: `${KEMC_Fill}#KEMC_Fill`,
+    // url `${KEMC_Fill}#KEMC_Fill`,
+    element: lazy(() => import('./ResortFill/KEMC_Fill.svg?react')),
     viewBox: '0 0 696 830',
     aspectRatio: 696 / 830,
   },
   KIGC_Fill: {
-    url: `${KIGC_Fill}#KIGC_Fill`,
+    // url `${KIGC_Fill}#KIGC_Fill`,
+    element: lazy(() => import('./ResortFill/KIGC_Fill.svg?react')),
     viewBox: '0 0 696 830',
     aspectRatio: 696 / 830,
   },
   KIPC_Fill: {
-    url: `${KIPC_Fill}#KIPC_Fill`,
+    // url `${KIPC_Fill}#KIPC_Fill`,
+    element: lazy(() => import('./ResortFill/KIPC_Fill.svg?react')),
     viewBox: '0 0 696 830',
     aspectRatio: 696 / 830,
   },
   LAKJ_Fill: {
-    url: `${LAKJ_Fill}#LAKJ_Fill`,
+    // url `${LAKJ_Fill}#LAKJ_Fill`,
+    element: lazy(() => import('./ResortFill/LAKJ_Fill.svg?react')),
     viewBox: '0 0 696 830',
     aspectRatio: 696 / 830,
   },
   LAPC_Fill: {
-    url: `${LAPC_Fill}#LAPC_Fill`,
+    // url `${LAPC_Fill}#LAPC_Fill`,
+    element: lazy(() => import('./ResortFill/LAPC_Fill.svg?react')),
     viewBox: '0 0 696 830',
     aspectRatio: 696 / 830,
   },
   LJIC_Fill: {
-    url: `${LJIC_Fill}#LJIC_Fill`,
+    // url `${LJIC_Fill}#LJIC_Fill`,
+    element: lazy(() => import('./ResortFill/LJIC_Fill.svg?react')),
     viewBox: '0 0 696 830',
     aspectRatio: 696 / 830,
   },
   LPAC_Fill: {
-    url: `${LPAC_Fill}#LPAC_Fill`,
+    // url `${LPAC_Fill}#LPAC_Fill`,
+    element: lazy(() => import('./ResortFill/LPAC_Fill.svg?react')),
     viewBox: '0 0 696 830',
     aspectRatio: 696 / 830,
   },
   LROC_Fill: {
-    url: `${LROC_Fill}#LROC_Fill`,
+    // url `${LROC_Fill}#LROC_Fill`,
+    element: lazy(() => import('./ResortFill/LROC_Fill.svg?react')),
     viewBox: '0 0 696 830',
     aspectRatio: 696 / 830,
   },
   MAUC_Fill: {
-    url: `${MAUC_Fill}#MAUC_Fill`,
+    // url `${MAUC_Fill}#MAUC_Fill`,
+    element: lazy(() => import('./ResortFill/MAUC_Fill.svg?react')),
     viewBox: '0 0 696 830',
     aspectRatio: 696 / 830,
   },
   MMAC_Fill: {
-    url: `${MMAC_Fill}#MMAC_Fill`,
+    // url `${MMAC_Fill}#MMAC_Fill`,
+    element: lazy(() => import('./ResortFill/MMAC_Fill.svg?react')),
     viewBox: '0 0 696 830',
     aspectRatio: 696 / 830,
   },
   MPAC_Fill: {
-    url: `${MPAC_Fill}#MPAC_Fill`,
+    // url `${MPAC_Fill}#MPAC_Fill`,
+    element: lazy(() => import('./ResortFill/MPAC_Fill.svg?react')),
     viewBox: '0 0 696 830',
     aspectRatio: 696 / 830,
   },
   OPIC_Fill: {
-    url: `${OPIC_Fill}#OPIC_Fill`,
+    // url `${OPIC_Fill}#OPIC_Fill`,
+    element: lazy(() => import('./ResortFill/OPIC_Fill.svg?react')),
     viewBox: '0 0 696 830',
     aspectRatio: 696 / 830,
   },
   PALC_Fill: {
-    url: `${PALC_Fill}#PALC_Fill`,
+    // url `${PALC_Fill}#PALC_Fill`,
+    element: lazy(() => import('./ResortFill/PALC_Fill.svg?react')),
     viewBox: '0 0 696 830',
     aspectRatio: 696 / 830,
   },
   PCAC_Fill: {
-    url: `${PCAC_Fill}#PCAC_Fill`,
+    // url `${PCAC_Fill}#PCAC_Fill`,
+    element: lazy(() => import('./ResortFill/PCAC_Fill.svg?react')),
     viewBox: '0 0 696 830',
     aspectRatio: 696 / 830,
   },
   PHUC_Fill: {
-    url: `${PHUC_Fill}#PHUC_Fill`,
+    // url `${PHUC_Fill}#PHUC_Fill`,
+    element: lazy(() => import('./ResortFill/PHUC_Fill.svg?react')),
     viewBox: '0 0 696 830',
     aspectRatio: 696 / 830,
   },
   PLAC_Fill: {
-    url: `${PLAC_Fill}#PLAC_Fill`,
+    // url `${PLAC_Fill}#PLAC_Fill`,
+    element: lazy(() => import('./ResortFill/PLAC_Fill.svg?react')),
     viewBox: '0 0 696 830',
     aspectRatio: 696 / 830,
   },
   PRAC_Fill: {
-    url: `${PRAC_Fill}#PRAC_Fill`,
+    // url `${PRAC_Fill}#PRAC_Fill`,
+    element: lazy(() => import('./ResortFill/PRAC_Fill.svg?react')),
     viewBox: '0 0 696 830',
     aspectRatio: 696 / 830,
   },
   PVAC_Fill: {
-    url: `${PVAC_Fill}#PVAC_Fill`,
+    // url `${PVAC_Fill}#PVAC_Fill`,
+    element: lazy(() => import('./ResortFill/PVAC_Fill.svg?react')),
     viewBox: '0 0 696 830',
     aspectRatio: 696 / 830,
   },
   QCHC_Fill: {
-    url: `${QCHC_Fill}#QCHC_Fill`,
+    // url `${QCHC_Fill}#QCHC_Fill`,
+    element: lazy(() => import('./ResortFill/QCHC_Fill.svg?react')),
     viewBox: '0 0 696 830',
     aspectRatio: 696 / 830,
   },
   RBIC_Fill: {
-    url: `${RBIC_Fill}#RBIC_Fill`,
+    // url `${RBIC_Fill}#RBIC_Fill`,
+    element: lazy(() => import('./ResortFill/RBIC_Fill.svg?react')),
     viewBox: '0 0 696 830',
     aspectRatio: 696 / 830,
   },
   RDPC_Fill: {
-    url: `${RDPC_Fill}#RDPC_Fill`,
+    // url `${RDPC_Fill}#RDPC_Fill`,
+    element: lazy(() => import('./ResortFill/RDPC_Fill.svg?react')),
     viewBox: '0 0 696 830',
     aspectRatio: 696 / 830,
   },
   SAOC_Fill: {
-    url: `${SAOC_Fill}#SAOC_Fill`,
+    // url `${SAOC_Fill}#SAOC_Fill`,
+    element: lazy(() => import('./ResortFill/SAOC_Fill.svg?react')),
     viewBox: '0 0 696 830',
     aspectRatio: 696 / 830,
   },
   SCHC_Fill: {
-    url: `${SCHC_Fill}#SCHC_Fill`,
+    // url `${SCHC_Fill}#SCHC_Fill`,
+    element: lazy(() => import('./ResortFill/SCHC_Fill.svg?react')),
     viewBox: '0 0 696 830',
     aspectRatio: 696 / 830,
   },
   SMRC_Fill: {
-    url: `${SMRC_Fill}#SMRC_Fill`,
+    // url `${SMRC_Fill}#SMRC_Fill`,
+    element: lazy(() => import('./ResortFill/SMRC_Fill.svg?react')),
     viewBox: '0 0 696 830',
     aspectRatio: 696 / 830,
   },
   Shanwei_Fill: {
-    url: `${Shanwei_Fill}#Shanwei_Fill`,
+    // url `${Shanwei_Fill}#Shanwei_Fill`,
+    element: lazy(() => import('./ResortFill/Shanwei_Fill.svg?react')),
     viewBox: '0 0 696 830',
     aspectRatio: 696 / 830,
   },
   TIGC_Fill: {
-    url: `${TIGC_Fill}#TIGC_Fill`,
+    // url `${TIGC_Fill}#TIGC_Fill`,
+    element: lazy(() => import('./ResortFill/TIGC_Fill.svg?react')),
     viewBox: '0 0 696 830',
     aspectRatio: 696 / 830,
   },
   TOMC_Fill: {
-    url: `${TOMC_Fill}#TOMC_Fill`,
+    // url `${TOMC_Fill}#TOMC_Fill`,
+    element: lazy(() => import('./ResortFill/TOMC_Fill.svg?react')),
     viewBox: '0 0 142 170',
     aspectRatio: 696 / 830,
   },
   TRAC_Fill: {
-    url: `${TRAC_Fill}#TRAC_Fill`,
+    // url `${TRAC_Fill}#TRAC_Fill`,
+    element: lazy(() => import('./ResortFill/TRAC_Fill.svg?react')),
     viewBox: '0 0 696 830',
     aspectRatio: 696 / 830,
   },
   TURC_Fill: {
-    url: `${TURC_Fill}#TURC_Fill`,
+    // url `${TURC_Fill}#TURC_Fill`,
+    element: lazy(() => import('./ResortFill/TURC_Fill.svg?react')),
     viewBox: '0 0 696 830',
     aspectRatio: 696 / 830,
   },
   Taicang_Fill: {
-    url: `${Taicang_Fill}#Taicang_Fill`,
+    // url `${Taicang_Fill}#Taicang_Fill`,
+    element: lazy(() => import('./ResortFill/Taicang_Fill.svg?react')),
     viewBox: '0 0 696 830',
     aspectRatio: 696 / 830,
   },
   Thaiwoo_Fill: {
-    url: `${Thaiwoo_Fill}#Thaiwoo_Fill`,
+    // url `${Thaiwoo_Fill}#Thaiwoo_Fill`,
+    element: lazy(() => import('./ResortFill/Thaiwoo_Fill.svg?react')),
     viewBox: '0 0 696 830',
     aspectRatio: 696 / 830,
   },
   VERC_Fill: {
-    url: `${VERC_Fill}#VERC_Fill`,
+    // url `${VERC_Fill}#VERC_Fill`,
+    element: lazy(() => import('./ResortFill/VERC_Fill.svg?react')),
     viewBox: '0 0 696 830',
     aspectRatio: 696 / 830,
   },
   VMOC_Fill: {
-    url: `${VMOC_Fill}#VMOC_Fill`,
+    // url `${VMOC_Fill}#VMOC_Fill`,
+    element: lazy(() => import('./ResortFill/VMOC_Fill.svg?react')),
     viewBox: '0 0 696 830',
     aspectRatio: 696 / 830,
   },
   VTHC_Fill: {
-    url: `${VTHC_Fill}#VTHC_Fill`,
+    // url `${VTHC_Fill}#VTHC_Fill`,
+    element: lazy(() => import('./ResortFill/VTHC_Fill.svg?react')),
     viewBox: '0 0 696 830',
     aspectRatio: 696 / 830,
   },
   XLIJ_Fill: {
-    url: `${XLIJ_Fill}#XLIJ_Fill`,
+    // url `${XLIJ_Fill}#XLIJ_Fill`,
+    element: lazy(() => import('./ResortFill/XLIJ_Fill.svg?react')),
     viewBox: '0 0 696 830',
     aspectRatio: 696 / 830,
   },
   YABC_Fill: {
-    url: `${YABC_Fill}#YABC_Fill`,
+    // url `${YABC_Fill}#YABC_Fill`,
+    element: lazy(() => import('./ResortFill/YABC_Fill.svg?react')),
     viewBox: '0 0 696 830',
     aspectRatio: 696 / 830,
   },
   YANJ_Fill: {
-    url: `${YANJ_Fill}#YANJ_Fill`,
+    // url `${YANJ_Fill}#YANJ_Fill`,
+    element: lazy(() => import('./ResortFill/YANJ_Fill.svg?react')),
     viewBox: '0 0 696 830',
     aspectRatio: 696 / 830,
   },
   YASC_Fill: {
-    url: `${YASC_Fill}#YASC_Fill`,
+    // url `${YASC_Fill}#YASC_Fill`,
+    element: lazy(() => import('./ResortFill/YASC_Fill.svg?react')),
     viewBox: '0 0 696 830',
     aspectRatio: 696 / 830,
   },
@@ -1615,107 +2099,128 @@ export const ResortFill = {
 
 export const ResortFillEC = {
   ALBC_EC_Fill: {
-    url: `${ALBC_EC_Fill}#ALBC_EC_Fill`,
+    // url `${ALBC_EC_Fill}#ALBC_EC_Fill`,
+    element: lazy(() => import('./ResortFill-EC/ALBC_EC_Fill.svg?react')),
     viewBox: '0 0 696 830',
     aspectRatio: 696 / 830,
   },
   ALBV_EC_Fill: {
-    url: `${ALBV_EC_Fill}#ALBV_EC_Fill`,
+    // url `${ALBV_EC_Fill}#ALBV_EC_Fill`,
+    element: lazy(() => import('./ResortFill-EC/ALBV_EC_Fill.svg?react')),
     viewBox: '0 0 696 830',
     aspectRatio: 696 / 830,
   },
   ARPC_EC_Fill: {
-    url: `${ARPC_EC_Fill}#ARPC_EC_Fill`,
+    // url `${ARPC_EC_Fill}#ARPC_EC_Fill`,
+    element: lazy(() => import('./ResortFill-EC/ARPC_EC_Fill.svg?react')),
     viewBox: '0 0 696 830',
     aspectRatio: 696 / 830,
   },
   CANC_EC_Fill: {
-    url: `${CANC_EC_Fill}#CANC_EC_Fill`,
+    // url `${CANC_EC_Fill}#CANC_EC_Fill`,
+    element: lazy(() => import('./ResortFill-EC/CANC_EC_Fill.svg?react')),
     viewBox: '0 0 696 830',
     aspectRatio: 696 / 830,
   },
   CFAC_EC_Fill: {
-    url: `${CFAC_EC_Fill}#CFAC_EC_Fill`,
+    // url `${CFAC_EC_Fill}#CFAC_EC_Fill`,
+    element: lazy(() => import('./ResortFill-EC/CFAC_EC_Fill.svg?react')),
     viewBox: '0 0 696 830',
     aspectRatio: 696 / 830,
   },
   CM2C_EC_Fill: {
-    url: `${CM2C_EC_Fill}#CM2C_EC_Fill`,
+    // url `${CM2C_EC_Fill}#CM2C_EC_Fill`,
+    element: lazy(() => import('./ResortFill-EC/CM2C_EC_Fill.svg?react')),
     viewBox: '0 0 696 830',
     aspectRatio: 696 / 830,
   },
   GMAV_EC_Fill: {
-    url: `${GMAV_EC_Fill}#GMAV_EC_Fill`,
+    // url `${GMAV_EC_Fill}#GMAV_EC_Fill`,
+    element: lazy(() => import('./ResortFill-EC/GMAV_EC_Fill.svg?react')),
     viewBox: '0 0 696 830',
     aspectRatio: 696 / 830,
   },
   KANC_EC_Fill: {
-    url: `${KANC_EC_Fill}#KANC_EC_Fill`,
+    // url `${KANC_EC_Fill}#KANC_EC_Fill`,
+    element: lazy(() => import('./ResortFill-EC/KANC_EC_Fill.svg?react')),
     viewBox: '0 0 696 830',
     aspectRatio: 696 / 830,
   },
   KANV_EC_Fill: {
-    url: `${KANV_EC_Fill}#KANV_EC_Fill`,
+    // url `${KANV_EC_Fill}#KANV_EC_Fill`,
+    element: lazy(() => import('./ResortFill-EC/KANV_EC_Fill.svg?react')),
     viewBox: '0 0 696 830',
     aspectRatio: 696 / 830,
   },
   LROC_EC_Fill: {
-    url: `${LROC_EC_Fill}#LROC_EC_Fill`,
+    // url `${LROC_EC_Fill}#LROC_EC_Fill`,
+    element: lazy(() => import('./ResortFill-EC/LROC_EC_Fill.svg?react')),
     viewBox: '0 0 696 830',
     aspectRatio: 696 / 830,
   },
   MPAC_EC_Fill: {
-    url: `${MPAC_EC_Fill}#MPAC_EC_Fill`,
+    // url `${MPAC_EC_Fill}#MPAC_EC_Fill`,
+    element: lazy(() => import('./ResortFill-EC/MPAC_EC_Fill.svg?react')),
     viewBox: '0 0 696 830',
     aspectRatio: 696 / 830,
   },
   MPEC_EC_Fill: {
-    url: `${MPEC_EC_Fill}#MPEC_EC_Fill`,
+    // url `${MPEC_EC_Fill}#MPEC_EC_Fill`,
+    element: lazy(() => import('./ResortFill-EC/MPEC_EC_Fill.svg?react')),
     viewBox: '0 0 696 830',
     aspectRatio: 696 / 830,
   },
   PCAC_EC_Fill: {
-    url: `${PCAC_EC_Fill}#PCAC_EC_Fill`,
+    // url `${PCAC_EC_Fill}#PCAC_EC_Fill`,
+    element: lazy(() => import('./ResortFill-EC/PCAC_EC_Fill.svg?react')),
     viewBox: '0 0 696 830',
     aspectRatio: 696 / 830,
   },
   QCHC_EC_Fill: {
-    url: `${QCHC_EC_Fill}#QCHC_EC_Fill`,
+    // url `${QCHC_EC_Fill}#QCHC_EC_Fill`,
+    element: lazy(() => import('./ResortFill-EC/QCHC_EC_Fill.svg?react')),
     viewBox: '0 0 696 830',
     aspectRatio: 696 / 830,
   },
   RDPC_EC_Fill: {
-    url: `${RDPC_EC_Fill}#RDPC_EC_Fill`,
+    // url `${RDPC_EC_Fill}#RDPC_EC_Fill`,
+    element: lazy(() => import('./ResortFill-EC/RDPC_EC_Fill.svg?react')),
     viewBox: '0 0 696 830',
     aspectRatio: 696 / 830,
   },
   SEYC_EC_Fill: {
-    url: `${SEYC_EC_Fill}#SEYC_EC_Fill`,
+    // url `${SEYC_EC_Fill}#SEYC_EC_Fill`,
+    element: lazy(() => import('./ResortFill-EC/SEYC_EC_Fill.svg?react')),
     viewBox: '0 0 696 830',
     aspectRatio: 696 / 830,
   },
   TIGC_EC_Fill: {
-    url: `${TIGC_EC_Fill}#TIGC_EC_Fill`,
+    // url `${TIGC_EC_Fill}#TIGC_EC_Fill`,
+    element: lazy(() => import('./ResortFill-EC/TIGC_EC_Fill.svg?react')),
     viewBox: '0 0 696 830',
     aspectRatio: 696 / 830,
   },
   Utah_EC_Fill: {
-    url: `${Utah_EC_Fill}#Utah_EC_Fill`,
+    // url `${Utah_EC_Fill}#Utah_EC_Fill`,
+    element: lazy(() => import('./ResortFill-EC/Utah_EC_Fill.svg?react')),
     viewBox: '0 0 696 830',
     aspectRatio: 696 / 830,
   },
   VDIC_EC_Fill: {
-    url: `${VDIC_EC_Fill}#VDIC_EC_Fill`,
+    // url `${VDIC_EC_Fill}#VDIC_EC_Fill`,
+    element: lazy(() => import('./ResortFill-EC/VDIC_EC_Fill.svg?react')),
     viewBox: '0 0 696 830',
     aspectRatio: 696 / 830,
   },
   VMOC_EC_Fill: {
-    url: `${VMOC_EC_Fill}#VMOC_EC_Fill`,
+    // url `${VMOC_EC_Fill}#VMOC_EC_Fill`,
+    element: lazy(() => import('./ResortFill-EC/VMOC_EC_Fill.svg?react')),
     viewBox: '0 0 696 830',
     aspectRatio: 696 / 830,
   },
   VMOV_EC_Fill: {
-    url: `${VMOV_EC_Fill}#VMOV_EC_Fill`,
+    // url `${VMOV_EC_Fill}#VMOV_EC_Fill`,
+    element: lazy(() => import('./ResortFill-EC/VMOV_EC_Fill.svg?react')),
     viewBox: '0 0 696 830',
     aspectRatio: 696 / 830,
   },
@@ -1723,327 +2228,392 @@ export const ResortFillEC = {
 
 export const ResortOutline = {
   AEXC_Outline: {
-    url: `${AEXC_Outline}#AEXC_Outline`,
+    // url `${AEXC_Outline}#AEXC_Outline`,
+    element: lazy(() => import('./ResortOutline/AEXC_Outline.svg?react')),
     viewBox: '0 0 696 830',
     aspectRatio: 696 / 830,
   },
   ALHC_Outline: {
-    url: `${ALHC_Outline}#ALHC_Outline`,
+    // url `${ALHC_Outline}#ALHC_Outline`,
+    element: lazy(() => import('./ResortOutline/ALHC_Outline.svg?react')),
     viewBox: '0 0 696 830',
     aspectRatio: 696 / 830,
   },
   ANJJ_Outline: {
-    url: `${ANJJ_Outline}#ANJJ_Outline`,
+    // url `${ANJJ_Outline}#ANJJ_Outline`,
+    element: lazy(() => import('./ResortOutline/ANJJ_Outline.svg?react')),
     viewBox: '0 0 696 830',
     aspectRatio: 696 / 830,
   },
   ARPC_Outline: {
-    url: `${ARPC_Outline}#ARPC_Outline`,
+    // url `${ARPC_Outline}#ARPC_Outline`,
+    element: lazy(() => import('./ResortOutline/ARPC_Outline.svg?react')),
     viewBox: '0 0 696 830',
     aspectRatio: 696 / 830,
   },
   BALC_Outline: {
-    url: `${BALC_Outline}#BALC_Outline`,
+    // url `${BALC_Outline}#BALC_Outline`,
+    element: lazy(() => import('./ResortOutline/BALC_Outline.svg?react')),
     viewBox: '0 0 696 830',
     aspectRatio: 696 / 830,
   },
   BEIC_Outline: {
-    url: `${BEIC_Outline}#BEIC_Outline`,
+    // url `${BEIC_Outline}#BEIC_Outline`,
+    element: lazy(() => import('./ResortOutline/BEIC_Outline.svg?react')),
     viewBox: '0 0 696 830',
     aspectRatio: 696 / 830,
   },
   BODC_Outline: {
-    url: `${BODC_Outline}#BODC_Outline`,
+    // url `${BODC_Outline}#BODC_Outline`,
+    element: lazy(() => import('./ResortOutline/BODC_Outline.svg?react')),
     viewBox: '0 0 696 830',
     aspectRatio: 696 / 830,
   },
   BUCC_Outline: {
-    url: `${BUCC_Outline}#BUCC_Outline`,
+    // url `${BUCC_Outline}#BUCC_Outline`,
+    element: lazy(() => import('./ResortOutline/BUCC_Outline.svg?react')),
     viewBox: '0 0 696 830',
     aspectRatio: 696 / 830,
   },
   Benin_Outline: {
-    url: `${Benin_Outline}#Benin_Outline`,
+    // url `${Benin_Outline}#Benin_Outline`,
+    element: lazy(() => import('./ResortOutline/Benin_Outline.svg?react')),
     viewBox: '0 0 696 830',
     aspectRatio: 696 / 830,
   },
   Borneo_Outline: {
-    url: `${Borneo_Outline}#Borneo_Outline`,
+    // url `${Borneo_Outline}#Borneo_Outline`,
+    element: lazy(() => import('./ResortOutline/Borneo_Outline.svg?react')),
     viewBox: '0 0 696 830',
     aspectRatio: 696 / 830,
   },
   CANC_Outline: {
-    url: `${CANC_Outline}#CANC_Outline`,
+    // url `${CANC_Outline}#CANC_Outline`,
+    element: lazy(() => import('./ResortOutline/CANC_Outline.svg?react')),
     viewBox: '0 0 696 830',
     aspectRatio: 696 / 830,
   },
   CARC_Outline: {
-    url: `${CARC_Outline}#CARC_Outline`,
+    // url `${CARC_Outline}#CARC_Outline`,
+    element: lazy(() => import('./ResortOutline/CARC_Outline.svg?react')),
     viewBox: '0 0 696 830',
     aspectRatio: 696 / 830,
   },
   CBAC_Outline: {
-    url: `${CBAC_Outline}#CBAC_Outline`,
+    // url `${CBAC_Outline}#CBAC_Outline`,
+    element: lazy(() => import('./ResortOutline/CBAC_Outline.svg?react')),
     viewBox: '0 0 696 830',
     aspectRatio: 696 / 830,
   },
   CGBJ_Outline: {
-    url: `${CGBJ_Outline}#CGBJ_Outline`,
+    // url `${CGBJ_Outline}#CGBJ_Outline`,
+    element: lazy(() => import('./ResortOutline/CGBJ_Outline.svg?react')),
     viewBox: '0 0 696 830',
     aspectRatio: 696 / 830,
   },
   CHEC_Outline: {
-    url: `${CHEC_Outline}#CHEC_Outline`,
+    // url `${CHEC_Outline}#CHEC_Outline`,
+    element: lazy(() => import('./ResortOutline/CHEC_Outline.svg?react')),
     viewBox: '0 0 696 830',
     aspectRatio: 696 / 830,
   },
   COLC_Outline: {
-    url: `${COLC_Outline}#COLC_Outline`,
+    // url `${COLC_Outline}#COLC_Outline`,
+    element: lazy(() => import('./ResortOutline/COLC_Outline.svg?react')),
     viewBox: '0 0 696 830',
     aspectRatio: 696 / 830,
   },
   CSKC_Outline: {
-    url: `${CSKC_Outline}#CSKC_Outline`,
+    // url `${CSKC_Outline}#CSKC_Outline`,
+    element: lazy(() => import('./ResortOutline/CSKC_Outline.svg?react')),
     viewBox: '0 0 696 830',
     aspectRatio: 696 / 830,
   },
   DBAC_Outline: {
-    url: `${DBAC_Outline}#DBAC_Outline`,
+    // url `${DBAC_Outline}#DBAC_Outline`,
+    element: lazy(() => import('./ResortOutline/DBAC_Outline.svg?react')),
     viewBox: '0 0 696 830',
     aspectRatio: 696 / 830,
   },
   DDOC_Outline: {
-    url: `${DDOC_Outline}#DDOC_Outline`,
+    // url `${DDOC_Outline}#DDOC_Outline`,
+    element: lazy(() => import('./ResortOutline/DDOC_Outline.svg?react')),
     viewBox: '0 0 696 830',
     aspectRatio: 696 / 830,
   },
   Foshan_Outline: {
-    url: `${Foshan_Outline}#Foshan_Outline`,
+    // url `${Foshan_Outline}#Foshan_Outline`,
+    element: lazy(() => import('./ResortOutline/Foshan_Outline.svg?react')),
     viewBox: '0 0 696 830',
     aspectRatio: 696 / 830,
   },
   GMAC_Outline: {
-    url: `${GMAC_Outline}#GMAC_Outline`,
+    // url `${GMAC_Outline}#GMAC_Outline`,
+    element: lazy(() => import('./ResortOutline/GMAC_Outline.svg?react')),
     viewBox: '0 0 696 830',
     aspectRatio: 696 / 830,
   },
   GREC_Outline: {
-    url: `${GREC_Outline}#GREC_Outline`,
+    // url `${GREC_Outline}#GREC_Outline`,
+    element: lazy(() => import('./ResortOutline/GREC_Outline.svg?react')),
     viewBox: '0 0 696 830',
     aspectRatio: 696 / 830,
   },
   GUIC_Outline: {
-    url: `${GUIC_Outline}#GUIC_Outline`,
+    // url `${GUIC_Outline}#GUIC_Outline`,
+    element: lazy(() => import('./ResortOutline/GUIC_Outline.svg?react')),
     viewBox: '0 0 696 830',
     aspectRatio: 696 / 830,
   },
   Heilongtan_Outline: {
-    url: `${Heilongtan_Outline}#Heilongtan_Outline`,
+    // url `${Heilongtan_Outline}#Heilongtan_Outline`,
+    element: lazy(() => import('./ResortOutline/Heilongtan_Outline.svg?react')),
     viewBox: '0 0 696 830',
     aspectRatio: 696 / 830,
   },
   IXTC_Outline: {
-    url: `${IXTC_Outline}#IXTC_Outline`,
+    // url `${IXTC_Outline}#IXTC_Outline`,
+    element: lazy(() => import('./ResortOutline/IXTC_Outline.svg?react')),
     viewBox: '0 0 696 830',
     aspectRatio: 696 / 830,
   },
   KABC_Outline: {
-    url: `${KABC_Outline}#KABC_Outline`,
+    // url `${KABC_Outline}#KABC_Outline`,
+    element: lazy(() => import('./ResortOutline/KABC_Outline.svg?react')),
     viewBox: '0 0 696 830',
     aspectRatio: 696 / 830,
   },
   KANC_Outline: {
-    url: `${KANC_Outline}#KANC_Outline`,
+    // url `${KANC_Outline}#KANC_Outline`,
+    element: lazy(() => import('./ResortOutline/KANC_Outline.svg?react')),
     viewBox: '0 0 696 830',
     aspectRatio: 696 / 830,
   },
   KEMC_Outline: {
-    url: `${KEMC_Outline}#KEMC_Outline`,
+    // url `${KEMC_Outline}#KEMC_Outline`,
+    element: lazy(() => import('./ResortOutline/KEMC_Outline.svg?react')),
     viewBox: '0 0 696 830',
     aspectRatio: 696 / 830,
   },
   KIGC_Outline: {
-    url: `${KIGC_Outline}#KIGC_Outline`,
+    // url `${KIGC_Outline}#KIGC_Outline`,
+    element: lazy(() => import('./ResortOutline/KIGC_Outline.svg?react')),
     viewBox: '0 0 696 830',
     aspectRatio: 696 / 830,
   },
   KIPC_Outline: {
-    url: `${KIPC_Outline}#KIPC_Outline`,
+    // url `${KIPC_Outline}#KIPC_Outline`,
+    element: lazy(() => import('./ResortOutline/KIPC_Outline.svg?react')),
     viewBox: '0 0 696 830',
     aspectRatio: 696 / 830,
   },
   LAKJ_Outline: {
-    url: `${LAKJ_Outline}#LAKJ_Outline`,
+    // url `${LAKJ_Outline}#LAKJ_Outline`,
+    element: lazy(() => import('./ResortOutline/LAKJ_Outline.svg?react')),
     viewBox: '0 0 696 830',
     aspectRatio: 696 / 830,
   },
   LAPC_Outline: {
-    url: `${LAPC_Outline}#LAPC_Outline`,
+    // url `${LAPC_Outline}#LAPC_Outline`,
+    element: lazy(() => import('./ResortOutline/LAPC_Outline.svg?react')),
     viewBox: '0 0 696 830',
     aspectRatio: 696 / 830,
   },
   LJIC_Outline: {
-    url: `${LJIC_Outline}#LJIC_Outline`,
+    // url `${LJIC_Outline}#LJIC_Outline`,
+    element: lazy(() => import('./ResortOutline/LJIC_Outline.svg?react')),
     viewBox: '0 0 696 830',
     aspectRatio: 696 / 830,
   },
   LPAC_Outline: {
-    url: `${LPAC_Outline}#LPAC_Outline`,
+    // url `${LPAC_Outline}#LPAC_Outline`,
+    element: lazy(() => import('./ResortOutline/LPAC_Outline.svg?react')),
     viewBox: '0 0 696 830',
     aspectRatio: 696 / 830,
   },
   LROC_Outline: {
-    url: `${LROC_Outline}#LROC_Outline`,
+    // url `${LROC_Outline}#LROC_Outline`,
+    element: lazy(() => import('./ResortOutline/LROC_Outline.svg?react')),
     viewBox: '0 0 696 830',
     aspectRatio: 696 / 830,
   },
   MAUC_Outline: {
-    url: `${MAUC_Outline}#MAUC_Outline`,
+    // url `${MAUC_Outline}#MAUC_Outline`,
+    element: lazy(() => import('./ResortOutline/MAUC_Outline.svg?react')),
     viewBox: '0 0 696 830',
     aspectRatio: 696 / 830,
   },
   MMAC_Outline: {
-    url: `${MMAC_Outline}#MMAC_Outline`,
+    // url `${MMAC_Outline}#MMAC_Outline`,
+    element: lazy(() => import('./ResortOutline/MMAC_Outline.svg?react')),
     viewBox: '0 0 696 830',
     aspectRatio: 696 / 830,
   },
   MPAC_Outline: {
-    url: `${MPAC_Outline}#MPAC_Outline`,
+    // url `${MPAC_Outline}#MPAC_Outline`,
+    element: lazy(() => import('./ResortOutline/MPAC_Outline.svg?react')),
     viewBox: '0 0 696 830',
     aspectRatio: 696 / 830,
   },
   OPIC_Outline: {
-    url: `${OPIC_Outline}#OPIC_Outline`,
+    // url `${OPIC_Outline}#OPIC_Outline`,
+    element: lazy(() => import('./ResortOutline/OPIC_Outline.svg?react')),
     viewBox: '0 0 696 830',
     aspectRatio: 696 / 830,
   },
   PALC_Outline: {
-    url: `${PALC_Outline}#PALC_Outline`,
+    // url `${PALC_Outline}#PALC_Outline`,
+    element: lazy(() => import('./ResortOutline/PALC_Outline.svg?react')),
     viewBox: '0 0 696 830',
     aspectRatio: 696 / 830,
   },
   PCAC_Outline: {
-    url: `${PCAC_Outline}#PCAC_Outline`,
+    // url `${PCAC_Outline}#PCAC_Outline`,
+    element: lazy(() => import('./ResortOutline/PCAC_Outline.svg?react')),
     viewBox: '0 0 696 830',
     aspectRatio: 696 / 830,
   },
   PHUC_Outline: {
-    url: `${PHUC_Outline}#PHUC_Outline`,
+    // url `${PHUC_Outline}#PHUC_Outline`,
+    element: lazy(() => import('./ResortOutline/PHUC_Outline.svg?react')),
     viewBox: '0 0 696 830',
     aspectRatio: 696 / 830,
   },
   PLAC_Outline: {
-    url: `${PLAC_Outline}#PLAC_Outline`,
+    // url `${PLAC_Outline}#PLAC_Outline`,
+    element: lazy(() => import('./ResortOutline/PLAC_Outline.svg?react')),
     viewBox: '0 0 696 830',
     aspectRatio: 696 / 830,
   },
   PRAC_Outline: {
-    url: `${PRAC_Outline}#PRAC_Outline`,
+    // url `${PRAC_Outline}#PRAC_Outline`,
+    element: lazy(() => import('./ResortOutline/PRAC_Outline.svg?react')),
     viewBox: '0 0 696 830',
     aspectRatio: 696 / 830,
   },
   PVAC_Outline: {
-    url: `${PVAC_Outline}#PVAC_Outline`,
+    // url `${PVAC_Outline}#PVAC_Outline`,
+    element: lazy(() => import('./ResortOutline/PVAC_Outline.svg?react')),
     viewBox: '0 0 696 830',
     aspectRatio: 696 / 830,
   },
   QCHC_Outline: {
-    url: `${QCHC_Outline}#QCHC_Outline`,
+    // url `${QCHC_Outline}#QCHC_Outline`,
+    element: lazy(() => import('./ResortOutline/QCHC_Outline.svg?react')),
     viewBox: '0 0 696 830',
     aspectRatio: 696 / 830,
   },
   RBIC_Outline: {
-    url: `${RBIC_Outline}#RBIC_Outline`,
+    // url `${RBIC_Outline}#RBIC_Outline`,
+    element: lazy(() => import('./ResortOutline/RBIC_Outline.svg?react')),
     viewBox: '0 0 696 830',
     aspectRatio: 696 / 830,
   },
   RDPC_Outline: {
-    url: `${RDPC_Outline}#RDPC_Outline`,
+    // url `${RDPC_Outline}#RDPC_Outline`,
+    element: lazy(() => import('./ResortOutline/RDPC_Outline.svg?react')),
     viewBox: '0 0 696 830',
     aspectRatio: 696 / 830,
   },
   SAOC_Outline: {
-    url: `${SAOC_Outline}#SAOC_Outline`,
+    // url `${SAOC_Outline}#SAOC_Outline`,
+    element: lazy(() => import('./ResortOutline/SAOC_Outline.svg?react')),
     viewBox: '0 0 696 830',
     aspectRatio: 696 / 830,
   },
   SCHC_Outline: {
-    url: `${SCHC_Outline}#SCHC_Outline`,
+    // url `${SCHC_Outline}#SCHC_Outline`,
+    element: lazy(() => import('./ResortOutline/SCHC_Outline.svg?react')),
     viewBox: '0 0 696 830',
     aspectRatio: 696 / 830,
   },
   SMRC_Outline: {
-    url: `${SMRC_Outline}#SMRC_Outline`,
+    // url `${SMRC_Outline}#SMRC_Outline`,
+    element: lazy(() => import('./ResortOutline/SMRC_Outline.svg?react')),
     viewBox: '0 0 696 830',
     aspectRatio: 696 / 830,
   },
   Shanwei_Outline: {
-    url: `${Shanwei_Outline}#Shanwei_Outline`,
+    // url `${Shanwei_Outline}#Shanwei_Outline`,
+    element: lazy(() => import('./ResortOutline/Shanwei_Outline.svg?react')),
     viewBox: '0 0 696 830',
     aspectRatio: 696 / 830,
   },
   TIGC_Outline: {
-    url: `${TIGC_Outline}#TIGC_Outline`,
+    // url `${TIGC_Outline}#TIGC_Outline`,
+    element: lazy(() => import('./ResortOutline/TIGC_Outline.svg?react')),
     viewBox: '0 0 696 830',
     aspectRatio: 696 / 830,
   },
   TOMC_Outline: {
-    url: `${TOMC_Outline}#TOMC_Outline`,
+    // url `${TOMC_Outline}#TOMC_Outline`,
+    element: lazy(() => import('./ResortOutline/TOMC_Outline.svg?react')),
     viewBox: '0 0 142 170',
     aspectRatio: 696 / 830,
   },
   TRAC_Outline: {
-    url: `${TRAC_Outline}#TRAC_Outline`,
+    // url `${TRAC_Outline}#TRAC_Outline`,
+    element: lazy(() => import('./ResortOutline/TRAC_Outline.svg?react')),
     viewBox: '0 0 696 830',
     aspectRatio: 696 / 830,
   },
   TURC_Outline: {
-    url: `${TURC_Outline}#TURC_Outline`,
+    // url `${TURC_Outline}#TURC_Outline`,
+    element: lazy(() => import('./ResortOutline/TURC_Outline.svg?react')),
     viewBox: '0 0 696 830',
     aspectRatio: 696 / 830,
   },
   Taican_Outline: {
-    url: `${Taican_Outline}#Taican_Outline`,
+    // url `${Taican_Outline}#Taican_Outline`,
+    element: lazy(() => import('./ResortOutline/Taican_Outline.svg?react')),
     viewBox: '0 0 696 830',
     aspectRatio: 696 / 830,
   },
   Thaiwoo_Outline: {
-    url: `${Thaiwoo_Outline}#Thaiwoo_Outline`,
+    // url `${Thaiwoo_Outline}#Thaiwoo_Outline`,
+    element: lazy(() => import('./ResortOutline/Thaiwoo_Outline.svg?react')),
     viewBox: '0 0 696 830',
     aspectRatio: 696 / 830,
   },
   VERC_Outline: {
-    url: `${VERC_Outline}#VERC_Outline`,
+    // url `${VERC_Outline}#VERC_Outline`,
+    element: lazy(() => import('./ResortOutline/VERC_Outline.svg?react')),
     viewBox: '0 0 696 830',
     aspectRatio: 696 / 830,
   },
   VMOC_Outline: {
-    url: `${VMOC_Outline}#VMOC_Outline`,
+    // url `${VMOC_Outline}#VMOC_Outline`,
+    element: lazy(() => import('./ResortOutline/VMOC_Outline.svg?react')),
     viewBox: '0 0 696 830',
     aspectRatio: 696 / 830,
   },
   VTHC_Outline: {
-    url: `${VTHC_Outline}#VTHC_Outline`,
+    // url `${VTHC_Outline}#VTHC_Outline`,
+    element: lazy(() => import('./ResortOutline/VTHC_Outline.svg?react')),
     viewBox: '0 0 696 830',
     aspectRatio: 696 / 830,
   },
   XLIJ_Outline: {
-    url: `${XLIJ_Outline}#XLIJ_Outline`,
+    // url `${XLIJ_Outline}#XLIJ_Outline`,
+    element: lazy(() => import('./ResortOutline/XLIJ_Outline.svg?react')),
     viewBox: '0 0 696 830',
     aspectRatio: 696 / 830,
   },
   YABC_Outline: {
-    url: `${YABC_Outline}#YABC_Outline`,
+    // url `${YABC_Outline}#YABC_Outline`,
+    element: lazy(() => import('./ResortOutline/YABC_Outline.svg?react')),
     viewBox: '0 0 696 830',
     aspectRatio: 696 / 830,
   },
   YANJ_Outline: {
-    url: `${YANJ_Outline}#YANJ_Outline`,
+    // url `${YANJ_Outline}#YANJ_Outline`,
+    element: lazy(() => import('./ResortOutline/YANJ_Outline.svg?react')),
     viewBox: '0 0 696 830',
     aspectRatio: 696 / 830,
   },
   YASC_Outline: {
-    url: `${YASC_Outline}#YASC_Outline`,
+    // url `${YASC_Outline}#YASC_Outline`,
+    element: lazy(() => import('./ResortOutline/YASC_Outline.svg?react')),
     viewBox: '0 0 696 830',
     aspectRatio: 696 / 830,
   },
@@ -2051,324 +2621,464 @@ export const ResortOutline = {
 
 export const ResortOutlineEC = {
   ALBC_EC_Outline: {
-    url: `${ALBC_EC_Outline}#ALBC_EC_Outline`,
+    // url `${ALBC_EC_Outline}#ALBC_EC_Outline`,
+    element: lazy(() => import('./ResortOutline-EC/ALBC_EC_Outline.svg?react')),
     viewBox: '0 0 696 830',
     aspectRatio: 696 / 830,
   },
   ALBV_EC_Outline: {
-    url: `${ALBV_EC_Outline}#ALBV_EC_Outline`,
+    // url `${ALBV_EC_Outline}#ALBV_EC_Outline`,
+    element: lazy(() => import('./ResortOutline-EC/ALBV_EC_Outline.svg?react')),
     viewBox: '0 0 696 830',
     aspectRatio: 696 / 830,
   },
   ARPC_EC_Outline: {
-    url: `${ARPC_EC_Outline}#ARPC_EC_Outline`,
+    // url `${ARPC_EC_Outline}#ARPC_EC_Outline`,
+    element: lazy(() => import('./ResortOutline-EC/ARPC_EC_Outline.svg?react')),
     viewBox: '0 0 696 830',
     aspectRatio: 696 / 830,
   },
   CANC_EC_Outline: {
-    url: `${CANC_EC_Outline}#CANC_EC_Outline`,
+    // url `${CANC_EC_Outline}#CANC_EC_Outline`,
+    element: lazy(() => import('./ResortOutline-EC/CANC_EC_Outline.svg?react')),
     viewBox: '0 0 696 830',
     aspectRatio: 696 / 830,
   },
   CFAC_EC_Outline: {
-    url: `${CFAC_EC_Outline}#CFAC_EC_Outline`,
+    // url `${CFAC_EC_Outline}#CFAC_EC_Outline`,
+    element: lazy(() => import('./ResortOutline-EC/CFAC_EC_Outline.svg?react')),
     viewBox: '0 0 696 830',
     aspectRatio: 696 / 830,
   },
   CM2C_EC_Outline: {
-    url: `${CM2C_EC_Outline}#CM2C_EC_Outline`,
+    // url `${CM2C_EC_Outline}#CM2C_EC_Outline`,
+    element: lazy(() => import('./ResortOutline-EC/CM2C_EC_Outline.svg?react')),
     viewBox: '0 0 696 830',
     aspectRatio: 696 / 830,
   },
   GMAV_EC_Outline: {
-    url: `${GMAV_EC_Outline}#GMAV_EC_Outline`,
+    // url `${GMAV_EC_Outline}#GMAV_EC_Outline`,
+    element: lazy(() => import('./ResortOutline-EC/GMAV_EC_Outline.svg?react')),
     viewBox: '0 0 696 830',
     aspectRatio: 696 / 830,
   },
   KANC_EC_Outline: {
-    url: `${KANC_EC_Outline}#KANC_EC_Outline`,
+    // url `${KANC_EC_Outline}#KANC_EC_Outline`,
+    element: lazy(() => import('./ResortOutline-EC/KANC_EC_Outline.svg?react')),
     viewBox: '0 0 696 830',
     aspectRatio: 696 / 830,
   },
   KANV_EC_Outline: {
-    url: `${KANV_EC_Outline}#KANV_EC_Outline`,
+    // url `${KANV_EC_Outline}#KANV_EC_Outline`,
+    element: lazy(() => import('./ResortOutline-EC/KANV_EC_Outline.svg?react')),
     viewBox: '0 0 696 830',
     aspectRatio: 696 / 830,
   },
   LROC_EC_Outline: {
-    url: `${LROC_EC_Outline}#LROC_EC_Outline`,
+    // url `${LROC_EC_Outline}#LROC_EC_Outline`,
+    element: lazy(() => import('./ResortOutline-EC/LROC_EC_Outline.svg?react')),
     viewBox: '0 0 696 830',
     aspectRatio: 696 / 830,
   },
   MPAC_EC_Outline: {
-    url: `${MPAC_EC_Outline}#MPAC_EC_Outline`,
+    // url `${MPAC_EC_Outline}#MPAC_EC_Outline`,
+    element: lazy(() => import('./ResortOutline-EC/MPAC_EC_Outline.svg?react')),
     viewBox: '0 0 696 830',
     aspectRatio: 696 / 830,
   },
   MPEC_EC_Outline: {
-    url: `${MPEC_EC_Outline}#MPEC_EC_Outline`,
+    // url `${MPEC_EC_Outline}#MPEC_EC_Outline`,
+    element: lazy(() => import('./ResortOutline-EC/MPEC_EC_Outline.svg?react')),
     viewBox: '0 0 696 830',
     aspectRatio: 696 / 830,
   },
   PCAC_EC_Outline: {
-    url: `${PCAC_EC_Outline}#PCAC_EC_Outline`,
+    // url `${PCAC_EC_Outline}#PCAC_EC_Outline`,
+    element: lazy(() => import('./ResortOutline-EC/PCAC_EC_Outline.svg?react')),
     viewBox: '0 0 696 830',
     aspectRatio: 696 / 830,
   },
   QCHC_EC_Outline: {
-    url: `${QCHC_EC_Outline}#QCHC_EC_Outline`,
+    // url `${QCHC_EC_Outline}#QCHC_EC_Outline`,
+    element: lazy(() => import('./ResortOutline-EC/QCHC_EC_Outline.svg?react')),
     viewBox: '0 0 696 830',
     aspectRatio: 696 / 830,
   },
   RDPC_EC_Outline: {
-    url: `${RDPC_EC_Outline}#RDPC_EC_Outline`,
+    // url `${RDPC_EC_Outline}#RDPC_EC_Outline`,
+    element: lazy(() => import('./ResortOutline-EC/RDPC_EC_Outline.svg?react')),
     viewBox: '0 0 696 830',
     aspectRatio: 696 / 830,
   },
   SEYC_EC_Outline: {
-    url: `${SEYC_EC_Outline}#SEYC_EC_Outline`,
+    // url `${SEYC_EC_Outline}#SEYC_EC_Outline`,
+    element: lazy(() => import('./ResortOutline-EC/SEYC_EC_Outline.svg?react')),
     viewBox: '0 0 696 830',
     aspectRatio: 696 / 830,
   },
   TIGC_EC_Outline: {
-    url: `${TIGC_EC_Outline}#TIGC_EC_Outline`,
+    // url `${TIGC_EC_Outline}#TIGC_EC_Outline`,
+    element: lazy(() => import('./ResortOutline-EC/TIGC_EC_Outline.svg?react')),
     viewBox: '0 0 696 830',
     aspectRatio: 696 / 830,
   },
   Utah_EC_Outline: {
-    url: `${Utah_EC_Outline}#Utah_EC_Outline`,
+    // url `${Utah_EC_Outline}#Utah_EC_Outline`,
+    element: lazy(() => import('./ResortOutline-EC/Utah_EC_Outline.svg?react')),
     viewBox: '0 0 696 830',
     aspectRatio: 696 / 830,
   },
   VDIC_EC_Outline: {
-    url: `${VDIC_EC_Outline}#VDIC_EC_Outline`,
+    // url `${VDIC_EC_Outline}#VDIC_EC_Outline`,
+    element: lazy(() => import('./ResortOutline-EC/VDIC_EC_Outline.svg?react')),
     viewBox: '0 0 696 830',
     aspectRatio: 696 / 830,
   },
   VMOC_EC_Outline: {
-    url: `${VMOC_EC_Outline}#VMOC_EC_Outline`,
+    // url `${VMOC_EC_Outline}#VMOC_EC_Outline`,
+    element: lazy(() => import('./ResortOutline-EC/VMOC_EC_Outline.svg?react')),
     viewBox: '0 0 696 830',
     aspectRatio: 696 / 830,
   },
   VMOV_EC_Outline: {
-    url: `${VMOV_EC_Outline}#VMOV_EC_Outline`,
+    // url `${VMOV_EC_Outline}#VMOV_EC_Outline`,
+    element: lazy(() => import('./ResortOutline-EC/VMOV_EC_Outline.svg?react')),
     viewBox: '0 0 696 830',
     aspectRatio: 696 / 830,
   },
 } satisfies IconsSet;
 
 export const Room = {
-  AC: { url: `${AC}#AC`, viewBox: '0 0 30 30', aspectRatio: 1 },
+  AC: {
+    // url `${AC}#AC`,
+    element: lazy(() => import('./Room/AC.svg?react')),
+    viewBox: '0 0 30 30',
+    aspectRatio: 1,
+  },
   Amenities: {
-    url: `${Amenities}#Amenities`,
+    // url `${Amenities}#Amenities`,
+    element: lazy(() => import('./Room/Amenities.svg?react')),
+    viewBox: '0 0 30 30',
+    aspectRatio: 1,
+  },
+  BabyBed: {
+    // url `${BabyBed}#BabyBed`,
+    element: lazy(() => import('./Room/BabyBed.svg?react')),
+    viewBox: '0 0 30 30',
+    aspectRatio: 1,
+  },
+  Balcony: {
+    // url `${Balcony}#Balcony`,
+    element: lazy(() => import('./Room/Balcony.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
-  BabyBed: { url: `${BabyBed}#BabyBed`, viewBox: '0 0 30 30', aspectRatio: 1 },
-  Balcony: { url: `${Balcony}#Balcony`, viewBox: '0 0 30 30', aspectRatio: 1 },
   Balneotherapy: {
-    url: `${Balneotherapy}#Balneotherapy`,
+    // url `${Balneotherapy}#Balneotherapy`,
+    element: lazy(() => import('./Room/Balneotherapy.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
   Bathrobe: {
-    url: `${Bathrobe}#Bathrobe`,
+    // url `${Bathrobe}#Bathrobe`,
+    element: lazy(() => import('./Room/Bathrobe.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
   BathtubShower: {
-    url: `${BathtubShower}#BathtubShower`,
+    // url `${BathtubShower}#BathtubShower`,
+    element: lazy(() => import('./Room/BathtubShower.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
   BeachTowel: {
-    url: `${BeachTowel}#BeachTowel`,
+    // url `${BeachTowel}#BeachTowel`,
+    element: lazy(() => import('./Room/BeachTowel.svg?react')),
+    viewBox: '0 0 30 30',
+    aspectRatio: 1,
+  },
+  Bedroom: {
+    // url `${Bedroom}#Bedroom`,
+    element: lazy(() => import('./Room/Bedroom.svg?react')),
+    viewBox: '0 0 30 30',
+    aspectRatio: 1,
+  },
+  Bidet: {
+    // url `${Bidet}#Bidet`,
+    element: lazy(() => import('./Room/Bidet.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
-  Bedroom: { url: `${Bedroom}#Bedroom`, viewBox: '0 0 30 30', aspectRatio: 1 },
-  Bidet: { url: `${Bidet}#Bidet`, viewBox: '0 0 30 30', aspectRatio: 1 },
   ChildrenSeparatedRoom: {
-    url: `${ChildrenSeparatedRoom}#ChildrenSeparatedRoom`,
+    // url `${ChildrenSeparatedRoom}#ChildrenSeparatedRoom`,
+    element: lazy(() => import('./Room/ChildrenSeparatedRoom.svg?react')),
+    viewBox: '0 0 30 30',
+    aspectRatio: 1,
+  },
+  Daybed: {
+    // url `${Daybed}#Daybed`,
+    element: lazy(() => import('./Room/Daybed.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
-  Daybed: { url: `${Daybed}#Daybed`, viewBox: '0 0 30 30', aspectRatio: 1 },
   Dressing: {
-    url: `${Dressing}#Dressing`,
+    // url `${Dressing}#Dressing`,
+    element: lazy(() => import('./Room/Dressing.svg?react')),
+    viewBox: '0 0 30 30',
+    aspectRatio: 1,
+  },
+  Dryer: {
+    // url `${Dryer}#Dryer`,
+    element: lazy(() => import('./Room/Dryer.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
-  Dryer: { url: `${Dryer}#Dryer`, viewBox: '0 0 30 30', aspectRatio: 1 },
   DualBasin: {
-    url: `${DualBasin}#DualBasin`,
+    // url `${DualBasin}#DualBasin`,
+    element: lazy(() => import('./Room/DualBasin.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
   Electricity: {
-    url: `${Electricity}#Electricity`,
+    // url `${Electricity}#Electricity`,
+    element: lazy(() => import('./Room/Electricity.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
   Fireplace: {
-    url: `${Fireplace}#Fireplace`,
+    // url `${Fireplace}#Fireplace`,
+    element: lazy(() => import('./Room/Fireplace.svg?react')),
+    viewBox: '0 0 30 30',
+    aspectRatio: 1,
+  },
+  Fridge: {
+    // url `${Fridge}#Fridge`,
+    element: lazy(() => import('./Room/Fridge.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
-  Fridge: { url: `${Fridge}#Fridge`, viewBox: '0 0 30 30', aspectRatio: 1 },
   Household: {
-    url: `${Household}#Household`,
+    // url `${Household}#Household`,
+    element: lazy(() => import('./Room/Household.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
   LoungeAreaInside: {
-    url: `${LoungeAreaInside}#LoungeAreaInside`,
+    // url `${LoungeAreaInside}#LoungeAreaInside`,
+    element: lazy(() => import('./Room/LoungeAreaInside.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
   LoungeAreaOutside: {
-    url: `${LoungeAreaOutside}#LoungeAreaOutside`,
+    // url `${LoungeAreaOutside}#LoungeAreaOutside`,
+    element: lazy(() => import('./Room/LoungeAreaOutside.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
   MagnifyingMirror: {
-    url: `${MagnifyingMirror}#MagnifyingMirror`,
+    // url `${MagnifyingMirror}#MagnifyingMirror`,
+    element: lazy(() => import('./Room/MagnifyingMirror.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
   Multimedia: {
-    url: `${Multimedia}#Multimedia`,
+    // url `${Multimedia}#Multimedia`,
+    element: lazy(() => import('./Room/Multimedia.svg?react')),
+    viewBox: '0 0 30 30',
+    aspectRatio: 1,
+  },
+  Ofuro: {
+    // url `${Ofuro}#Ofuro`,
+    element: lazy(() => import('./Room/Ofuro.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
-  Ofuro: { url: `${Ofuro}#Ofuro`, viewBox: '0 0 30 30', aspectRatio: 1 },
   RoomSafe: {
-    url: `${RoomSafe}#RoomSafe`,
+    // url `${RoomSafe}#RoomSafe`,
+    element: lazy(() => import('./Room/RoomSafe.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
   RoomService: {
-    url: `${RoomService}#RoomService`,
+    // url `${RoomService}#RoomService`,
+    element: lazy(() => import('./Room/RoomService.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
   SeparatedRoom: {
-    url: `${SeparatedRoom}#SeparatedRoom`,
+    // url `${SeparatedRoom}#SeparatedRoom`,
+    element: lazy(() => import('./Room/SeparatedRoom.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
   SeparatedWC: {
-    url: `${SeparatedWC}#SeparatedWC`,
+    // url `${SeparatedWC}#SeparatedWC`,
+    element: lazy(() => import('./Room/SeparatedWC.svg?react')),
+    viewBox: '0 0 30 30',
+    aspectRatio: 1,
+  },
+  Shower: {
+    // url `${Shower}#Shower`,
+    element: lazy(() => import('./Room/Shower.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
-  Shower: { url: `${Shower}#Shower`, viewBox: '0 0 30 30', aspectRatio: 1 },
   ShowerPMR: {
-    url: `${ShowerPMR}#ShowerPMR`,
+    // url `${ShowerPMR}#ShowerPMR`,
+    element: lazy(() => import('./Room/ShowerPMR.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
   ShowerWC: {
-    url: `${ShowerWC}#ShowerWC`,
+    // url `${ShowerWC}#ShowerWC`,
+    element: lazy(() => import('./Room/ShowerWC.svg?react')),
+    viewBox: '0 0 30 30',
+    aspectRatio: 1,
+  },
+  Size: {
+    // url `${Size}#Size`,
+    element: lazy(() => import('./Room/Size.svg?react')),
+    viewBox: '0 0 30 30',
+    aspectRatio: 1,
+  },
+  TV: {
+    // url `${TV}#TV`,
+    element: lazy(() => import('./Room/TV.svg?react')),
+    viewBox: '0 0 30 30',
+    aspectRatio: 1,
+  },
+  WIFI: {
+    // url `${WIFI}#WIFI`,
+    element: lazy(() => import('./Room/WIFI.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
-  Size: { url: `${Size}#Size`, viewBox: '0 0 30 30', aspectRatio: 1 },
-  TV: { url: `${TV}#TV`, viewBox: '0 0 30 30', aspectRatio: 1 },
-  WIFI: { url: `${WIFI}#WIFI`, viewBox: '0 0 30 30', aspectRatio: 1 },
 } satisfies IconsSet;
 
 export const Services = {
   AllInclusive: {
-    url: `${AllInclusive}#AllInclusive`,
+    // url `${AllInclusive}#AllInclusive`,
+    element: lazy(() => import('./Services/AllInclusive.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
   BabyBottle: {
-    url: `${BabyBottle}#BabyBottle`,
+    // url `${BabyBottle}#BabyBottle`,
+    element: lazy(() => import('./Services/BabyBottle.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
   BabyWelcome: {
-    url: `${BabyWelcome}#BabyWelcome`,
+    // url `${BabyWelcome}#BabyWelcome`,
+    element: lazy(() => import('./Services/BabyWelcome.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
   ClothesDryer: {
-    url: `${ClothesDryer}#ClothesDryer`,
+    // url `${ClothesDryer}#ClothesDryer`,
+    element: lazy(() => import('./Services/ClothesDryer.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
   Concierge: {
-    url: `${Concierge}#Concierge`,
+    // url `${Concierge}#Concierge`,
+    element: lazy(() => import('./Services/Concierge.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
   FourtyFive: {
-    url: `${FourtyFive}#FourtyFive`,
+    // url `${FourtyFive}#FourtyFive`,
+    element: lazy(() => import('./Services/FourtyFive.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
   Hairdresser: {
-    url: `${Hairdresser}#Hairdresser`,
+    // url `${Hairdresser}#Hairdresser`,
+    element: lazy(() => import('./Services/Hairdresser.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
   KidSupervisory: {
-    url: `${KidSupervisory}#KidSupervisory`,
+    // url `${KidSupervisory}#KidSupervisory`,
+    element: lazy(() => import('./Services/KidSupervisory.svg?react')),
+    viewBox: '0 0 30 30',
+    aspectRatio: 1,
+  },
+  Laundry: {
+    // url `${Laundry}#Laundry`,
+    element: lazy(() => import('./Services/Laundry.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
-  Laundry: { url: `${Laundry}#Laundry`, viewBox: '0 0 30 30', aspectRatio: 1 },
   LuggageTransportation: {
-    url: `${LuggageTransportation}#LuggageTransportation`,
+    // url `${LuggageTransportation}#LuggageTransportation`,
+    element: lazy(() => import('./Services/LuggageTransportation.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
   Maintenance: {
-    url: `${Maintenance}#Maintenance`,
+    // url `${Maintenance}#Maintenance`,
+    element: lazy(() => import('./Services/Maintenance.svg?react')),
+    viewBox: '0 0 30 30',
+    aspectRatio: 1,
+  },
+  Massage: {
+    // url `${Massage}#Massage`,
+    element: lazy(() => import('./Services/Massage.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
-  Massage: { url: `${Massage}#Massage`, viewBox: '0 0 30 30', aspectRatio: 1 },
   Photographer: {
-    url: `${Photographer}#Photographer`,
+    // url `${Photographer}#Photographer`,
+    element: lazy(() => import('./Services/Photographer.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
   Pressing: {
-    url: `${Pressing}#Pressing`,
+    // url `${Pressing}#Pressing`,
+    element: lazy(() => import('./Services/Pressing.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
   Shopping: {
-    url: `${Shopping}#Shopping`,
+    // url `${Shopping}#Shopping`,
+    element: lazy(() => import('./Services/Shopping.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
   SkiInAndOut: {
-    url: `${SkiInAndOut}#SkiInAndOut`,
+    // url `${SkiInAndOut}#SkiInAndOut`,
+    element: lazy(() => import('./Services/SkiInAndOut.svg?react')),
+    viewBox: '0 0 30 30',
+    aspectRatio: 1,
+  },
+  Spa: {
+    // url `${Spa}#Spa`,
+    element: lazy(() => import('./Services/Spa.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
-  Spa: { url: `${Spa}#Spa`, viewBox: '0 0 30 30', aspectRatio: 1 },
   Sterilizer: {
-    url: `${Sterilizer}#Sterilizer`,
+    // url `${Sterilizer}#Sterilizer`,
+    element: lazy(() => import('./Services/Sterilizer.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
   Stroller: {
-    url: `${Stroller}#Stroller`,
+    // url `${Stroller}#Stroller`,
+    element: lazy(() => import('./Services/Stroller.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
   VideoSurveillance: {
-    url: `${VideoSurveillance}#VideoSurveillance`,
+    // url `${VideoSurveillance}#VideoSurveillance`,
+    element: lazy(() => import('./Services/VideoSurveillance.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
   WelcomeGift: {
-    url: `${WelcomeGift}#WelcomeGift`,
+    // url `${WelcomeGift}#WelcomeGift`,
+    element: lazy(() => import('./Services/WelcomeGift.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
@@ -2376,310 +3086,476 @@ export const Services = {
 
 export const Socials = {
   Facebook: {
-    url: `${Facebook}#Facebook`,
+    // url `${Facebook}#Facebook`,
+    element: lazy(() => import('./Socials/Facebook.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
   FacebookMessenger: {
-    url: `${FacebookMessenger}#FacebookMessenger`,
+    // url `${FacebookMessenger}#FacebookMessenger`,
+    element: lazy(() => import('./Socials/FacebookMessenger.svg?react')),
+    viewBox: '0 0 30 30',
+    aspectRatio: 1,
+  },
+  Flickr: {
+    // url `${Flickr}#Flickr`,
+    element: lazy(() => import('./Socials/Flickr.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
-  Flickr: { url: `${Flickr}#Flickr`, viewBox: '0 0 30 30', aspectRatio: 1 },
   Google: {
-    url: `${Google}#Google`,
+    // url `${Google}#Google`,
+    element: lazy(() => import('./Socials/Google.svg?react')),
     viewBox: '0 0 60 19',
     aspectRatio: 60 / 19,
   },
   GoogleMonogram: {
-    url: `${GoogleMonogram}#GoogleMonogram`,
+    // url `${GoogleMonogram}#GoogleMonogram`,
+    element: lazy(() => import('./Socials/GoogleMonogram.svg?react')),
     viewBox: '0 0 16 16',
     aspectRatio: 1,
   },
   Instagram: {
-    url: `${Instagram}#Instagram`,
+    // url `${Instagram}#Instagram`,
+    element: lazy(() => import('./Socials/Instagram.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
   Pinterest: {
-    url: `${Pinterest}#Pinterest`,
+    // url `${Pinterest}#Pinterest`,
+    element: lazy(() => import('./Socials/Pinterest.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
   TripAdvisor: {
-    url: `${TripAdvisor}#TripAdvisor`,
+    // url `${TripAdvisor}#TripAdvisor`,
+    element: lazy(() => import('./Socials/TripAdvisor.svg?react')),
     viewBox: '0 0 101 22',
     aspectRatio: 101 / 22,
   },
   TripAdvisorMonogram: {
-    url: `${TripAdvisorMonogram}#TripAdvisorMonogram`,
+    // url `${TripAdvisorMonogram}#TripAdvisorMonogram`,
+    element: lazy(() => import('./Socials/TripAdvisorMonogram.svg?react')),
     viewBox: '0 0 16 16',
     aspectRatio: 1,
   },
-  Twitter: { url: `${Twitter}#Twitter`, viewBox: '0 0 30 30', aspectRatio: 1 },
-  VK: { url: `${VK}#VK`, viewBox: '0 0 30 30', aspectRatio: 1 },
-  Vine: { url: `${Vine}#Vine`, viewBox: '0 0 30 30', aspectRatio: 1 },
-  WeChat: { url: `${WeChat}#WeChat`, viewBox: '0 0 30 30', aspectRatio: 1 },
+  Twitter: {
+    // url `${Twitter}#Twitter`,
+    element: lazy(() => import('./Socials/Twitter.svg?react')),
+    viewBox: '0 0 30 30',
+    aspectRatio: 1,
+  },
+  VK: {
+    // url `${VK}#VK`,
+    element: lazy(() => import('./Socials/VK.svg?react')),
+    viewBox: '0 0 30 30',
+    aspectRatio: 1,
+  },
+  Vine: {
+    // url `${Vine}#Vine`,
+    element: lazy(() => import('./Socials/Vine.svg?react')),
+    viewBox: '0 0 30 30',
+    aspectRatio: 1,
+  },
+  WeChat: {
+    // url `${WeChat}#WeChat`,
+    element: lazy(() => import('./Socials/WeChat.svg?react')),
+    viewBox: '0 0 30 30',
+    aspectRatio: 1,
+  },
   WeChatPay: {
-    url: `${WeChatPay}#WeChatPay`,
+    // url `${WeChatPay}#WeChatPay`,
+    element: lazy(() => import('./Socials/WeChatPay.svg?react')),
+    viewBox: '0 0 30 30',
+    aspectRatio: 1,
+  },
+  Weibo: {
+    // url `${Weibo}#Weibo`,
+    element: lazy(() => import('./Socials/Weibo.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
-  Weibo: { url: `${Weibo}#Weibo`, viewBox: '0 0 30 30', aspectRatio: 1 },
   WhatsApp: {
-    url: `${WhatsApp}#WhatsApp`,
+    // url `${WhatsApp}#WhatsApp`,
+    element: lazy(() => import('./Socials/WhatsApp.svg?react')),
+    viewBox: '0 0 30 30',
+    aspectRatio: 1,
+  },
+  YouTube: {
+    // url `${YouTube}#YouTube`,
+    element: lazy(() => import('./Socials/YouTube.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
-  YouTube: { url: `${YouTube}#YouTube`, viewBox: '0 0 30 30', aspectRatio: 1 },
 } satisfies IconsSet;
 
 export const Transports = {
-  Boat: { url: `${Boat}#Boat`, viewBox: '0 0 30 30', aspectRatio: 1 },
-  Bus: { url: `${Bus}#Bus`, viewBox: '0 0 30 30', aspectRatio: 1 },
+  Boat: {
+    // url `${Boat}#Boat`,
+    element: lazy(() => import('./Transports/Boat.svg?react')),
+    viewBox: '0 0 30 30',
+    aspectRatio: 1,
+  },
+  Bus: {
+    // url `${Bus}#Bus`,
+    element: lazy(() => import('./Transports/Bus.svg?react')),
+    viewBox: '0 0 30 30',
+    aspectRatio: 1,
+  },
   CableCar: {
-    url: `${CableCar}#CableCar`,
+    // url `${CableCar}#CableCar`,
+    element: lazy(() => import('./Transports/CableCar.svg?react')),
+    viewBox: '0 0 30 30',
+    aspectRatio: 1,
+  },
+  Car: {
+    // url `${Car}#Car`,
+    element: lazy(() => import('./Transports/Car.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
-  Car: { url: `${Car}#Car`, viewBox: '0 0 30 30', aspectRatio: 1 },
   GlobePlane: {
-    url: `${GlobePlane}#GlobePlane`,
+    // url `${GlobePlane}#GlobePlane`,
+    element: lazy(() => import('./Transports/GlobePlane.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
   GlobeTrident: {
-    url: `${GlobeTrident}#GlobeTrident`,
+    // url `${GlobeTrident}#GlobeTrident`,
+    element: lazy(() => import('./Transports/GlobeTrident.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
   Location: {
-    url: `${Location}#Location`,
+    // url `${Location}#Location`,
+    element: lazy(() => import('./Transports/Location.svg?react')),
+    viewBox: '0 0 30 30',
+    aspectRatio: 1,
+  },
+  Parking: {
+    // url `${Parking}#Parking`,
+    element: lazy(() => import('./Transports/Parking.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
-  Parking: { url: `${Parking}#Parking`, viewBox: '0 0 30 30', aspectRatio: 1 },
   PlaneDefault: {
-    url: `${PlaneDefault}#PlaneDefault`,
+    // url `${PlaneDefault}#PlaneDefault`,
+    element: lazy(() => import('./Transports/PlaneDefault.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
   PlaneInBound: {
-    url: `${PlaneInBound}#PlaneInBound`,
+    // url `${PlaneInBound}#PlaneInBound`,
+    element: lazy(() => import('./Transports/PlaneInBound.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
   PlaneNoPlane: {
-    url: `${PlaneNoPlane}#PlaneNoPlane`,
+    // url `${PlaneNoPlane}#PlaneNoPlane`,
+    element: lazy(() => import('./Transports/PlaneNoPlane.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
   PlaneOutbound: {
-    url: `${PlaneOutbound}#PlaneOutbound`,
+    // url `${PlaneOutbound}#PlaneOutbound`,
+    element: lazy(() => import('./Transports/PlaneOutbound.svg?react')),
+    viewBox: '0 0 30 30',
+    aspectRatio: 1,
+  },
+  Train: {
+    // url `${Train}#Train`,
+    element: lazy(() => import('./Transports/Train.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
-  Train: { url: `${Train}#Train`, viewBox: '0 0 30 30', aspectRatio: 1 },
 } satisfies IconsSet;
 
 export const Utilities = {
   _360Videos: {
-    url: `${_360Videos}#_360Videos`,
+    // url `${_360Videos}#_360Videos`,
+    element: lazy(() => import('./Utilities/360Videos.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
   CalendarDefault: {
-    url: `${CalendarDefault}#CalendarDefault`,
+    // url `${CalendarDefault}#CalendarDefault`,
+    element: lazy(() => import('./Utilities/CalendarDefault.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
   CalendarFavorites: {
-    url: `${CalendarFavorites}#CalendarFavorites`,
+    // url `${CalendarFavorites}#CalendarFavorites`,
+    element: lazy(() => import('./Utilities/CalendarFavorites.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
   CalendarOptions: {
-    url: `${CalendarOptions}#CalendarOptions`,
+    // url `${CalendarOptions}#CalendarOptions`,
+    element: lazy(() => import('./Utilities/CalendarOptions.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
   CalendarPlus: {
-    url: `${CalendarPlus}#CalendarPlus`,
+    // url `${CalendarPlus}#CalendarPlus`,
+    element: lazy(() => import('./Utilities/CalendarPlus.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
   CallBack: {
-    url: `${CallBack}#CallBack`,
+    // url `${CallBack}#CallBack`,
+    element: lazy(() => import('./Utilities/CallBack.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
   ClockBack: {
-    url: `${ClockBack}#ClockBack`,
+    // url `${ClockBack}#ClockBack`,
+    element: lazy(() => import('./Utilities/ClockBack.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
   ClockDefault: {
-    url: `${ClockDefault}#ClockDefault`,
+    // url `${ClockDefault}#ClockDefault`,
+    element: lazy(() => import('./Utilities/ClockDefault.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
   ClockSpeed: {
-    url: `${ClockSpeed}#ClockSpeed`,
+    // url `${ClockSpeed}#ClockSpeed`,
+    element: lazy(() => import('./Utilities/ClockSpeed.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
   CreditCard: {
-    url: `${CreditCard}#CreditCard`,
+    // url `${CreditCard}#CreditCard`,
+    element: lazy(() => import('./Utilities/CreditCard.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
   DocumentChecklist: {
-    url: `${DocumentChecklist}#DocumentChecklist`,
+    // url `${DocumentChecklist}#DocumentChecklist`,
+    element: lazy(() => import('./Utilities/DocumentChecklist.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
   DocumentDefault: {
-    url: `${DocumentDefault}#DocumentDefault`,
+    // url `${DocumentDefault}#DocumentDefault`,
+    element: lazy(() => import('./Utilities/DocumentDefault.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
   DocumentInsurrance: {
-    url: `${DocumentInsurrance}#DocumentInsurrance`,
+    // url `${DocumentInsurrance}#DocumentInsurrance`,
+    element: lazy(() => import('./Utilities/DocumentInsurrance.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
   DocumentList: {
-    url: `${DocumentList}#DocumentList`,
+    // url `${DocumentList}#DocumentList`,
+    element: lazy(() => import('./Utilities/DocumentList.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
   DocumentPDF: {
-    url: `${DocumentPDF}#DocumentPDF`,
+    // url `${DocumentPDF}#DocumentPDF`,
+    element: lazy(() => import('./Utilities/DocumentPDF.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
   DocumentPassport: {
-    url: `${DocumentPassport}#DocumentPassport`,
+    // url `${DocumentPassport}#DocumentPassport`,
+    element: lazy(() => import('./Utilities/DocumentPassport.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
   DocumentTicket: {
-    url: `${DocumentTicket}#DocumentTicket`,
+    // url `${DocumentTicket}#DocumentTicket`,
+    element: lazy(() => import('./Utilities/DocumentTicket.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
   DocumentUserDetails: {
-    url: `${DocumentUserDetails}#DocumentUserDetails`,
+    // url `${DocumentUserDetails}#DocumentUserDetails`,
+    element: lazy(() => import('./Utilities/DocumentUserDetails.svg?react')),
+    viewBox: '0 0 30 30',
+    aspectRatio: 1,
+  },
+  Filters: {
+    // url `${Filters}#Filters`,
+    element: lazy(() => import('./Utilities/Filters.svg?react')),
+    viewBox: '0 0 30 30',
+    aspectRatio: 1,
+  },
+  Folder: {
+    // url `${Folder}#Folder`,
+    element: lazy(() => import('./Utilities/Folder.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
-  Filters: { url: `${Filters}#Filters`, viewBox: '0 0 30 30', aspectRatio: 1 },
-  Folder: { url: `${Folder}#Folder`, viewBox: '0 0 30 30', aspectRatio: 1 },
   GridDefault: {
-    url: `${GridDefault}#GridDefault`,
+    // url `${GridDefault}#GridDefault`,
+    element: lazy(() => import('./Utilities/GridDefault.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
   GridList: {
-    url: `${GridList}#GridList`,
+    // url `${GridList}#GridList`,
+    element: lazy(() => import('./Utilities/GridList.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
   HappyFirst: {
-    url: `${HappyFirst}#HappyFirst`,
+    // url `${HappyFirst}#HappyFirst`,
+    element: lazy(() => import('./Utilities/HappyFirst.svg?react')),
+    viewBox: '0 0 30 30',
+    aspectRatio: 1,
+  },
+  Home: {
+    // url `${Home}#Home`,
+    element: lazy(() => import('./Utilities/Home.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
-  Home: { url: `${Home}#Home`, viewBox: '0 0 30 30', aspectRatio: 1 },
   Internet: {
-    url: `${Internet}#Internet`,
+    // url `${Internet}#Internet`,
+    element: lazy(() => import('./Utilities/Internet.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
   Invisible: {
-    url: `${Invisible}#Invisible`,
+    // url `${Invisible}#Invisible`,
+    element: lazy(() => import('./Utilities/Invisible.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
   LastMinute: {
-    url: `${LastMinute}#LastMinute`,
+    // url `${LastMinute}#LastMinute`,
+    element: lazy(() => import('./Utilities/LastMinute.svg?react')),
+    viewBox: '0 0 30 30',
+    aspectRatio: 1,
+  },
+  Letter: {
+    // url `${Letter}#Letter`,
+    element: lazy(() => import('./Utilities/Letter.svg?react')),
+    viewBox: '0 0 30 30',
+    aspectRatio: 1,
+  },
+  Menu: {
+    // url `${Menu}#Menu`,
+    element: lazy(() => import('./Utilities/Menu.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
-  Letter: { url: `${Letter}#Letter`, viewBox: '0 0 30 30', aspectRatio: 1 },
-  Menu: { url: `${Menu}#Menu`, viewBox: '0 0 30 30', aspectRatio: 1 },
   MenuClosed: {
-    url: `${MenuClosed}#MenuClosed`,
+    // url `${MenuClosed}#MenuClosed`,
+    element: lazy(() => import('./Utilities/MenuClosed.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
   PeopleSingle: {
-    url: `${PeopleSingle}#PeopleSingle`,
+    // url `${PeopleSingle}#PeopleSingle`,
+    element: lazy(() => import('./Utilities/PeopleSingle.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
   PeopleDouble: {
-    url: `${PeopleDouble}#PeopleDouble`,
+    // url `${PeopleDouble}#PeopleDouble`,
+    element: lazy(() => import('./Utilities/PeopleDouble.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
   PeopleFamily: {
-    url: `${PeopleFamily}#PeopleFamily`,
+    // url `${PeopleFamily}#PeopleFamily`,
+    element: lazy(() => import('./Utilities/PeopleFamily.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
   PeopleBaby: {
-    url: `${PeopleBaby}#PeopleBaby`,
+    // url `${PeopleBaby}#PeopleBaby`,
+    element: lazy(() => import('./Utilities/PeopleBaby.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
   PeopleKids: {
-    url: `${PeopleKids}#PeopleKids`,
+    // url `${PeopleKids}#PeopleKids`,
+    element: lazy(() => import('./Utilities/PeopleKids.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
   PeopleTeenagers: {
-    url: `${PeopleTeenagers}#PeopleTeenagers`,
+    // url `${PeopleTeenagers}#PeopleTeenagers`,
+    element: lazy(() => import('./Utilities/PeopleTeenagers.svg?react')),
+    viewBox: '0 0 30 30',
+    aspectRatio: 1,
+  },
+  Padlock: {
+    // url `${Padlock}#Padlock`,
+    element: lazy(() => import('./Utilities/Padlock.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
-  Padlock: { url: `${Padlock}#Padlock`, viewBox: '0 0 30 30', aspectRatio: 1 },
   PaymentPlan: {
-    url: `${PaymentPlan}#PaymentPlan`,
+    // url `${PaymentPlan}#PaymentPlan`,
+    element: lazy(() => import('./Utilities/PaymentPlan.svg?react')),
+    viewBox: '0 0 30 30',
+    aspectRatio: 1,
+  },
+  Phone: {
+    // url `${Phone}#Phone`,
+    element: lazy(() => import('./Utilities/Phone.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
-  Phone: { url: `${Phone}#Phone`, viewBox: '0 0 30 30', aspectRatio: 1 },
   Pictures: {
-    url: `${Pictures}#Pictures`,
+    // url `${Pictures}#Pictures`,
+    element: lazy(() => import('./Utilities/Pictures.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
   PromoCode: {
-    url: `${PromoCode}#PromoCode`,
+    // url `${PromoCode}#PromoCode`,
+    element: lazy(() => import('./Utilities/PromoCode.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
   Questions: {
-    url: `${Questions}#Questions`,
+    // url `${Questions}#Questions`,
+    element: lazy(() => import('./Utilities/Questions.svg?react')),
+    viewBox: '0 0 30 30',
+    aspectRatio: 1,
+  },
+  SMS: {
+    // url `${SMS}#SMS`,
+    element: lazy(() => import('./Utilities/SMS.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
-  SMS: { url: `${SMS}#SMS`, viewBox: '0 0 30 30', aspectRatio: 1 },
   Smartphone: {
-    url: `${Smartphone}#Smartphone`,
+    // url `${Smartphone}#Smartphone`,
+    element: lazy(() => import('./Utilities/Smartphone.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
   SpecialOffers: {
-    url: `${SpecialOffers}#SpecialOffers`,
+    // url `${SpecialOffers}#SpecialOffers`,
+    element: lazy(() => import('./Utilities/SpecialOffers.svg?react')),
+    viewBox: '0 0 30 30',
+    aspectRatio: 1,
+  },
+  Videos: {
+    // url `${Videos}#Videos`,
+    element: lazy(() => import('./Utilities/Videos.svg?react')),
+    viewBox: '0 0 30 30',
+    aspectRatio: 1,
+  },
+  Visible: {
+    // url `${Visible}#Visible`,
+    element: lazy(() => import('./Utilities/Visible.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },
-  Videos: { url: `${Videos}#Videos`, viewBox: '0 0 30 30', aspectRatio: 1 },
-  Visible: { url: `${Visible}#Visible`, viewBox: '0 0 30 30', aspectRatio: 1 },
   VoiceMail: {
-    url: `${VoiceMail}#VoiceMail`,
+    // url `${VoiceMail}#VoiceMail`,
+    element: lazy(() => import('./Utilities/VoiceMail.svg?react')),
     viewBox: '0 0 30 30',
     aspectRatio: 1,
   },