Merged in feat/svg-instead-of-fonts (pull request #3411)

feat(SW-3695): use svg icons instead of font icons

* feat(icons): use svg instead of font icons

* feat(icons): use webpack/svgr for inlined svgs. Now support for isFilled again

* Merge master

* Remove old font icon


Approved-by: Joakim Jäderberg

packages/design-system/lib/components/Icons/IconByIconName.tsx

@@ -11,7 +11,7 @@ import HairdryerIcon from "./Customised/Amenities_Facilities/Hairdryer"
 import IceMachineIcon from "./Customised/Amenities_Facilities/IceMachine"
 import InstagramIcon from "./Customised/Socials/Instagram"
 import MassageIcon from "./Customised/Amenities_Facilities/Massage"
-import { MaterialIcon, type MaterialIconSetIconProps } from "./MaterialIcon"
+
 import PalmTreeIcon from "./Nucleo/Experiences/palm-tree-2"
 import PopcornIcon from "./Nucleo/Food/popcorn-2"
 import RecordPlayerIcon from "./Nucleo/Amenities_Facilities/record-player-3"
@@ -25,6 +25,7 @@ import { IconName } from "./iconName"
 
 import type { IconProps, NucleoIconProps } from "./icon"
 import type { JSX } from "react"
+import { MaterialIcon, MaterialIconSetIconProps } from "./MaterialIcon"
 
 interface IconByIconNameProps {
   iconName: IconName | null
@@ -136,7 +137,7 @@ export function IconByIconName({
       return <MaterialIcon icon="photo_camera" {...props} />
     case IconName.Cellphone:
     case IconName.Phone:
-      return <MaterialIcon icon="phone" {...props} />
+      return <MaterialIcon icon="phone_enabled" {...props} />
     case IconName.HairdryerInRoomAllScandic:
       return <HairdryerIcon {...props} />
     case IconName.ComplimentaryColdRefreshments: