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/Food/chips-3.tsx

@@ -0,0 +1,70 @@
+import { colorVariants } from '../colorVariants'
+
+import type { NucleoIconProps } from '../../icon'
+
+function Chips3(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)"
+      >
+        <polyline
+          fill="none"
+          points="4,9 4,3 8,3 "
+          stroke={fill}
+          strokeWidth={strokewidth}
+        />
+        <polyline
+          fill="none"
+          points="16,9 16,2 20,2 20,9 "
+          stroke={fill}
+          strokeWidth={strokewidth}
+        />
+        <polyline
+          fill="none"
+          points="8,9 8,1 12,1 12,9 "
+          stroke={fill}
+          strokeWidth={strokewidth}
+        />
+        <line
+          fill="none"
+          stroke={fill}
+          strokeWidth={strokewidth}
+          x1="12"
+          x2="16"
+          y1="5"
+          y2="5"
+        />
+        <polygon
+          fill="none"
+          points="19,23 5,23 2,9 22,9 "
+          stroke={fill}
+          strokeWidth={strokewidth}
+        />
+        <circle
+          cx="12"
+          cy="16"
+          fill="none"
+          r="3"
+          stroke={fill}
+          strokeWidth={strokewidth}
+        />
+      </g>
+    </svg>
+  )
+}
+
+export default Chips3

packages/design-system/lib/components/Icons/Nucleo/Food/popcorn-2.tsx

@@ -0,0 +1,59 @@
+import { colorVariants } from '../colorVariants'
+
+import type { NucleoIconProps } from '../../icon'
+
+function Popcorn2(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="21 7 3 7 5 23 19 23 21 7"
+          stroke={fill}
+          strokeWidth={strokewidth}
+        />
+        <path
+          d="M19,5a3,3,0,0,0-3-3,2.97,2.97,0,0,0-1.47.4,2.986,2.986,0,0,0-5.06,0A2.97,2.97,0,0,0,8,2,3,3,0,0,0,5,5"
+          fill="none"
+          stroke={fill}
+          strokeWidth={strokewidth}
+        />
+        <line
+          fill="none"
+          stroke={fill}
+          strokeWidth={strokewidth}
+          x1="9"
+          x2="8"
+          y1="23"
+          y2="7"
+        />
+        <line
+          fill="none"
+          stroke={fill}
+          strokeWidth={strokewidth}
+          x1="15"
+          x2="16"
+          y1="23"
+          y2="7"
+        />
+      </g>
+    </svg>
+  )
+}
+
+export default Popcorn2