Merged in feat/SW-1711-SW-2077-icons (pull request #1709)

Fix(SW-1711)/(SW-2077): Export icons individually

* fix(SW-1711): export icons individually


Approved-by: Michael Zetterberg
Approved-by: Erik Tiekstra

apps/scandic-web/app/[lang]/(partner)/(sas)/(protected)/sas-x-scandic/components/AlreadyLinkedError.tsx

@@ -2,7 +2,7 @@
 import Link from "next/link"
 import { useIntl } from "react-intl"
 
-import { MaterialIcon } from "@scandic-hotels/design-system/Icons"
+import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
 import { Typography } from "@scandic-hotels/design-system/Typography"
 
 import { partnerSas } from "@/constants/routes/myPages"

apps/scandic-web/app/[lang]/(partner)/(sas)/(protected)/sas-x-scandic/components/DateOfBirthError.tsx

@@ -2,7 +2,7 @@
 import { Link } from "react-aria-components"
 import { useIntl } from "react-intl"
 
-import { MaterialIcon } from "@scandic-hotels/design-system/Icons"
+import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
 import { Typography } from "@scandic-hotels/design-system/Typography"
 
 import { profile } from "@/constants/routes/myPages"

apps/scandic-web/app/[lang]/(partner)/(sas)/(protected)/sas-x-scandic/components/GenericError.tsx

@@ -1,7 +1,7 @@
 "use client"
 import Image from "next/image"
 
-import { MaterialIcon } from "@scandic-hotels/design-system/Icons"
+import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
 import { Typography } from "@scandic-hotels/design-system/Typography"
 
 import { SASModal } from "./SASModal"

apps/scandic-web/app/[lang]/(partner)/(sas)/(protected)/sas-x-scandic/link/LinkAccountForm.tsx

@@ -5,7 +5,7 @@ import { useTransition } from "react"
 import { FormProvider, useForm } from "react-hook-form"
 import { useIntl } from "react-intl"
 
-import { MaterialIcon } from "@scandic-hotels/design-system/Icons"
+import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
 import { Typography } from "@scandic-hotels/design-system/Typography"
 
 import { profileEdit } from "@/constants/routes/myPages"

apps/scandic-web/app/[lang]/(partner)/(sas)/(protected)/sas-x-scandic/link/success/page.tsx

@@ -1,6 +1,6 @@
 import React from "react"
 
-import { MaterialIcon } from "@scandic-hotels/design-system/Icons"
+import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
 import { Typography } from "@scandic-hotels/design-system/Typography"
 
 import { partnerSas } from "@/constants/routes/myPages"

apps/scandic-web/app/[lang]/(partner)/(sas)/(protected)/sas-x-scandic/otp/OneTimePasswordForm.tsx

@@ -6,7 +6,7 @@ import { useParams, useRouter } from "next/navigation"
 import { type ReactNode, useState, useTransition } from "react"
 import { useIntl } from "react-intl"
 
-import { MaterialIcon } from "@scandic-hotels/design-system/Icons"
+import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
 import { Typography } from "@scandic-hotels/design-system/Typography"
 
 import { trpc } from "@/lib/trpc/client"

apps/scandic-web/app/[lang]/(partner)/(sas)/(protected)/sas-x-scandic/transfer/success/page.tsx

@@ -1,7 +1,7 @@
 import Link from "next/link"
 import React, { Suspense } from "react"
 
-import { MaterialIcon } from "@scandic-hotels/design-system/Icons"
+import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
 import { Typography } from "@scandic-hotels/design-system/Typography"
 
 import { hotelreservation } from "@/constants/routes/hotelReservation"

apps/scandic-web/app/[lang]/(partner)/(sas)/(protected)/sas-x-scandic/unlink/success/page.tsx

@@ -1,6 +1,6 @@
 import React from "react"
 
-import { MaterialIcon } from "@scandic-hotels/design-system/Icons"
+import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
 import { Typography } from "@scandic-hotels/design-system/Typography"
 
 import { overview } from "@/constants/routes/myPages"

apps/scandic-web/components/Blocks/DynamicContent/JobylonFeed/JobylonCard/index.tsx

@@ -2,7 +2,7 @@
 
 import { useIntl } from "react-intl"
 
-import { MaterialIcon } from "@scandic-hotels/design-system/Icons"
+import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
 
 import { dt } from "@/lib/dt"
 

apps/scandic-web/components/Blocks/DynamicContent/LoyaltyLevels/index.tsx

@@ -1,4 +1,4 @@
-import { MaterialIcon } from "@scandic-hotels/design-system/Icons"
+import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
 
 import { serverClient } from "@/lib/trpc/server"
 

apps/scandic-web/components/Blocks/DynamicContent/Overview/Buttons/CopyButton.tsx

@@ -2,7 +2,7 @@
 
 import { useIntl } from "react-intl"
 
-import { MaterialIcon } from "@scandic-hotels/design-system/Icons"
+import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
 
 import Button from "@/components/TempDesignSystem/Button"
 import { toast } from "@/components/TempDesignSystem/Toasts"

apps/scandic-web/components/Blocks/DynamicContent/OverviewTable/RewardValue/index.tsx

@@ -1,6 +1,6 @@
 import { Minus } from "react-feather"
 
-import { MaterialIcon } from "@scandic-hotels/design-system/Icons"
+import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
 
 import styles from "./rewardValue.module.css"
 

apps/scandic-web/components/Blocks/DynamicContent/Rewards/Redeem/ActiveRedeemedBadge.tsx

@@ -3,7 +3,7 @@
 import { motion } from "framer-motion"
 import { useIntl } from "react-intl"
 
-import { MaterialIcon } from "@scandic-hotels/design-system/Icons"
+import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
 
 import Caption from "@/components/TempDesignSystem/Text/Caption"
 

apps/scandic-web/components/Blocks/DynamicContent/Rewards/Redeem/Flows/Campaign.tsx

@@ -2,7 +2,7 @@
 
 import { useIntl } from "react-intl"
 
-import { MaterialIcon } from "@scandic-hotels/design-system/Icons"
+import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
 
 import Button from "@/components/TempDesignSystem/Button"
 import Body from "@/components/TempDesignSystem/Text/Body"

apps/scandic-web/components/Blocks/DynamicContent/Rewards/Redeem/TimedRedeemedBadge.tsx

@@ -2,7 +2,7 @@
 
 import { useIntl } from "react-intl"
 
-import { MaterialIcon } from "@scandic-hotels/design-system/Icons"
+import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
 
 import { dt } from "@/lib/dt"
 

apps/scandic-web/components/Blocks/DynamicContent/Rewards/Redeem/index.tsx

@@ -10,7 +10,7 @@ import {
 } from "react-aria-components"
 import { useIntl } from "react-intl"
 
-import { MaterialIcon } from "@scandic-hotels/design-system/Icons"
+import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
 
 import { trpc } from "@/lib/trpc/client"
 

apps/scandic-web/components/Blocks/DynamicContent/Rewards/RewardIcon/data.ts

@@ -1,11 +1,10 @@
-import { type IconProps } from "@scandic-hotels/design-system/Icons"
-
 import { REWARD_IDS } from "@/constants/rewards"
 
 import { IconName } from "@/components/Icons/iconName"
 import { IllustrationByIconName } from "@/components/Icons/IllustrationByIconName"
 import { isValidRewardId } from "@/utils/rewards"
 
+import type { IconProps } from "@scandic-hotels/design-system/Icons"
 import type { FC } from "react"
 
 import type { RewardId } from "@/types/components/myPages/rewards"

apps/scandic-web/components/Blocks/DynamicContent/SAS/LinkedAccounts/UnlinkSAS.tsx

@@ -3,7 +3,7 @@
 import { useParams } from "next/navigation"
 import { useIntl } from "react-intl"
 
-import { MaterialIcon } from "@scandic-hotels/design-system/Icons"
+import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
 
 import Dialog from "@/components/Dialog"
 import Button from "@/components/TempDesignSystem/Button"

apps/scandic-web/components/Blocks/DynamicContent/SAS/LinkedAccounts/index.tsx

@@ -1,10 +1,8 @@
 import { cx } from "class-variance-authority"
 import { type ReactNode, Suspense } from "react"
 
-import {
-  DiamondAddIcon,
-  MaterialIcon,
-} from "@scandic-hotels/design-system/Icons"
+import DiamondAddIcon from "@scandic-hotels/design-system/Icons/DiamondAddIcon"
+import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
 import { Typography } from "@scandic-hotels/design-system/Typography"
 
 import { TIER_TO_FRIEND_MAP } from "@/constants/membershipLevels"

apps/scandic-web/components/Blocks/DynamicContent/SAS/TransferPoints/TransferPointsForm.tsx

@@ -1,4 +1,4 @@
-import { MaterialIcon } from "@scandic-hotels/design-system/Icons"
+import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
 import { Typography } from "@scandic-hotels/design-system/Typography"
 
 import { getProfileSafely } from "@/lib/trpc/memoizedRequests"

apps/scandic-web/components/Blocks/DynamicContent/SAS/TransferPoints/TransferPointsFormClient.tsx

@@ -15,7 +15,7 @@ import {
 import { FormProvider, useForm } from "react-hook-form"
 import { useIntl } from "react-intl"
 
-import { MaterialIcon } from "@scandic-hotels/design-system/Icons"
+import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
 import { Typography } from "@scandic-hotels/design-system/Typography"
 
 import { SAS_TRANSFER_POINT_KEY } from "@/app/[lang]/(partner)/(sas)/(protected)/sas-x-scandic/sasUtils"

apps/scandic-web/components/Blocks/DynamicContent/Stays/ShowMoreButton/index.tsx

@@ -2,7 +2,7 @@
 
 import { useIntl } from "react-intl"
 
-import { MaterialIcon } from "@scandic-hotels/design-system/Icons"
+import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
 
 import Button from "@/components/TempDesignSystem/Button"
 

apps/scandic-web/components/Blocks/DynamicContent/Stays/Soonest/EmptyUpcomingStays/index.tsx

@@ -1,4 +1,4 @@
-import { MaterialIcon } from "@scandic-hotels/design-system/Icons"
+import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
 
 import { env } from "@/env/server"
 

apps/scandic-web/components/Blocks/DynamicContent/Stays/StayCard/index.tsx

@@ -2,7 +2,7 @@
 
 import { useState } from "react"
 
-import { MaterialIcon } from "@scandic-hotels/design-system/Icons"
+import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
 
 import { dt } from "@/lib/dt"
 

apps/scandic-web/components/Blocks/DynamicContent/Stays/Upcoming/EmptyUpcomingStays/index.tsx

@@ -1,4 +1,4 @@
-import { MaterialIcon } from "@scandic-hotels/design-system/Icons"
+import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
 
 import { env } from "@/env/server"
 

apps/scandic-web/components/Blocks/HotelListing/HotelListingItem/index.tsx

@@ -1,4 +1,4 @@
-import { HotelLogo } from "@scandic-hotels/design-system/Icons"
+import HotelLogoIcon from "@scandic-hotels/design-system/Icons/HotelLogoIcon"
 
 import Image from "@/components/Image"
 import Button from "@/components/TempDesignSystem/Button"
@@ -43,7 +43,7 @@ export default async function HotelListingItem({
       />
       <section className={styles.content}>
         <div className={styles.intro}>
-          <HotelLogo hotelId={hotel.operaId} hotelType={hotel.hotelType} />
+          <HotelLogoIcon hotelId={hotel.operaId} hotelType={hotel.hotelType} />
           <Subtitle asChild>
             <Title as="h3">{hotel.name}</Title>
           </Subtitle>

apps/scandic-web/components/Blocks/JoinScandicFriends/index.tsx

@@ -1,4 +1,4 @@
-import { SurpriseIcon } from "@scandic-hotels/design-system/Icons"
+import SurpriseIcon from "@scandic-hotels/design-system/Icons/SurpriseIcon"
 
 import { auth } from "@/auth"
 import Image from "@/components/Image"

apps/scandic-web/components/Blocks/ShortcutsList/ShortcutsListItems/index.tsx

@@ -1,4 +1,4 @@
-import { MaterialIcon } from "@scandic-hotels/design-system/Icons"
+import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
 
 import Link from "@/components/TempDesignSystem/Link"
 import Body from "@/components/TempDesignSystem/Text/Body"

apps/scandic-web/components/BookingWidget/Client.tsx

@@ -5,7 +5,7 @@ import { cva } from "class-variance-authority"
 import { use, useEffect, useRef, useState } from "react"
 import { FormProvider, useForm } from "react-hook-form"
 
-import { MaterialIcon } from "@scandic-hotels/design-system/Icons"
+import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
 
 import { REDEMPTION } from "@/constants/booking"
 import { dt } from "@/lib/dt"

apps/scandic-web/components/BookingWidget/MobileToggleButton/index.tsx

@@ -3,7 +3,7 @@
 import { useWatch } from "react-hook-form"
 import { useIntl } from "react-intl"
 
-import { MaterialIcon } from "@scandic-hotels/design-system/Icons"
+import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
 
 import { dt } from "@/lib/dt"
 

apps/scandic-web/components/Carousel/CarouselNavigation.tsx

@@ -3,7 +3,7 @@
 import { cx } from "class-variance-authority"
 import { useIntl } from "react-intl"
 
-import { MaterialIcon } from "@scandic-hotels/design-system/Icons"
+import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
 
 import { useCarousel } from "./CarouselContext"
 

apps/scandic-web/components/ContentType/DestinationPage/DestinationCityPage/CityMap/HotelListItem/index.tsx

@@ -4,7 +4,8 @@ import Link from "next/link"
 import { useCallback, useEffect, useRef } from "react"
 import { useIntl } from "react-intl"
 
-import { HotelLogo, TripadvisorIcon } from "@scandic-hotels/design-system/Icons"
+import HotelLogoIcon from "@scandic-hotels/design-system/Icons/HotelLogoIcon"
+import TripadvisorIcon from "@scandic-hotels/design-system/Icons/TripadvisorIcon"
 
 import { useDestinationPageHotelsMapStore } from "@/stores/destination-page-hotels-map"
 
@@ -80,7 +81,7 @@ export default function HotelListItem(data: DestinationPagesHotelData) {
       <div className={styles.content}>
         <div className={styles.intro}>
           <div className={styles.logo}>
-            <HotelLogo hotelId={hotel.id} hotelType={hotel.hotelType} />
+            <HotelLogoIcon hotelId={hotel.id} hotelType={hotel.hotelType} />
           </div>
           <Subtitle type="one" asChild>
             <h3>{hotel.name}</h3>

apps/scandic-web/components/ContentType/DestinationPage/DestinationOverviewPage/HotelsSection/DestinationsList/Destination/index.tsx

@@ -1,4 +1,4 @@
-import { MaterialIcon } from "@scandic-hotels/design-system/Icons"
+import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
 
 import AccordionItem from "@/components/TempDesignSystem/Accordion/AccordionItem"
 import Link from "@/components/TempDesignSystem/Link"

apps/scandic-web/components/ContentType/DestinationPage/ExperienceList/utils.tsx

@@ -1,7 +1,7 @@
 import {
   MaterialIcon,
   type MaterialIconSetIconProps,
-} from "@scandic-hotels/design-system/Icons"
+} from "@scandic-hotels/design-system/Icons/MaterialIcon"
 
 import type { FC } from "react"
 import type { IntlShape } from "react-intl"

apps/scandic-web/components/ContentType/DestinationPage/HotelListing/HotelListingItem/index.tsx

@@ -5,11 +5,9 @@ import { useParams } from "next/navigation"
 import { useEffect, useState } from "react"
 import { useIntl } from "react-intl"
 
-import {
-  HotelLogo,
-  MaterialIcon,
-  TripadvisorIcon,
-} from "@scandic-hotels/design-system/Icons"
+import HotelLogoIcon from "@scandic-hotels/design-system/Icons/HotelLogoIcon"
+import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
+import TripadvisorIcon from "@scandic-hotels/design-system/Icons/TripadvisorIcon"
 import { Typography } from "@scandic-hotels/design-system/Typography"
 
 import { useDestinationPageHotelsMapStore } from "@/stores/destination-page-hotels-map"
@@ -63,7 +61,7 @@ export default function HotelListingItem(data: DestinationPagesHotelData) {
       </div>
       <div className={styles.content}>
         <div className={styles.intro}>
-          <HotelLogo hotelId={hotel.id} hotelType={hotel.hotelType} />
+          <HotelLogoIcon hotelId={hotel.id} hotelType={hotel.hotelType} />
           <Subtitle type="one" asChild>
             <h3>{hotel.name}</h3>
           </Subtitle>

apps/scandic-web/components/ContentType/DestinationPage/HotelListing/index.tsx

@@ -5,7 +5,7 @@ import { useParams } from "next/navigation"
 import { useEffect, useRef, useState } from "react"
 import { useIntl } from "react-intl"
 
-import { MaterialIcon } from "@scandic-hotels/design-system/Icons"
+import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
 
 import { useDestinationDataStore } from "@/stores/destination-data"
 

apps/scandic-web/components/ContentType/DestinationPage/HotelMapCard/DialogImage/index.tsx

@@ -1,4 +1,4 @@
-import { TripadvisorIcon } from "@scandic-hotels/design-system/Icons"
+import TripadvisorIcon from "@scandic-hotels/design-system/Icons/TripadvisorIcon"
 
 import Image from "@/components/Image"
 import Chip from "@/components/TempDesignSystem/Chip"

apps/scandic-web/components/ContentType/DestinationPage/HotelMapCard/index.tsx

@@ -3,7 +3,7 @@ import Link from "next/link"
 import { useState } from "react"
 import { useIntl } from "react-intl"
 
-import { MaterialIcon } from "@scandic-hotels/design-system/Icons"
+import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
 
 import { useDestinationPageHotelsMapStore } from "@/stores/destination-page-hotels-map"
 

apps/scandic-web/components/ContentType/DestinationPage/Map/DynamicMap/index.tsx

@@ -7,7 +7,7 @@ import { cx } from "class-variance-authority"
 import { type PropsWithChildren, useEffect, useRef, useState } from "react"
 import { useIntl } from "react-intl"
 
-import { MaterialIcon } from "@scandic-hotels/design-system/Icons"
+import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
 
 import { useDestinationPageHotelsMapStore } from "@/stores/destination-page-hotels-map"
 

apps/scandic-web/components/ContentType/DestinationPage/Map/index.tsx

@@ -12,7 +12,7 @@ import {
 import { Dialog, Modal } from "react-aria-components"
 import { useIntl } from "react-intl"
 
-import { MaterialIcon } from "@scandic-hotels/design-system/Icons"
+import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
 
 import { useDestinationDataStore } from "@/stores/destination-data"
 import { useDestinationPageHotelsMapStore } from "@/stores/destination-page-hotels-map"

apps/scandic-web/components/ContentType/DestinationPage/Sidepeek/index.tsx

@@ -3,7 +3,7 @@
 import { useState } from "react"
 import { useIntl } from "react-intl"
 
-import { MaterialIcon } from "@scandic-hotels/design-system/Icons"
+import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
 
 import JsonToHtml from "@/components/JsonToHtml"
 import Button from "@/components/TempDesignSystem/Button"

apps/scandic-web/components/ContentType/DestinationPage/StaticMap/MapButton/index.tsx

@@ -5,7 +5,7 @@ import { useParams } from "next/navigation"
 import { useEffect, useState } from "react"
 import { useIntl } from "react-intl"
 
-import { MaterialIcon } from "@scandic-hotels/design-system/Icons"
+import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
 
 import Button from "@/components/TempDesignSystem/Button"
 

apps/scandic-web/components/ContentType/HotelPage/AmenitiesList/index.tsx

@@ -1,4 +1,4 @@
-import { MaterialIcon } from "@scandic-hotels/design-system/Icons"
+import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
 import { Typography } from "@scandic-hotels/design-system/Typography"
 
 import { FacilityToIcon } from "@/components/ContentType/HotelPage/data"

apps/scandic-web/components/ContentType/HotelPage/IntroSection/index.tsx

@@ -1,7 +1,5 @@
-import {
-  MaterialIcon,
-  TripadvisorIcon,
-} from "@scandic-hotels/design-system/Icons"
+import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
+import TripadvisorIcon from "@scandic-hotels/design-system/Icons/TripadvisorIcon"
 import { Typography } from "@scandic-hotels/design-system/Typography"
 
 import Link from "@/components/TempDesignSystem/Link"

apps/scandic-web/components/ContentType/HotelPage/Map/DynamicMap/index.tsx

@@ -5,7 +5,7 @@ import { useCallback, useEffect, useMemo, useRef, useState } from "react"
 import { Dialog, Modal } from "react-aria-components"
 import { useIntl } from "react-intl"
 
-import { MaterialIcon } from "@scandic-hotels/design-system/Icons"
+import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
 
 import InteractiveMap from "@/components/Maps/InteractiveMap"
 import Button from "@/components/TempDesignSystem/Button"

apps/scandic-web/components/ContentType/HotelPage/Map/MobileMapToggle/index.tsx

@@ -4,7 +4,7 @@ import { useParams, useSearchParams } from "next/navigation"
 import { useEffect, useMemo, useState } from "react"
 import { useIntl } from "react-intl"
 
-import { MaterialIcon } from "@scandic-hotels/design-system/Icons"
+import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
 import { Typography } from "@scandic-hotels/design-system/Typography"
 
 import { trackHotelMapClick } from "@/utils/tracking"

apps/scandic-web/components/ContentType/HotelPage/Rooms/RoomCard/index.tsx

@@ -3,7 +3,7 @@
 import Link from "next/link"
 import { useIntl } from "react-intl"
 
-import { MaterialIcon } from "@scandic-hotels/design-system/Icons"
+import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
 
 import ImageGallery from "@/components/ImageGallery"
 import Button from "@/components/TempDesignSystem/Button"

apps/scandic-web/components/ContentType/HotelPage/SidePeeks/AboutTheHotel/ContactInformation/index.tsx

@@ -1,7 +1,5 @@
-import {
-  FacebookIcon,
-  InstagramIcon,
-} from "@scandic-hotels/design-system/Icons"
+import FacebookIcon from "@scandic-hotels/design-system/Icons/FacebookIcon"
+import InstagramIcon from "@scandic-hotels/design-system/Icons/InstagramIcon"
 
 import Image from "@/components/Image"
 import Link from "@/components/TempDesignSystem/Link"

apps/scandic-web/components/ContentType/HotelPage/SidePeeks/Amenities/AccordionAmenities/Accessibility/index.tsx

@@ -1,4 +1,4 @@
-import { MaterialIcon } from "@scandic-hotels/design-system/Icons"
+import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
 
 import ButtonLink from "@/components/ButtonLink"
 import { IconName } from "@/components/Icons/iconName"

apps/scandic-web/components/ContentType/HotelPage/SidePeeks/Amenities/FilteredAmenities/index.tsx

@@ -1,4 +1,4 @@
-import { MaterialIcon } from "@scandic-hotels/design-system/Icons"
+import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
 
 import Subtitle from "@/components/TempDesignSystem/Text/Subtitle"
 

apps/scandic-web/components/ContentType/HotelPage/SidePeeks/RestaurantBar/RestaurantBarItem/index.tsx

@@ -1,4 +1,4 @@
-import { MaterialIcon } from "@scandic-hotels/design-system/Icons"
+import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
 import { Typography } from "@scandic-hotels/design-system/Typography"
 
 import ButtonLink from "@/components/ButtonLink"

apps/scandic-web/components/ContentType/HotelPage/SidePeeks/Room/index.tsx

@@ -1,7 +1,7 @@
 import { cx } from "class-variance-authority"
 import Link from "next/link"
 
-import { MaterialIcon } from "@scandic-hotels/design-system/Icons"
+import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
 import { Typography } from "@scandic-hotels/design-system/Typography"
 
 import { selectRateWithParams } from "@/constants/routes/hotelReservation"

apps/scandic-web/components/ContentType/HotelPage/data.tsx

@@ -3,9 +3,9 @@ import { IconName } from "@/components/Icons/iconName"
 
 import type {
   IconProps,
-  MaterialIconSetIconProps,
   NucleoIconProps,
 } from "@scandic-hotels/design-system/Icons"
+import type { MaterialIconSetIconProps } from "@scandic-hotels/design-system/Icons/MaterialIcon"
 
 import { FacilityEnum } from "@/types/enums/facilities"
 

apps/scandic-web/components/ContentType/HotelSubpage/Sidebar/RestaurantSidebar.tsx

@@ -1,4 +1,4 @@
-import { MaterialIcon } from "@scandic-hotels/design-system/Icons"
+import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
 import { Typography } from "@scandic-hotels/design-system/Typography"
 
 import OpeningHours from "@/components/OpeningHours"

apps/scandic-web/components/DatePicker/Range/Desktop.tsx

@@ -4,7 +4,7 @@ import { useState } from "react"
 import { DayPicker } from "react-day-picker"
 import { useIntl } from "react-intl"
 
-import { MaterialIcon } from "@scandic-hotels/design-system/Icons"
+import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
 
 import { Lang } from "@/constants/languages"
 import { dt } from "@/lib/dt"

apps/scandic-web/components/DatePicker/Range/Mobile.tsx

@@ -2,7 +2,7 @@
 import { DayPicker } from "react-day-picker"
 import { useIntl } from "react-intl"
 
-import { MaterialIcon } from "@scandic-hotels/design-system/Icons"
+import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
 
 import { Lang } from "@/constants/languages"
 import { dt } from "@/lib/dt"

apps/scandic-web/components/DatePicker/Single/Desktop.tsx

@@ -4,7 +4,7 @@ import { useState } from "react"
 import { DayPicker } from "react-day-picker"
 import { useIntl } from "react-intl"
 
-import { MaterialIcon } from "@scandic-hotels/design-system/Icons"
+import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
 
 import { Lang } from "@/constants/languages"
 import { dt } from "@/lib/dt"

apps/scandic-web/components/DestinationFilterAndSort/Filter/Checkbox/index.tsx

@@ -2,7 +2,7 @@
 
 import { Checkbox as AriaCheckbox } from "react-aria-components"
 
-import { MaterialIcon } from "@scandic-hotels/design-system/Icons"
+import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
 
 import Body from "@/components/TempDesignSystem/Text/Body"
 

apps/scandic-web/components/DestinationFilterAndSort/index.tsx

@@ -10,7 +10,7 @@ import {
 } from "react-aria-components"
 import { useIntl } from "react-intl"
 
-import { MaterialIcon } from "@scandic-hotels/design-system/Icons"
+import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
 
 import { useDestinationDataStore } from "@/stores/destination-data"
 

apps/scandic-web/components/Footer/Navigation/MainNav/index.tsx

@@ -1,6 +1,6 @@
 "use client"
 
-import { MaterialIcon } from "@scandic-hotels/design-system/Icons"
+import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
 
 import SkeletonShimmer from "@/components/SkeletonShimmer"
 import Link from "@/components/TempDesignSystem/Link"

apps/scandic-web/components/Forms/BookingWidget/FormContent/BookingCode/index.tsx

@@ -4,7 +4,7 @@ import { type FieldError, useFormContext } from "react-hook-form"
 import { useIntl } from "react-intl"
 import { useMediaQuery } from "usehooks-ts"
 
-import { MaterialIcon } from "@scandic-hotels/design-system/Icons"
+import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
 
 import { REDEMPTION } from "@/constants/booking"
 

apps/scandic-web/components/Forms/BookingWidget/FormContent/RewardNight/index.tsx

@@ -4,7 +4,7 @@ import { useCallback, useEffect, useRef } from "react"
 import { useFormContext } from "react-hook-form"
 import { useIntl } from "react-intl"
 
-import { MaterialIcon } from "@scandic-hotels/design-system/Icons"
+import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
 import { Typography } from "@scandic-hotels/design-system/Typography"
 
 import { REDEMPTION } from "@/constants/booking"

apps/scandic-web/components/Forms/BookingWidget/FormContent/Search/SearchList/ClearSearchButton/index.tsx

@@ -1,7 +1,7 @@
 "use client"
 import { useIntl } from "react-intl"
 
-import { MaterialIcon } from "@scandic-hotels/design-system/Icons"
+import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
 
 import Caption from "@/components/TempDesignSystem/Text/Caption"
 

apps/scandic-web/components/Forms/BookingWidget/FormContent/Search/SearchList/index.tsx

@@ -3,7 +3,7 @@ import { useEffect, useState } from "react"
 import { useFormContext } from "react-hook-form"
 import { useIntl } from "react-intl"
 
-import { MaterialIcon } from "@scandic-hotels/design-system/Icons"
+import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
 
 import Divider from "@/components/TempDesignSystem/Divider"
 import Body from "@/components/TempDesignSystem/Text/Body"

apps/scandic-web/components/Forms/BookingWidget/FormContent/index.tsx

@@ -2,7 +2,7 @@
 import { useFormContext, useWatch } from "react-hook-form"
 import { useIntl } from "react-intl"
 
-import { MaterialIcon } from "@scandic-hotels/design-system/Icons"
+import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
 
 import { dt } from "@/lib/dt"
 

apps/scandic-web/components/GuestsRoomsPicker/ChildSelector/ChildInfoSelector.tsx

@@ -3,7 +3,7 @@
 import { useFormContext } from "react-hook-form"
 import { useIntl } from "react-intl"
 
-import { MaterialIcon } from "@scandic-hotels/design-system/Icons"
+import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
 
 import Select from "@/components/TempDesignSystem/Select"
 import Caption from "@/components/TempDesignSystem/Text/Caption"

apps/scandic-web/components/GuestsRoomsPicker/Counter/index.tsx

@@ -1,6 +1,6 @@
 "use client"
 
-import { MaterialIcon } from "@scandic-hotels/design-system/Icons"
+import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
 
 import Button from "@/components/TempDesignSystem/Button"
 import Body from "@/components/TempDesignSystem/Text/Body"

apps/scandic-web/components/GuestsRoomsPicker/Form.tsx

@@ -4,7 +4,7 @@ import { useCallback, useEffect } from "react"
 import { useFormContext, useWatch } from "react-hook-form"
 import { useIntl } from "react-intl"
 
-import { MaterialIcon } from "@scandic-hotels/design-system/Icons"
+import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
 
 import { REDEMPTION } from "@/constants/booking"
 

apps/scandic-web/components/GuestsRoomsPicker/GuestsRoom/index.tsx

@@ -1,6 +1,6 @@
 import { useIntl } from "react-intl"
 
-import { MaterialIcon } from "@scandic-hotels/design-system/Icons"
+import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
 
 import Button from "@/components/TempDesignSystem/Button"
 import Divider from "@/components/TempDesignSystem/Divider"

apps/scandic-web/components/Header/MainMenu/Avatar/index.tsx

@@ -1,4 +1,4 @@
-import { MaterialIcon } from "@scandic-hotels/design-system/Icons"
+import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
 
 import Image from "@/components/Image"
 import Footnote from "@/components/TempDesignSystem/Text/Footnote"

apps/scandic-web/components/Header/MainMenu/LogoLink/index.tsx

@@ -2,7 +2,7 @@
 import NextLink from "next/link"
 import { useIntl } from "react-intl"
 
-import { ScandicLogoIcon } from "@scandic-hotels/design-system/Icons"
+import ScandicLogoIcon from "@scandic-hotels/design-system/Icons/ScandicLogoIcon"
 
 import useDropdownStore from "@/stores/main-menu"
 

apps/scandic-web/components/Header/MainMenu/MyPagesMenu/index.tsx

@@ -3,7 +3,7 @@
 import { useRef } from "react"
 import { useIntl } from "react-intl"
 
-import { MaterialIcon } from "@scandic-hotels/design-system/Icons"
+import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
 
 import useDropdownStore from "@/stores/main-menu"
 

apps/scandic-web/components/Header/MainMenu/MyPagesMenuContent/index.tsx

@@ -3,7 +3,7 @@
 import FocusLock from "react-focus-lock"
 import { useIntl } from "react-intl"
 
-import { MaterialIcon } from "@scandic-hotels/design-system/Icons"
+import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
 
 import { logout } from "@/constants/routes/handleAuth"
 import { trpc } from "@/lib/trpc/client"

apps/scandic-web/components/Header/MainMenu/NavigationMenu/MegaMenu/index.tsx

@@ -2,7 +2,7 @@
 
 import FocusLock from "react-focus-lock"
 
-import { MaterialIcon } from "@scandic-hotels/design-system/Icons"
+import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
 
 import useDropdownStore from "@/stores/main-menu"
 

apps/scandic-web/components/Header/MainMenu/NavigationMenu/NavigationMenuItem/index.tsx

@@ -2,7 +2,7 @@
 
 import { useRef } from "react"
 
-import { MaterialIcon } from "@scandic-hotels/design-system/Icons"
+import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
 
 import useDropdownStore from "@/stores/main-menu"
 

apps/scandic-web/components/HotelReservation/BookingConfirmation/Header/Actions/AddToCalendarButton.tsx

@@ -1,7 +1,7 @@
 "use client"
 import { useIntl } from "react-intl"
 
-import { MaterialIcon } from "@scandic-hotels/design-system/Icons"
+import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
 
 import Button from "@/components/TempDesignSystem/Button"
 

apps/scandic-web/components/HotelReservation/BookingConfirmation/Header/Actions/DownloadInvoice.tsx

@@ -2,7 +2,7 @@
 import { useIntl } from "react-intl"
 import { useReactToPrint } from "react-to-print"
 
-import { MaterialIcon } from "@scandic-hotels/design-system/Icons"
+import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
 
 import Button from "@/components/TempDesignSystem/Button"
 

apps/scandic-web/components/HotelReservation/BookingConfirmation/Header/Actions/ManageBooking.tsx

@@ -1,7 +1,7 @@
 "use client"
 import { useIntl } from "react-intl"
 
-import { MaterialIcon } from "@scandic-hotels/design-system/Icons"
+import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
 
 import Button from "@/components/TempDesignSystem/Button"
 import Link from "@/components/TempDesignSystem/Link"

apps/scandic-web/components/HotelReservation/BookingConfirmation/PriceDetailsModal/index.tsx

@@ -2,7 +2,7 @@
 import React from "react"
 import { useIntl } from "react-intl"
 
-import { MaterialIcon } from "@scandic-hotels/design-system/Icons"
+import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
 import { Typography } from "@scandic-hotels/design-system/Typography"
 
 import { dt } from "@/lib/dt"

apps/scandic-web/components/HotelReservation/BookingConfirmation/Receipt/Room/index.tsx

@@ -2,7 +2,7 @@
 
 import { useIntl } from "react-intl"
 
-import { MaterialIcon } from "@scandic-hotels/design-system/Icons"
+import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
 import { Typography } from "@scandic-hotels/design-system/Typography"
 
 import { CancellationRuleEnum, ChildBedTypeEnum } from "@/constants/booking"

apps/scandic-web/components/HotelReservation/BookingConfirmation/Rooms/Room/index.tsx

@@ -2,7 +2,7 @@
 
 import { useIntl } from "react-intl"
 
-import { MaterialIcon } from "@scandic-hotels/design-system/Icons"
+import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
 import { Typography } from "@scandic-hotels/design-system/Typography"
 
 import { CancellationRuleEnum } from "@/constants/booking"

apps/scandic-web/components/HotelReservation/Contact/index.tsx

@@ -2,10 +2,8 @@
 
 import { useIntl } from "react-intl"
 
-import {
-  FacebookIcon,
-  InstagramIcon,
-} from "@scandic-hotels/design-system/Icons"
+import FacebookIcon from "@scandic-hotels/design-system/Icons/FacebookIcon"
+import InstagramIcon from "@scandic-hotels/design-system/Icons/InstagramIcon"
 
 import Image from "@/components/Image"
 import Link from "@/components/TempDesignSystem/Link"

apps/scandic-web/components/HotelReservation/EnterDetails/Breakfast/index.tsx

@@ -5,10 +5,8 @@ import { useCallback, useEffect } from "react"
 import { FormProvider, useForm } from "react-hook-form"
 import { useIntl } from "react-intl"
 
-import {
-  BreakfastBuffetIcon,
-  NoBreakfastBuffetIcon,
-} from "@scandic-hotels/design-system/Icons"
+import BreakfastBuffetIcon from "@scandic-hotels/design-system/Icons/BreakfastBuffetIcon"
+import NoBreakfastBuffetIcon from "@scandic-hotels/design-system/Icons/NoBreakfastBuffetIcon"
 
 import { useEnterDetailsStore } from "@/stores/enter-details"
 

apps/scandic-web/components/HotelReservation/EnterDetails/Confirm/index.tsx

@@ -5,7 +5,7 @@ import { useFormContext } from "react-hook-form"
 import { useIntl } from "react-intl"
 
 import { Button } from "@scandic-hotels/design-system/Button"
-import { MaterialIcon } from "@scandic-hotels/design-system/Icons"
+import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
 import { Typography } from "@scandic-hotels/design-system/Typography"
 
 import { PaymentMethodEnum } from "@/constants/booking"

apps/scandic-web/components/HotelReservation/EnterDetails/Details/Multiroom/JoinScandicFriendsCard/index.tsx

@@ -2,7 +2,7 @@
 
 import { useIntl } from "react-intl"
 
-import { MaterialIcon } from "@scandic-hotels/design-system/Icons"
+import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
 
 import Checkbox from "@/components/TempDesignSystem/Form/Checkbox"
 import Caption from "@/components/TempDesignSystem/Text/Caption"

apps/scandic-web/components/HotelReservation/EnterDetails/Details/RoomOne/JoinScandicFriendsCard/index.tsx

@@ -2,7 +2,7 @@
 
 import { useIntl } from "react-intl"
 
-import { MaterialIcon } from "@scandic-hotels/design-system/Icons"
+import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
 
 import { privacyPolicy } from "@/constants/currentWebHrefs"
 

apps/scandic-web/components/HotelReservation/EnterDetails/Details/RoomOne/MemberPriceModal/index.tsx

@@ -2,7 +2,7 @@
 
 import { useIntl } from "react-intl"
 
-import { MagicWandIcon } from "@scandic-hotels/design-system/Icons"
+import MagicWandIcon from "@scandic-hotels/design-system/Icons/MagicWandIcon"
 
 import Modal from "@/components/Modal"
 import Button from "@/components/TempDesignSystem/Button"

apps/scandic-web/components/HotelReservation/EnterDetails/Details/SpecialRequests/index.tsx

@@ -1,7 +1,7 @@
 import { useState } from "react"
 import { useIntl } from "react-intl"
 
-import { MaterialIcon } from "@scandic-hotels/design-system/Icons"
+import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
 
 import Divider from "@/components/TempDesignSystem/Divider"
 import TextArea from "@/components/TempDesignSystem/Form/TextArea"

apps/scandic-web/components/HotelReservation/EnterDetails/Header/ToggleSidePeek.tsx

@@ -1,7 +1,7 @@
 "use client"
 import { useIntl } from "react-intl"
 
-import { MaterialIcon } from "@scandic-hotels/design-system/Icons"
+import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
 
 import useSidePeekStore from "@/stores/sidepeek"
 

apps/scandic-web/components/HotelReservation/EnterDetails/Payment/GuaranteeDetails/index.tsx

@@ -1,6 +1,6 @@
 import { useIntl } from "react-intl"
 
-import { MaterialIcon } from "@scandic-hotels/design-system/Icons"
+import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
 
 import Body from "@/components/TempDesignSystem/Text/Body"
 import Caption from "@/components/TempDesignSystem/Text/Caption"

apps/scandic-web/components/HotelReservation/EnterDetails/PriceChangeDialog/PriceChangeSummary/index.tsx

@@ -9,7 +9,7 @@ import {
 } from "react-aria-components"
 import { useIntl } from "react-intl"
 
-import { MaterialIcon } from "@scandic-hotels/design-system/Icons"
+import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
 
 import Button from "@/components/TempDesignSystem/Button"
 import Divider from "@/components/TempDesignSystem/Divider"

apps/scandic-web/components/HotelReservation/EnterDetails/PriceChangeDialog/index.tsx

@@ -1,7 +1,7 @@
 import { Dialog, Modal, ModalOverlay } from "react-aria-components"
 import { useIntl } from "react-intl"
 
-import { MaterialIcon } from "@scandic-hotels/design-system/Icons"
+import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
 
 import { useEnterDetailsStore } from "@/stores/enter-details"
 

apps/scandic-web/components/HotelReservation/EnterDetails/SelectedRoom/ToggleSidePeek.tsx

@@ -2,7 +2,7 @@
 
 import { useIntl } from "react-intl"
 
-import { MaterialIcon } from "@scandic-hotels/design-system/Icons"
+import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
 
 import useSidePeekStore from "@/stores/sidepeek"
 

apps/scandic-web/components/HotelReservation/EnterDetails/SelectedRoom/index.tsx

@@ -4,7 +4,7 @@ import { useRouter } from "next/navigation"
 import { useTransition } from "react"
 import { useIntl } from "react-intl"
 
-import { MaterialIcon } from "@scandic-hotels/design-system/Icons"
+import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
 
 import { selectRate } from "@/constants/routes/hotelReservation"
 import { useEnterDetailsStore } from "@/stores/enter-details"

apps/scandic-web/components/HotelReservation/EnterDetails/Summary/UI/PriceDetailsTable/index.tsx

@@ -3,7 +3,7 @@
 import { Fragment } from "react"
 import { useIntl } from "react-intl"
 
-import { MaterialIcon } from "@scandic-hotels/design-system/Icons"
+import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
 
 import { dt } from "@/lib/dt"
 

apps/scandic-web/components/HotelReservation/EnterDetails/Summary/UI/index.tsx

@@ -3,7 +3,7 @@
 import { Fragment } from "react"
 import { useIntl } from "react-intl"
 
-import { MaterialIcon } from "@scandic-hotels/design-system/Icons"
+import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
 
 import { dt } from "@/lib/dt"
 

apps/scandic-web/components/HotelReservation/HotelCard/NoPriceAvailableCard/index.tsx

@@ -1,6 +1,6 @@
 import { useIntl } from "react-intl"
 
-import { MaterialIcon } from "@scandic-hotels/design-system/Icons"
+import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
 
 import Caption from "@/components/TempDesignSystem/Text/Caption"
 

apps/scandic-web/components/HotelReservation/HotelCard/index.tsx

@@ -5,7 +5,8 @@ import { useRouter, useSearchParams } from "next/navigation"
 import { memo, useCallback } from "react"
 import { useIntl } from "react-intl"
 
-import { HotelLogo, MaterialIcon } from "@scandic-hotels/design-system/Icons"
+import HotelLogoIcon from "@scandic-hotels/design-system/Icons/HotelLogoIcon"
+import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
 import { Typography } from "@scandic-hotels/design-system/Typography"
 
 import { selectHotelMap, selectRate } from "@/constants/routes/hotelReservation"
@@ -106,7 +107,10 @@ function HotelCard({
       <div className={styles.hotelContent}>
         <section className={styles.hotelInformation}>
           <div className={styles.titleContainer}>
-            <HotelLogo hotelId={hotel.operaId} hotelType={hotel.hotelType} />
+            <HotelLogoIcon
+              hotelId={hotel.operaId}
+              hotelType={hotel.hotelType}
+            />
             <Subtitle textTransform="capitalize" color="uiTextHighContrast">
               {hotel.name}
             </Subtitle>

apps/scandic-web/components/HotelReservation/HotelCardDialog/HotelCardDialogImage/index.tsx

@@ -1,4 +1,4 @@
-import { TripadvisorIcon } from "@scandic-hotels/design-system/Icons"
+import TripadvisorIcon from "@scandic-hotels/design-system/Icons/TripadvisorIcon"
 
 import Image from "@/components/Image"
 import Chip from "@/components/TempDesignSystem/Chip"

apps/scandic-web/components/HotelReservation/HotelCardDialog/index.tsx

@@ -3,7 +3,7 @@
 import { useParams } from "next/navigation"
 import { useState } from "react"
 
-import { MaterialIcon } from "@scandic-hotels/design-system/Icons"
+import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
 
 import ListingHotelCardDialog from "./ListingHotelCardDialog"
 import StandaloneHotelCardDialog from "./StandaloneHotelCardDialog"