Merged in feat/SW-1711-switch-icons (pull request #1558)

Switches out all the old icons to new ones, and moves them to the design system. The new icons are of three different types: Materialise Symbol, Nucleo, and Customized. Also adds further mapping between facilities/amenities and icons.

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

packages/design-system/lib/components/Icons/Nucleo/Benefits/bouquet.tsx

@@ -0,0 +1,59 @@
+import { colorVariants } from '../colorVariants'
+
+import type { NucleoIconProps } from '../../icon'
+
+function Bouquet(props: NucleoIconProps) {
+  const fill = props.color ? colorVariants[props.color] : 'currentColor'
+  const strokewidth = props.strokewidth || 2
+  const width = props.size || '1em'
+  const height = props.size || '1em'
+
+  return (
+    <svg
+      height={height}
+      width={width}
+      viewBox="0 0 24 24"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <g
+        fill={fill}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        transform="translate(0.25 0.25)"
+      >
+        <path
+          d="M20.45,11.5a1.707,1.707,0,0,0-2.415,0,1.706,1.706,0,0,1-2.414,0,1.706,1.706,0,0,0-2.414,0,1.706,1.706,0,0,1-2.414,0,1.706,1.706,0,0,0-2.414,0,1.706,1.706,0,0,1-2.414,0,1.707,1.707,0,0,0-2.415,0L10,19h4Z"
+          fill="none"
+          stroke={fill}
+          strokeWidth={strokewidth}
+        />
+        <path
+          d="M11.378,2.877A6.631,6.631,0,0,1,16,1V4A4,4,0,0,1,8,4V1a4,4,0,0,1,4,4"
+          fill="none"
+          stroke={fill}
+          strokeWidth={strokewidth}
+        />
+        <path
+          d="M6,8a2.528,2.528,0,0,1,.5-5H8"
+          fill="none"
+          stroke={fill}
+          strokeWidth={strokewidth}
+        />
+        <path
+          d="M18,8a2.528,2.528,0,0,0-.5-5H16"
+          fill="none"
+          stroke={fill}
+          strokeWidth={strokewidth}
+        />
+        <polyline
+          fill="none"
+          points="10 19 9 23 15 23 14 19"
+          stroke={fill}
+          strokeWidth={strokewidth}
+        />
+      </g>
+    </svg>
+  )
+}
+
+export default Bouquet

packages/design-system/lib/components/Icons/Nucleo/Benefits/discount-2-2.tsx

@@ -0,0 +1,59 @@
+import { colorVariants } from '../colorVariants'
+import type { NucleoIconProps } from '../../icon'
+
+function Discount22(props: NucleoIconProps) {
+  const fill = props.color ? colorVariants[props.color] : 'currentColor'
+  const strokewidth = props.strokewidth || 2
+  const width = props.size || '1em'
+  const height = props.size || '1em'
+
+  return (
+    <svg
+      height={height}
+      width={width}
+      viewBox="0 0 24 24"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <g
+        fill={fill}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        transform="translate(0.25 0.25)"
+      >
+        <polygon
+          fill="none"
+          points="19,15 22,12 19,9 19,5 15,5 12,2 9,5 5,5 5,9 2,12 5,15 5,19 9,19 12,22 15,19 19,19 "
+          stroke={fill}
+          strokeWidth={strokewidth}
+        />
+        <line
+          fill="none"
+          stroke={fill}
+          strokeWidth={strokewidth}
+          x1="15"
+          x2="9"
+          y1="9"
+          y2="15"
+        />
+        <circle
+          cx="9.5"
+          cy="9.5"
+          fill={fill}
+          r="1.5"
+          stroke="none"
+          strokeLinejoin="miter"
+        />
+        <circle
+          cx="14.5"
+          cy="14.5"
+          fill={fill}
+          r="1.5"
+          stroke="none"
+          strokeLinejoin="miter"
+        />
+      </g>
+    </svg>
+  )
+}
+
+export default Discount22