From 22267c9adb5fd29a80324e1bb5d1bec796d69dbd Mon Sep 17 00:00:00 2001
From: Kendrick Arnett <kmarnett@gmail.com>
Date: Wed, 24 Mar 2021 14:43:34 -0500
Subject: [PATCH] fix(icons): Minify icons with svgo

---
 packages/components/react-web/package.json    |  3 +-
 .../src/Icon/buildIconComponents.mjs          | 18 ++++-
 .../src/Icon/icons/IconAccessibility.jsx      |  1 -
 .../react-web/src/Icon/icons/IconAdd.jsx      |  3 +-
 .../src/Icon/icons/IconAddCircle.jsx          |  3 +-
 .../src/Icon/icons/IconArrowClockwise.jsx     |  5 +-
 .../src/Icon/icons/IconArrowDown.jsx          |  5 +-
 .../src/Icon/icons/IconArrowLeft.jsx          |  5 +-
 .../src/Icon/icons/IconArrowRight.jsx         |  5 +-
 .../react-web/src/Icon/icons/IconArrowUp.jsx  |  5 +-
 .../src/Icon/icons/IconArrowsLeftRight.jsx    | 12 +--
 .../react-web/src/Icon/icons/IconCamera.jsx   |  5 +-
 .../react-web/src/Icon/icons/IconChatText.jsx | 10 +--
 .../react-web/src/Icon/icons/IconCheck.jsx    |  3 +-
 .../src/Icon/icons/IconChevronDown.jsx        |  3 +-
 .../src/Icon/icons/IconChevronLeft.jsx        |  3 +-
 .../src/Icon/icons/IconChevronRight.jsx       |  3 +-
 .../src/Icon/icons/IconChevronUp.jsx          |  3 +-
 .../Icon/icons/IconClockCounterClockwise.jsx  | 12 +--
 .../react-web/src/Icon/icons/IconCompass.jsx  |  5 +-
 .../src/Icon/icons/IconCreditCard.jsx         | 15 +---
 .../react-web/src/Icon/icons/IconError.jsx    |  7 +-
 .../react-web/src/Icon/icons/IconGear.jsx     |  9 +--
 .../react-web/src/Icon/icons/IconGift.jsx     | 11 ++-
 .../react-web/src/Icon/icons/IconGlobe.jsx    | 19 +----
 .../react-web/src/Icon/icons/IconHidden.jsx   | 14 +---
 .../react-web/src/Icon/icons/IconHome.jsx     |  7 +-
 .../react-web/src/Icon/icons/IconInfo.jsx     |  7 +-
 .../react-web/src/Icon/icons/IconMap.jsx      |  7 +-
 .../react-web/src/Icon/icons/IconMenu.jsx     | 13 +---
 .../src/Icon/icons/IconPhotoStack.jsx         |  3 +-
 .../react-web/src/Icon/icons/IconPin.jsx      |  5 +-
 .../src/Icon/icons/IconPlayCircle.jsx         |  5 +-
 .../react-web/src/Icon/icons/IconQuestion.jsx |  7 +-
 .../react-web/src/Icon/icons/IconSkippy.jsx   |  3 +-
 .../react-web/src/Icon/icons/IconSmile.jsx    |  8 +-
 .../react-web/src/Icon/icons/IconSpinner.jsx  | 38 +---------
 .../src/Icon/icons/IconSpinnerGap.jsx         | 33 +-------
 .../react-web/src/Icon/icons/IconThumbsUp.jsx |  5 +-
 .../react-web/src/Icon/icons/IconTrash.jsx    | 17 +----
 .../react-web/src/Icon/icons/IconUpload.jsx   |  9 +--
 .../react-web/src/Icon/icons/IconUser.jsx     |  5 +-
 .../react-web/src/Icon/icons/IconVisible.jsx  |  5 +-
 .../react-web/src/Icon/icons/IconZoom.jsx     |  9 +--
 .../react-web/src/Icon/icons/IconZoomIn.jsx   |  9 +--
 .../react-web/src/Icon/icons/IconZoomOut.jsx  |  7 +-
 packages/elements/src/icons/svg/Skippy.svg    |  2 +
 yarn.lock                                     | 75 ++++++++++++++++++-
 48 files changed, 190 insertions(+), 276 deletions(-)

diff --git a/packages/components/react-web/package.json b/packages/components/react-web/package.json
index 130ecd5d..0cd5b9a6 100644
--- a/packages/components/react-web/package.json
+++ b/packages/components/react-web/package.json
@@ -24,7 +24,8 @@
     "prop-types": "^15.7.2",
     "react": "^16.0.0",
     "react-file-drop": "^3.1.2",
-    "react-number-format": "^4.4.3"
+    "react-number-format": "^4.4.3",
+    "svgo": "^2.2.2"
   },
   "repository": {
     "type": "git",
diff --git a/packages/components/react-web/src/Icon/buildIconComponents.mjs b/packages/components/react-web/src/Icon/buildIconComponents.mjs
index a050c252..8402a83d 100755
--- a/packages/components/react-web/src/Icon/buildIconComponents.mjs
+++ b/packages/components/react-web/src/Icon/buildIconComponents.mjs
@@ -3,6 +3,7 @@
 import svgr from '@svgr/core';
 import elements from '@compassion-gds/elements';
 import prettier from 'prettier';
+import svgo from 'svgo';
 
 import fs from 'fs';
 import path from 'path';
@@ -45,7 +46,18 @@ let indexJs = '';
 
 Object.entries(iconSources).forEach((iconSource) => {
   const name = iconSource[0];
-  const rawSvg = iconSource[1];
+
+  const rawSvg = svgo.optimize(iconSource[1], [
+    {
+      name: 'removeDesc',
+      active: false,
+    },
+    {
+      name: 'removeTitle',
+      active: false,
+    },
+  ]).data;
+
   const componentName = `Icon${capitalize(name)}`;
 
   indexJs += `export { default as ${componentName} } from './icons/${componentName}';\n`;
@@ -65,9 +77,7 @@ Object.entries(iconSources).forEach((iconSource) => {
           className: 'gds-icon',
           css: '{iconStyles}',
         },
-        prettierConfig: {
-          proseWrap: 'always',
-        },
+        svgo: false,
       },
       { componentName }
     )
diff --git a/packages/components/react-web/src/Icon/icons/IconAccessibility.jsx b/packages/components/react-web/src/Icon/icons/IconAccessibility.jsx
index 73d4f0f9..10c31331 100644
--- a/packages/components/react-web/src/Icon/icons/IconAccessibility.jsx
+++ b/packages/components/react-web/src/Icon/icons/IconAccessibility.jsx
@@ -20,7 +20,6 @@ function IconAccessibility(props) {
       css={iconStyles}
       {...props}
     >
-      <title>{"Accessibility"}</title>
       <circle
         fill="none"
         stroke="currentColor"
diff --git a/packages/components/react-web/src/Icon/icons/IconAdd.jsx b/packages/components/react-web/src/Icon/icons/IconAdd.jsx
index ec5b0b1a..202645f6 100644
--- a/packages/components/react-web/src/Icon/icons/IconAdd.jsx
+++ b/packages/components/react-web/src/Icon/icons/IconAdd.jsx
@@ -20,14 +20,13 @@ function IconAdd(props) {
       css={iconStyles}
       {...props}
     >
-      <title>{"Add"}</title>
       <path
         fill="none"
         stroke="currentColor"
         strokeLinecap="round"
         strokeLinejoin="round"
         strokeWidth={32}
-        d="M256 112v288M400 256H112"
+        d="M256 112v288m144-144H112"
       />
     </svg>
   );
diff --git a/packages/components/react-web/src/Icon/icons/IconAddCircle.jsx b/packages/components/react-web/src/Icon/icons/IconAddCircle.jsx
index 02514410..83191547 100644
--- a/packages/components/react-web/src/Icon/icons/IconAddCircle.jsx
+++ b/packages/components/react-web/src/Icon/icons/IconAddCircle.jsx
@@ -20,7 +20,6 @@ function IconAddCircle(props) {
       css={iconStyles}
       {...props}
     >
-      <title>{"Add Circle"}</title>
       <path
         d="M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z"
         fill="none"
@@ -34,7 +33,7 @@ function IconAddCircle(props) {
         strokeLinecap="round"
         strokeLinejoin="round"
         strokeWidth={32}
-        d="M256 176v160M336 256H176"
+        d="M256 176v160m80-80H176"
       />
     </svg>
   );
diff --git a/packages/components/react-web/src/Icon/icons/IconArrowClockwise.jsx b/packages/components/react-web/src/Icon/icons/IconArrowClockwise.jsx
index e3f41e1c..1e3a2cf8 100644
--- a/packages/components/react-web/src/Icon/icons/IconArrowClockwise.jsx
+++ b/packages/components/react-web/src/Icon/icons/IconArrowClockwise.jsx
@@ -13,7 +13,6 @@ function IconArrowClockwise(props) {
     <svg
       width={props.width}
       height={props.height}
-      viewBox="0 0 32 32"
       xmlns="http://www.w3.org/2000/svg"
       fill={props.fill}
       className="gds-icon"
@@ -23,12 +22,12 @@ function IconArrowClockwise(props) {
       <path
         fillRule="evenodd"
         clipRule="evenodd"
-        d="M28.021 5.46448C28.5733 5.46448 29.021 5.91219 29.021 6.46448V12.4645C29.021 13.0168 28.5733 13.4645 28.021 13.4645H22.021C21.4687 13.4645 21.021 13.0168 21.021 12.4645C21.021 11.9122 21.4687 11.4645 22.021 11.4645H27.021V6.46448C27.021 5.91219 27.4687 5.46448 28.021 5.46448Z"
+        d="M28.021 5.464a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1h-6a1 1 0 1 1 0-2h5v-5a1 1 0 0 1 1-1z"
       />
       <path
         fillRule="evenodd"
         clipRule="evenodd"
-        d="M17.9509 6.19215C16.0111 5.8063 14.0004 6.00433 12.1732 6.76121C10.3459 7.51809 8.78412 8.79981 7.6853 10.4443C6.58649 12.0888 6 14.0222 6 16C6 17.9778 6.58649 19.9112 7.6853 21.5557C8.78412 23.2002 10.3459 24.4819 12.1732 25.2388C14.0004 25.9957 16.0111 26.1937 17.9509 25.8079C19.8907 25.422 21.6725 24.4696 23.0711 23.0711C23.4616 22.6805 24.0948 22.6805 24.4853 23.0711C24.8758 23.4616 24.8758 24.0948 24.4853 24.4853C22.8071 26.1635 20.6689 27.3064 18.3411 27.7694C16.0133 28.2325 13.6005 27.9948 11.4078 27.0866C9.21509 26.1783 7.34094 24.6402 6.02236 22.6668C4.70379 20.6935 4 18.3734 4 16C4 13.6266 4.70379 11.3066 6.02236 9.33316C7.34094 7.35977 9.21509 5.8217 11.4078 4.91345C13.6005 4.0052 16.0133 3.76756 18.3411 4.23058C20.6689 4.6936 22.8071 5.83649 24.4853 7.51472L28.7279 11.7574C29.1184 12.1479 29.1184 12.7811 28.7279 13.1716C28.3374 13.5621 27.7042 13.5621 27.3137 13.1716L23.0711 8.92894C21.6725 7.53041 19.8907 6.578 17.9509 6.19215Z"
+        d="M17.95 6.192a10 10 0 1 0 5.121 16.88 1 1 0 1 1 1.414 1.413 12 12 0 1 1 0-16.97l4.243 4.242a1 1 0 0 1-1.414 1.415L23.07 8.929a10 10 0 0 0-5.12-2.737z"
       />
     </svg>
   );
diff --git a/packages/components/react-web/src/Icon/icons/IconArrowDown.jsx b/packages/components/react-web/src/Icon/icons/IconArrowDown.jsx
index 7aedc247..2667ec54 100644
--- a/packages/components/react-web/src/Icon/icons/IconArrowDown.jsx
+++ b/packages/components/react-web/src/Icon/icons/IconArrowDown.jsx
@@ -13,7 +13,6 @@ function IconArrowDown(props) {
     <svg
       width={props.width}
       height={props.height}
-      viewBox="0 0 32 32"
       xmlns="http://www.w3.org/2000/svg"
       fill={props.fill}
       className="gds-icon"
@@ -23,12 +22,12 @@ function IconArrowDown(props) {
       <path
         fillRule="evenodd"
         clipRule="evenodd"
-        d="M16 28C15.4477 28 15 27.5523 15 27L15 5C15 4.44772 15.4477 4 16 4C16.5523 4 17 4.44772 17 5V27C17 27.5523 16.5523 28 16 28Z"
+        d="M16 28a1 1 0 0 1-1-1V5a1 1 0 1 1 2 0v22a1 1 0 0 1-1 1z"
       />
       <path
         fillRule="evenodd"
         clipRule="evenodd"
-        d="M6.29289 17.2929C6.68342 16.9024 7.31658 16.9024 7.70711 17.2929L16 25.5858L24.2929 17.2929C24.6834 16.9024 25.3166 16.9024 25.7071 17.2929C26.0976 17.6834 26.0976 18.3166 25.7071 18.7071L16.7071 27.7071C16.3166 28.0976 15.6834 28.0976 15.2929 27.7071L6.29289 18.7071C5.90237 18.3166 5.90237 17.6834 6.29289 17.2929Z"
+        d="M6.293 17.293a1 1 0 0 1 1.414 0L16 25.586l8.293-8.293a1 1 0 0 1 1.414 1.414l-9 9a1 1 0 0 1-1.414 0l-9-9a1 1 0 0 1 0-1.414z"
       />
     </svg>
   );
diff --git a/packages/components/react-web/src/Icon/icons/IconArrowLeft.jsx b/packages/components/react-web/src/Icon/icons/IconArrowLeft.jsx
index e4f0af45..4dc5eb9a 100644
--- a/packages/components/react-web/src/Icon/icons/IconArrowLeft.jsx
+++ b/packages/components/react-web/src/Icon/icons/IconArrowLeft.jsx
@@ -13,7 +13,6 @@ function IconArrowLeft(props) {
     <svg
       width={props.width}
       height={props.height}
-      viewBox="0 0 32 32"
       xmlns="http://www.w3.org/2000/svg"
       fill={props.fill}
       className="gds-icon"
@@ -23,12 +22,12 @@ function IconArrowLeft(props) {
       <path
         fillRule="evenodd"
         clipRule="evenodd"
-        d="M4 16C4 15.4477 4.44772 15 5 15H27C27.5523 15 28 15.4477 28 16C28 16.5523 27.5523 17 27 17H5C4.44772 17 4 16.5523 4 16Z"
+        d="M4 16a1 1 0 0 1 1-1h22a1 1 0 1 1 0 2H5a1 1 0 0 1-1-1z"
       />
       <path
         fillRule="evenodd"
         clipRule="evenodd"
-        d="M14.7071 6.29289C15.0976 6.68342 15.0976 7.31658 14.7071 7.70711L6.41421 16L14.7071 24.2929C15.0976 24.6834 15.0976 25.3166 14.7071 25.7071C14.3166 26.0976 13.6834 26.0976 13.2929 25.7071L4.29289 16.7071C3.90237 16.3166 3.90237 15.6834 4.29289 15.2929L13.2929 6.29289C13.6834 5.90237 14.3166 5.90237 14.7071 6.29289Z"
+        d="M14.707 6.293a1 1 0 0 1 0 1.414L6.414 16l8.293 8.293a1 1 0 0 1-1.414 1.414l-9-9a1 1 0 0 1 0-1.414l9-9a1 1 0 0 1 1.414 0z"
       />
     </svg>
   );
diff --git a/packages/components/react-web/src/Icon/icons/IconArrowRight.jsx b/packages/components/react-web/src/Icon/icons/IconArrowRight.jsx
index 7e7ef7a4..3aba4a6d 100644
--- a/packages/components/react-web/src/Icon/icons/IconArrowRight.jsx
+++ b/packages/components/react-web/src/Icon/icons/IconArrowRight.jsx
@@ -13,7 +13,6 @@ function IconArrowRight(props) {
     <svg
       width={props.width}
       height={props.height}
-      viewBox="0 0 32 32"
       xmlns="http://www.w3.org/2000/svg"
       fill={props.fill}
       className="gds-icon"
@@ -23,12 +22,12 @@ function IconArrowRight(props) {
       <path
         fillRule="evenodd"
         clipRule="evenodd"
-        d="M28 16C28 16.5523 27.5523 17 27 17L5 17C4.44772 17 4 16.5523 4 16C4 15.4477 4.44772 15 5 15L27 15C27.5523 15 28 15.4477 28 16Z"
+        d="M28 16a1 1 0 0 1-1 1H5a1 1 0 1 1 0-2h22a1 1 0 0 1 1 1z"
       />
       <path
         fillRule="evenodd"
         clipRule="evenodd"
-        d="M17.2929 25.7071C16.9024 25.3166 16.9024 24.6834 17.2929 24.2929L25.5858 16L17.2929 7.70711C16.9024 7.31658 16.9024 6.68342 17.2929 6.29289C17.6834 5.90237 18.3166 5.90237 18.7071 6.29289L27.7071 15.2929C28.0976 15.6834 28.0976 16.3166 27.7071 16.7071L18.7071 25.7071C18.3166 26.0976 17.6834 26.0976 17.2929 25.7071Z"
+        d="M17.293 25.707a1 1 0 0 1 0-1.414L25.586 16l-8.293-8.293a1 1 0 0 1 1.414-1.414l9 9a1 1 0 0 1 0 1.414l-9 9a1 1 0 0 1-1.414 0z"
       />
     </svg>
   );
diff --git a/packages/components/react-web/src/Icon/icons/IconArrowUp.jsx b/packages/components/react-web/src/Icon/icons/IconArrowUp.jsx
index 9e707e3c..bf61dcc9 100644
--- a/packages/components/react-web/src/Icon/icons/IconArrowUp.jsx
+++ b/packages/components/react-web/src/Icon/icons/IconArrowUp.jsx
@@ -13,7 +13,6 @@ function IconArrowUp(props) {
     <svg
       width={props.width}
       height={props.height}
-      viewBox="0 0 32 32"
       xmlns="http://www.w3.org/2000/svg"
       fill={props.fill}
       className="gds-icon"
@@ -23,12 +22,12 @@ function IconArrowUp(props) {
       <path
         fillRule="evenodd"
         clipRule="evenodd"
-        d="M16 4C16.5523 4 17 4.44772 17 5V27C17 27.5523 16.5523 28 16 28C15.4477 28 15 27.5523 15 27L15 5C15 4.44772 15.4477 4 16 4Z"
+        d="M16 4a1 1 0 0 1 1 1v22a1 1 0 1 1-2 0V5a1 1 0 0 1 1-1z"
       />
       <path
         fillRule="evenodd"
         clipRule="evenodd"
-        d="M25.7071 14.7071C25.3166 15.0976 24.6834 15.0976 24.2929 14.7071L16 6.41421L7.70711 14.7071C7.31658 15.0976 6.68342 15.0976 6.29289 14.7071C5.90237 14.3166 5.90237 13.6834 6.29289 13.2929L15.2929 4.29289C15.6834 3.90237 16.3166 3.90237 16.7071 4.29289L25.7071 13.2929C26.0976 13.6834 26.0976 14.3166 25.7071 14.7071Z"
+        d="M25.707 14.707a1 1 0 0 1-1.414 0L16 6.414l-8.293 8.293a1 1 0 0 1-1.414-1.414l9-9a1 1 0 0 1 1.414 0l9 9a1 1 0 0 1 0 1.414z"
       />
     </svg>
   );
diff --git a/packages/components/react-web/src/Icon/icons/IconArrowsLeftRight.jsx b/packages/components/react-web/src/Icon/icons/IconArrowsLeftRight.jsx
index db3439ec..1334b8aa 100644
--- a/packages/components/react-web/src/Icon/icons/IconArrowsLeftRight.jsx
+++ b/packages/components/react-web/src/Icon/icons/IconArrowsLeftRight.jsx
@@ -13,7 +13,6 @@ function IconArrowsLeftRight(props) {
     <svg
       width={props.width}
       height={props.height}
-      viewBox="0 0 32 32"
       xmlns="http://www.w3.org/2000/svg"
       fill={props.fill}
       className="gds-icon"
@@ -23,22 +22,17 @@ function IconArrowsLeftRight(props) {
       <path
         fillRule="evenodd"
         clipRule="evenodd"
-        d="M23.2929 17.2929C23.6834 16.9024 24.3166 16.9024 24.7071 17.2929L28.7071 21.2929C29.0976 21.6834 29.0976 22.3166 28.7071 22.7071L24.7071 26.7071C24.3166 27.0976 23.6834 27.0976 23.2929 26.7071C22.9024 26.3166 22.9024 25.6834 23.2929 25.2929L26.5858 22L23.2929 18.7071C22.9024 18.3166 22.9024 17.6834 23.2929 17.2929Z"
+        d="M23.293 17.293a1 1 0 0 1 1.414 0l4 4a1 1 0 0 1 0 1.414l-4 4a1 1 0 0 1-1.414-1.414L26.586 22l-3.293-3.293a1 1 0 0 1 0-1.414z"
       />
       <path
         fillRule="evenodd"
         clipRule="evenodd"
-        d="M3 22C3 21.4477 3.44772 21 4 21H28C28.5523 21 29 21.4477 29 22C29 22.5523 28.5523 23 28 23H4C3.44772 23 3 22.5523 3 22Z"
+        d="M3 22a1 1 0 0 1 1-1h24a1 1 0 1 1 0 2H4a1 1 0 0 1-1-1zM8.707 5.293a1 1 0 0 1 0 1.414L5.414 10l3.293 3.293a1 1 0 1 1-1.414 1.414l-4-4a1 1 0 0 1 0-1.414l4-4a1 1 0 0 1 1.414 0z"
       />
       <path
         fillRule="evenodd"
         clipRule="evenodd"
-        d="M8.70711 5.29289C9.09763 5.68342 9.09763 6.31658 8.70711 6.70711L5.41421 10L8.70711 13.2929C9.09763 13.6834 9.09763 14.3166 8.70711 14.7071C8.31658 15.0976 7.68342 15.0976 7.29289 14.7071L3.29289 10.7071C2.90237 10.3166 2.90237 9.68342 3.29289 9.29289L7.29289 5.29289C7.68342 4.90237 8.31658 4.90237 8.70711 5.29289Z"
-      />
-      <path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M3 10C3 9.44772 3.44772 9 4 9H28C28.5523 9 29 9.44772 29 10C29 10.5523 28.5523 11 28 11H4C3.44772 11 3 10.5523 3 10Z"
+        d="M3 10a1 1 0 0 1 1-1h24a1 1 0 1 1 0 2H4a1 1 0 0 1-1-1z"
       />
     </svg>
   );
diff --git a/packages/components/react-web/src/Icon/icons/IconCamera.jsx b/packages/components/react-web/src/Icon/icons/IconCamera.jsx
index a901d266..13145b07 100644
--- a/packages/components/react-web/src/Icon/icons/IconCamera.jsx
+++ b/packages/components/react-web/src/Icon/icons/IconCamera.jsx
@@ -13,7 +13,6 @@ function IconCamera(props) {
     <svg
       width={props.width}
       height={props.height}
-      viewBox="0 0 32 32"
       xmlns="http://www.w3.org/2000/svg"
       fill={props.fill}
       className="gds-icon"
@@ -23,12 +22,12 @@ function IconCamera(props) {
       <path
         fillRule="evenodd"
         clipRule="evenodd"
-        d="M11.1672 4.4453C11.3527 4.1671 11.6649 4 11.9993 4H19.9993C20.3336 4 20.6459 4.1671 20.8313 4.4453L22.5345 7H26C26.7957 7 27.5587 7.31607 28.1213 7.87868C28.6839 8.44129 29 9.20435 29 10V24C29 24.7957 28.6839 25.5587 28.1213 26.1213C27.5587 26.6839 26.7957 27 26 27H6C5.20435 27 4.44129 26.6839 3.87868 26.1213C3.31607 25.5587 3 24.7957 3 24V10C3 9.20435 3.31607 8.44129 3.87868 7.87868C4.44129 7.31607 5.20435 7 6 7H9.46408L11.1672 4.4453ZM12.5345 6L10.8313 8.5547C10.6459 8.8329 10.3336 9 9.99927 9H6C5.73478 9 5.48043 9.10536 5.29289 9.29289C5.10536 9.48043 5 9.73478 5 10V24C5 24.2652 5.10536 24.5196 5.29289 24.7071C5.48043 24.8946 5.73478 25 6 25H26C26.2652 25 26.5196 24.8946 26.7071 24.7071C26.8946 24.5196 27 24.2652 27 24V10C27 9.73478 26.8946 9.48043 26.7071 9.29289C26.5196 9.10536 26.2652 9 26 9H21.9993C21.6649 9 21.3527 8.8329 21.1672 8.5547L19.4641 6H12.5345Z"
+        d="M11.167 4.445A1 1 0 0 1 12 4h8a1 1 0 0 1 .832.445L22.535 7H26a3 3 0 0 1 3 3v14a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3V10a3 3 0 0 1 3-3h3.464l1.703-2.555zM12.534 6l-1.703 2.555A1 1 0 0 1 10 9H6a1 1 0 0 0-1 1v14a1 1 0 0 0 1 1h20a1 1 0 0 0 1-1V10a1 1 0 0 0-1-1h-4a1 1 0 0 1-.833-.445L19.464 6h-6.93z"
       />
       <path
         fillRule="evenodd"
         clipRule="evenodd"
-        d="M16 13C14.067 13 12.5 14.567 12.5 16.5C12.5 18.433 14.067 20 16 20C17.933 20 19.5 18.433 19.5 16.5C19.5 14.567 17.933 13 16 13ZM10.5 16.5C10.5 13.4624 12.9624 11 16 11C19.0376 11 21.5 13.4624 21.5 16.5C21.5 19.5376 19.0376 22 16 22C12.9624 22 10.5 19.5376 10.5 16.5Z"
+        d="M16 13a3.5 3.5 0 1 0 0 7 3.5 3.5 0 0 0 0-7zm-5.5 3.5a5.5 5.5 0 1 1 11 0 5.5 5.5 0 0 1-11 0z"
       />
     </svg>
   );
diff --git a/packages/components/react-web/src/Icon/icons/IconChatText.jsx b/packages/components/react-web/src/Icon/icons/IconChatText.jsx
index 905df202..fa03e34b 100644
--- a/packages/components/react-web/src/Icon/icons/IconChatText.jsx
+++ b/packages/components/react-web/src/Icon/icons/IconChatText.jsx
@@ -13,7 +13,6 @@ function IconChatText(props) {
     <svg
       width={props.width}
       height={props.height}
-      viewBox="0 0 32 32"
       xmlns="http://www.w3.org/2000/svg"
       fill={props.fill}
       className="gds-icon"
@@ -23,17 +22,12 @@ function IconChatText(props) {
       <path
         fillRule="evenodd"
         clipRule="evenodd"
-        d="M3.58579 4.58579C3.96086 4.21071 4.46957 4 5 4H27C27.5304 4 28.0391 4.21071 28.4142 4.58579C28.7893 4.96086 29 5.46957 29 6V22C29 22.5304 28.7893 23.0391 28.4142 23.4142C28.0391 23.7893 27.5304 24 27 24H10.3854L10.2564 24.047L6.28696 27.3839C5.99542 27.629 5.63996 27.7857 5.26239 27.8357C4.88482 27.8856 4.50083 27.8268 4.15558 27.666C3.81033 27.5052 3.51817 27.2491 3.31346 26.9279C3.10875 26.6068 3 26.2338 3 25.853V6C3 5.46957 3.21071 4.96086 3.58579 4.58579ZM27 6L5 6L5 25.853L9.1046 22.4025C9.19401 22.3273 9.29589 22.2684 9.40563 22.2284L9.86642 22.0605C9.97616 22.0205 10.0921 22 10.2089 22H27V6Z"
+        d="M3.586 4.586A2 2 0 0 1 5 4h22a2 2 0 0 1 2 2v16a2 2 0 0 1-2 2H10.385l-.129.047-3.969 3.337A2 2 0 0 1 3 25.853V6a2 2 0 0 1 .586-1.414zM27 6H5v19.853l4.105-3.45a1 1 0 0 1 .3-.175l.461-.168a1 1 0 0 1 .343-.06H27V6z"
       />
       <path
         fillRule="evenodd"
         clipRule="evenodd"
-        d="M11 11.9999C11 11.4477 11.4477 10.9999 12 10.9999H20C20.5523 10.9999 21 11.4477 21 11.9999C21 12.5522 20.5523 12.9999 20 12.9999H12C11.4477 12.9999 11 12.5522 11 11.9999Z"
-      />
-      <path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M11 15.9999C11 15.4477 11.4477 14.9999 12 14.9999H20C20.5523 14.9999 21 15.4477 21 15.9999C21 16.5522 20.5523 16.9999 20 16.9999H12C11.4477 16.9999 11 16.5522 11 15.9999Z"
+        d="M11 12a1 1 0 0 1 1-1h8a1 1 0 0 1 0 2h-8a1 1 0 0 1-1-1zM11 16a1 1 0 0 1 1-1h8a1 1 0 0 1 0 2h-8a1 1 0 0 1-1-1z"
       />
     </svg>
   );
diff --git a/packages/components/react-web/src/Icon/icons/IconCheck.jsx b/packages/components/react-web/src/Icon/icons/IconCheck.jsx
index 6a61cd40..42a511ed 100644
--- a/packages/components/react-web/src/Icon/icons/IconCheck.jsx
+++ b/packages/components/react-web/src/Icon/icons/IconCheck.jsx
@@ -13,7 +13,6 @@ function IconCheck(props) {
     <svg
       width={props.width}
       height={props.height}
-      viewBox="0 0 32 32"
       xmlns="http://www.w3.org/2000/svg"
       fill={props.fill}
       className="gds-icon"
@@ -23,7 +22,7 @@ function IconCheck(props) {
       <path
         fillRule="evenodd"
         clipRule="evenodd"
-        d="M27.7071 8.29353C28.0976 8.68407 28.0976 9.31723 27.7071 9.70775L13.7071 23.7071C13.3166 24.0976 12.6834 24.0976 12.2929 23.7071L5.29292 16.7078C4.90238 16.3173 4.90235 15.6841 5.29286 15.2936C5.68337 14.903 6.31653 14.903 6.70708 15.2935L13 21.5858L26.2929 8.2935C26.6834 7.90299 27.3166 7.903 27.7071 8.29353Z"
+        d="M27.707 8.294a1 1 0 0 1 0 1.414l-14 14a1 1 0 0 1-1.414 0l-7-7a1 1 0 1 1 1.414-1.414L13 21.585 26.293 8.294a1 1 0 0 1 1.414 0z"
       />
     </svg>
   );
diff --git a/packages/components/react-web/src/Icon/icons/IconChevronDown.jsx b/packages/components/react-web/src/Icon/icons/IconChevronDown.jsx
index e693f4b2..40eacc45 100644
--- a/packages/components/react-web/src/Icon/icons/IconChevronDown.jsx
+++ b/packages/components/react-web/src/Icon/icons/IconChevronDown.jsx
@@ -13,7 +13,6 @@ function IconChevronDown(props) {
     <svg
       width={props.width}
       height={props.height}
-      viewBox="0 0 32 32"
       xmlns="http://www.w3.org/2000/svg"
       fill={props.fill}
       className="gds-icon"
@@ -23,7 +22,7 @@ function IconChevronDown(props) {
       <path
         fillRule="evenodd"
         clipRule="evenodd"
-        d="M5.29289 11.2929C5.68342 10.9024 6.31658 10.9024 6.70711 11.2929L16 20.5858L25.2929 11.2929C25.6834 10.9024 26.3166 10.9024 26.7071 11.2929C27.0976 11.6834 27.0976 12.3166 26.7071 12.7071L16.7071 22.7071C16.3166 23.0976 15.6834 23.0976 15.2929 22.7071L5.29289 12.7071C4.90237 12.3166 4.90237 11.6834 5.29289 11.2929Z"
+        d="M5.293 11.293a1 1 0 0 1 1.414 0L16 20.586l9.293-9.293a1 1 0 0 1 1.414 1.414l-10 10a1 1 0 0 1-1.414 0l-10-10a1 1 0 0 1 0-1.414z"
       />
     </svg>
   );
diff --git a/packages/components/react-web/src/Icon/icons/IconChevronLeft.jsx b/packages/components/react-web/src/Icon/icons/IconChevronLeft.jsx
index 97e399b4..efd787b7 100644
--- a/packages/components/react-web/src/Icon/icons/IconChevronLeft.jsx
+++ b/packages/components/react-web/src/Icon/icons/IconChevronLeft.jsx
@@ -13,7 +13,6 @@ function IconChevronLeft(props) {
     <svg
       width={props.width}
       height={props.height}
-      viewBox="0 0 32 32"
       xmlns="http://www.w3.org/2000/svg"
       fill={props.fill}
       className="gds-icon"
@@ -23,7 +22,7 @@ function IconChevronLeft(props) {
       <path
         fillRule="evenodd"
         clipRule="evenodd"
-        d="M20.7071 5.29289C21.0976 5.68342 21.0976 6.31658 20.7071 6.70711L11.4142 16L20.7071 25.2929C21.0976 25.6834 21.0976 26.3166 20.7071 26.7071C20.3166 27.0976 19.6834 27.0976 19.2929 26.7071L9.29289 16.7071C8.90237 16.3166 8.90237 15.6834 9.29289 15.2929L19.2929 5.29289C19.6834 4.90237 20.3166 4.90237 20.7071 5.29289Z"
+        d="M20.707 5.293a1 1 0 0 1 0 1.414L11.414 16l9.293 9.293a1 1 0 0 1-1.414 1.414l-10-10a1 1 0 0 1 0-1.414l10-10a1 1 0 0 1 1.414 0z"
       />
     </svg>
   );
diff --git a/packages/components/react-web/src/Icon/icons/IconChevronRight.jsx b/packages/components/react-web/src/Icon/icons/IconChevronRight.jsx
index 179fc223..f6901fd8 100644
--- a/packages/components/react-web/src/Icon/icons/IconChevronRight.jsx
+++ b/packages/components/react-web/src/Icon/icons/IconChevronRight.jsx
@@ -13,7 +13,6 @@ function IconChevronRight(props) {
     <svg
       width={props.width}
       height={props.height}
-      viewBox="0 0 32 32"
       xmlns="http://www.w3.org/2000/svg"
       fill={props.fill}
       className="gds-icon"
@@ -23,7 +22,7 @@ function IconChevronRight(props) {
       <path
         fillRule="evenodd"
         clipRule="evenodd"
-        d="M11.2929 5.29289C11.6834 4.90237 12.3166 4.90237 12.7071 5.29289L22.7071 15.2929C23.0976 15.6834 23.0976 16.3166 22.7071 16.7071L12.7071 26.7071C12.3166 27.0976 11.6834 27.0976 11.2929 26.7071C10.9024 26.3166 10.9024 25.6834 11.2929 25.2929L20.5858 16L11.2929 6.70711C10.9024 6.31658 10.9024 5.68342 11.2929 5.29289Z"
+        d="M11.293 5.293a1 1 0 0 1 1.414 0l10 10a1 1 0 0 1 0 1.414l-10 10a1 1 0 0 1-1.414-1.414L20.586 16l-9.293-9.293a1 1 0 0 1 0-1.414z"
       />
     </svg>
   );
diff --git a/packages/components/react-web/src/Icon/icons/IconChevronUp.jsx b/packages/components/react-web/src/Icon/icons/IconChevronUp.jsx
index a737ea6f..3dd6fd42 100644
--- a/packages/components/react-web/src/Icon/icons/IconChevronUp.jsx
+++ b/packages/components/react-web/src/Icon/icons/IconChevronUp.jsx
@@ -13,7 +13,6 @@ function IconChevronUp(props) {
     <svg
       width={props.width}
       height={props.height}
-      viewBox="0 0 32 32"
       xmlns="http://www.w3.org/2000/svg"
       fill={props.fill}
       className="gds-icon"
@@ -23,7 +22,7 @@ function IconChevronUp(props) {
       <path
         fillRule="evenodd"
         clipRule="evenodd"
-        d="M15.2929 9.29289C15.6834 8.90237 16.3166 8.90237 16.7071 9.29289L26.7071 19.2929C27.0976 19.6834 27.0976 20.3166 26.7071 20.7071C26.3166 21.0976 25.6834 21.0976 25.2929 20.7071L16 11.4142L6.70711 20.7071C6.31658 21.0976 5.68342 21.0976 5.29289 20.7071C4.90237 20.3166 4.90237 19.6834 5.29289 19.2929L15.2929 9.29289Z"
+        d="M15.293 9.293a1 1 0 0 1 1.414 0l10 10a1 1 0 0 1-1.414 1.414L16 11.414l-9.293 9.293a1 1 0 0 1-1.414-1.414l10-10z"
       />
     </svg>
   );
diff --git a/packages/components/react-web/src/Icon/icons/IconClockCounterClockwise.jsx b/packages/components/react-web/src/Icon/icons/IconClockCounterClockwise.jsx
index 274a1e81..15898308 100644
--- a/packages/components/react-web/src/Icon/icons/IconClockCounterClockwise.jsx
+++ b/packages/components/react-web/src/Icon/icons/IconClockCounterClockwise.jsx
@@ -13,7 +13,6 @@ function IconClockCounterClockwise(props) {
     <svg
       width={props.width}
       height={props.height}
-      viewBox="0 0 32 32"
       xmlns="http://www.w3.org/2000/svg"
       fill={props.fill}
       className="gds-icon"
@@ -23,22 +22,17 @@ function IconClockCounterClockwise(props) {
       <path
         fillRule="evenodd"
         clipRule="evenodd"
-        d="M16 9C16.5523 9 17 9.44772 17 10V16C17 16.5523 16.5523 17 16 17C15.4477 17 15 16.5523 15 16V10C15 9.44772 15.4477 9 16 9Z"
+        d="M16 9a1 1 0 0 1 1 1v6a1 1 0 1 1-2 0v-6a1 1 0 0 1 1-1z"
       />
       <path
         fillRule="evenodd"
         clipRule="evenodd"
-        d="M15.1339 15.5C15.41 15.0217 16.0216 14.8578 16.4999 15.134L21.6961 18.134C22.1744 18.4101 22.3382 19.0217 22.0621 19.5C21.786 19.9783 21.1744 20.1422 20.6961 19.866L15.4999 16.866C15.0216 16.5899 14.8578 15.9783 15.1339 15.5Z"
+        d="M15.134 15.5a1 1 0 0 1 1.366-.366l5.196 3a1 1 0 0 1-1 1.732l-5.196-3a1 1 0 0 1-.366-1.366zM3.979 6.464a1 1 0 0 1 1 1v4h4a1 1 0 1 1 0 2h-5a1 1 0 0 1-1-1v-5a1 1 0 0 1 1-1z"
       />
       <path
         fillRule="evenodd"
         clipRule="evenodd"
-        d="M3.979 6.46448C4.53129 6.46448 4.979 6.91219 4.979 7.46448V11.4645H8.979C9.53129 11.4645 9.979 11.9122 9.979 12.4645C9.979 13.0168 9.53129 13.4645 8.979 13.4645H3.979C3.42672 13.4645 2.979 13.0168 2.979 12.4645V7.46448C2.979 6.91219 3.42672 6.46448 3.979 6.46448Z"
-      />
-      <path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M13.659 4.23058C15.9868 3.76756 18.3995 4.0052 20.5923 4.91345C22.785 5.8217 24.6591 7.35977 25.9777 9.33316C27.2963 11.3066 28.0001 13.6266 28.0001 16C28.0001 18.3734 27.2963 20.6935 25.9777 22.6668C24.6591 24.6402 22.785 26.1783 20.5923 27.0866C18.3996 27.9948 15.9868 28.2325 13.659 27.7694C11.3312 27.3064 9.19301 26.1635 7.51478 24.4853C7.12426 24.0948 7.12426 23.4616 7.51478 23.0711C7.9053 22.6805 8.53847 22.6805 8.92899 23.0711C10.3275 24.4696 12.1093 25.422 14.0492 25.8079C15.989 26.1937 17.9996 25.9957 19.8269 25.2388C21.6542 24.4819 23.2159 23.2002 24.3148 21.5557C25.4136 19.9112 26.0001 17.9778 26.0001 16C26.0001 14.0222 25.4136 12.0888 24.3148 10.4443C23.2159 8.79981 21.6542 7.51809 19.8269 6.76121C17.9996 6.00433 15.989 5.8063 14.0492 6.19215C12.1093 6.578 10.3275 7.53041 8.92899 8.92894L4.68635 13.1716C4.29583 13.5621 3.66267 13.5621 3.27214 13.1716C2.88162 12.7811 2.88162 12.1479 3.27214 11.7574L7.51478 7.51472C9.19301 5.83649 11.3312 4.6936 13.659 4.23058Z"
+        d="M13.659 4.23a12 12 0 1 1-6.144 20.255 1 1 0 1 1 1.414-1.414 10 10 0 1 0 0-14.142l-4.243 4.243a1 1 0 0 1-1.414-1.415l4.243-4.242a12 12 0 0 1 6.144-3.284z"
       />
     </svg>
   );
diff --git a/packages/components/react-web/src/Icon/icons/IconCompass.jsx b/packages/components/react-web/src/Icon/icons/IconCompass.jsx
index ed4e08a8..e87ffa92 100644
--- a/packages/components/react-web/src/Icon/icons/IconCompass.jsx
+++ b/packages/components/react-web/src/Icon/icons/IconCompass.jsx
@@ -13,7 +13,6 @@ function IconCompass(props) {
     <svg
       width={props.width}
       height={props.height}
-      viewBox="0 0 32 32"
       xmlns="http://www.w3.org/2000/svg"
       fill={props.fill}
       className="gds-icon"
@@ -23,12 +22,12 @@ function IconCompass(props) {
       <path
         fillRule="evenodd"
         clipRule="evenodd"
-        d="M16 5C9.92487 5 5 9.92487 5 16C5 22.0751 9.92487 27 16 27C22.0751 27 27 22.0751 27 16C27 9.92487 22.0751 5 16 5ZM3 16C3 8.8203 8.8203 3 16 3C23.1797 3 29 8.8203 29 16C29 23.1797 23.1797 29 16 29C8.8203 29 3 23.1797 3 16Z"
+        d="M16 5C9.925 5 5 9.925 5 16s4.925 11 11 11 11-4.925 11-11S22.075 5 16 5zM3 16C3 8.82 8.82 3 16 3s13 5.82 13 13-5.82 13-13 13S3 23.18 3 16z"
       />
       <path
         fillRule="evenodd"
         clipRule="evenodd"
-        d="M22.3386 9.64567C22.6334 9.93986 22.715 10.386 22.5434 10.7655L19.0317 18.5333C18.9287 18.7611 18.7441 18.9421 18.5144 19.0405L11.0897 22.2224C10.7139 22.3835 10.2779 22.2995 9.98872 22.0104C9.69958 21.7212 9.61561 21.2852 9.77669 20.9093L12.9587 13.4847C13.0569 13.2556 13.2371 13.0714 13.464 12.9683L21.2184 9.44317C21.5975 9.27081 22.0438 9.35148 22.3386 9.64567ZM14.6444 14.6287L12.5998 19.3994L17.3693 17.3553L19.6258 12.3641L14.6444 14.6287Z"
+        d="M22.339 9.646a1 1 0 0 1 .204 1.12l-3.511 7.767a1 1 0 0 1-.518.508l-7.424 3.181a1 1 0 0 1-1.313-1.313l3.182-7.424a1 1 0 0 1 .505-.517l7.754-3.525a1 1 0 0 1 1.12.203zm-7.695 4.983-2.044 4.77 4.77-2.044 2.256-4.99-4.982 2.264z"
       />
     </svg>
   );
diff --git a/packages/components/react-web/src/Icon/icons/IconCreditCard.jsx b/packages/components/react-web/src/Icon/icons/IconCreditCard.jsx
index 305dea7d..95f065df 100644
--- a/packages/components/react-web/src/Icon/icons/IconCreditCard.jsx
+++ b/packages/components/react-web/src/Icon/icons/IconCreditCard.jsx
@@ -13,7 +13,6 @@ function IconCreditCard(props) {
     <svg
       width={props.width}
       height={props.height}
-      viewBox="0 0 32 32"
       xmlns="http://www.w3.org/2000/svg"
       fill={props.fill}
       className="gds-icon"
@@ -23,22 +22,12 @@ function IconCreditCard(props) {
       <path
         fillRule="evenodd"
         clipRule="evenodd"
-        d="M2 8C2 6.89543 2.89543 6 4 6H28C29.1046 6 30 6.89543 30 8V24C30 25.1046 29.1046 26 28 26H4C2.89543 26 2 25.1046 2 24V8ZM28 8H4V24H28V8Z"
+        d="M2 8a2 2 0 0 1 2-2h24a2 2 0 0 1 2 2v16a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V8zm26 0H4v16h24V8z"
       />
       <path
         fillRule="evenodd"
         clipRule="evenodd"
-        d="M19.9993 21C19.9993 20.4477 20.447 20 20.9993 20H24.9993C25.5516 20 25.9993 20.4477 25.9993 21C25.9993 21.5523 25.5516 22 24.9993 22H20.9993C20.447 22 19.9993 21.5523 19.9993 21Z"
-      />
-      <path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M13.9993 21C13.9993 20.4477 14.447 20 14.9993 20H16.9993C17.5516 20 17.9993 20.4477 17.9993 21C17.9993 21.5523 17.5516 22 16.9993 22H14.9993C14.447 22 13.9993 21.5523 13.9993 21Z"
-      />
-      <path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M1.99927 12.1065C1.99927 11.5543 2.44698 11.1065 2.99927 11.1065H28.9993C29.5515 11.1065 29.9993 11.5543 29.9993 12.1065C29.9993 12.6588 29.5515 13.1065 28.9993 13.1065H2.99927C2.44698 13.1065 1.99927 12.6588 1.99927 12.1065Z"
+        d="M20 21a1 1 0 0 1 1-1h4a1 1 0 1 1 0 2h-4a1 1 0 0 1-1-1zM14 21a1 1 0 0 1 1-1h2a1 1 0 1 1 0 2h-2a1 1 0 0 1-1-1zM2 12.107a1 1 0 0 1 1-1h26a1 1 0 0 1 0 2H3a1 1 0 0 1-1-1z"
       />
     </svg>
   );
diff --git a/packages/components/react-web/src/Icon/icons/IconError.jsx b/packages/components/react-web/src/Icon/icons/IconError.jsx
index 72a7249a..edab2987 100644
--- a/packages/components/react-web/src/Icon/icons/IconError.jsx
+++ b/packages/components/react-web/src/Icon/icons/IconError.jsx
@@ -13,7 +13,6 @@ function IconError(props) {
     <svg
       width={props.width}
       height={props.height}
-      viewBox="0 0 32 32"
       xmlns="http://www.w3.org/2000/svg"
       fill={props.fill}
       className="gds-icon"
@@ -23,14 +22,14 @@ function IconError(props) {
       <path
         fillRule="evenodd"
         clipRule="evenodd"
-        d="M16 9C16.5523 9 17 9.44772 17 10V17C17 17.5523 16.5523 18 16 18C15.4477 18 15 17.5523 15 17V10C15 9.44772 15.4477 9 16 9Z"
+        d="M16 9a1 1 0 0 1 1 1v7a1 1 0 1 1-2 0v-7a1 1 0 0 1 1-1z"
       />
       <path
         fillRule="evenodd"
         clipRule="evenodd"
-        d="M10.6783 3.15224C10.9209 3.05173 11.181 3 11.4437 3H20.5563C20.819 3 21.0791 3.05173 21.3217 3.15224C21.5644 3.25275 21.7848 3.40007 21.9706 3.58579L28.4142 10.0294C28.5999 10.2152 28.7472 10.4356 28.8478 10.6783C28.9483 10.9209 29 11.181 29 11.4437V20.5563C29 20.819 28.9483 21.0791 28.8478 21.3217C28.7472 21.5644 28.5999 21.7849 28.4142 21.9706L21.9706 28.4142C21.7849 28.5999 21.5644 28.7472 21.3217 28.8478C21.0791 28.9483 20.819 29 20.5563 29H11.4437C11.181 29 10.9209 28.9483 10.6783 28.8478C10.4356 28.7472 10.2152 28.5999 10.0294 28.4142L3.58579 21.9706C3.40007 21.7848 3.25275 21.5644 3.15224 21.3217C3.05173 21.0791 3 20.819 3 20.5563V11.4437C3 11.181 3.05173 10.9209 3.15224 10.6783C3.25275 10.4356 3.40007 10.2152 3.58579 10.0294L10.0294 3.58579C10.2152 3.40007 10.4356 3.25275 10.6783 3.15224ZM20.5563 5L11.4437 5L10.7365 4.29289L11.4437 5L5 11.4437L4.29289 10.7365L5 11.4437L5 20.5563L11.4437 27L10.7365 27.7071L11.4437 27L20.5563 27L27 20.5563V11.4437L27.7071 10.7365L27 11.4437L20.5563 5Z"
+        d="M10.678 3.152A2 2 0 0 1 11.444 3h9.112a2 2 0 0 1 1.415.586l6.443 6.443A2.002 2.002 0 0 1 29 11.444v9.112a2 2 0 0 1-.586 1.415l-6.443 6.443a2.001 2.001 0 0 1-1.415.586h-9.112a2 2 0 0 1-1.415-.586l-6.443-6.443A2 2 0 0 1 3 20.556v-9.112a2 2 0 0 1 .586-1.415l6.443-6.443a2 2 0 0 1 .65-.434zM20.556 5h-9.112l-.708-.707.708.707L5 11.444l-.707-.708.707.708v9.112L11.444 27l-.708.707.708-.707h9.112L27 20.556v-9.112l.707-.708-.707.708L20.556 5z"
       />
-      <path d="M16 23C16.8284 23 17.5 22.3284 17.5 21.5C17.5 20.6716 16.8284 20 16 20C15.1716 20 14.5 20.6716 14.5 21.5C14.5 22.3284 15.1716 23 16 23Z" />
+      <path d="M16 23a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3z" />
     </svg>
   );
 }
diff --git a/packages/components/react-web/src/Icon/icons/IconGear.jsx b/packages/components/react-web/src/Icon/icons/IconGear.jsx
index 3f2819ea..c972ba3b 100644
--- a/packages/components/react-web/src/Icon/icons/IconGear.jsx
+++ b/packages/components/react-web/src/Icon/icons/IconGear.jsx
@@ -13,7 +13,6 @@ function IconGear(props) {
     <svg
       width={props.width}
       height={props.height}
-      viewBox="0 0 32 32"
       xmlns="http://www.w3.org/2000/svg"
       fill={props.fill}
       className="gds-icon"
@@ -21,15 +20,15 @@ function IconGear(props) {
       {...props}
     >
       <path
-        d="M16 22C19.3137 22 22 19.3137 22 16C22 12.6863 19.3137 10 16 10C12.6863 10 10 12.6863 10 16C10 19.3137 12.6863 22 16 22Z"
-        stroke="black"
+        d="M16 22a6 6 0 1 0 0-12 6 6 0 0 0 0 12z"
+        stroke="#000"
         strokeWidth={2}
         strokeLinecap="round"
         strokeLinejoin="round"
       />
       <path
-        d="M15.3589 5.51926L13.0002 3.75077C12.8737 3.65557 12.7263 3.5918 12.5703 3.56473C12.4142 3.53766 12.254 3.54806 12.1028 3.59507C11.3723 3.82382 10.6636 4.11705 9.98496 4.4713C9.84449 4.54498 9.72355 4.65101 9.63214 4.78065C9.54072 4.91028 9.48144 5.05979 9.45919 5.21685L9.04223 8.13571C8.88329 8.2766 8.72769 8.42313 8.57542 8.57531C8.4232 8.72753 8.27664 8.88317 8.13572 9.04224L8.13565 9.04229L5.2173 9.45962C5.0605 9.48179 4.91121 9.54091 4.78174 9.6321C4.65226 9.72329 4.54631 9.84394 4.47262 9.98411C4.11783 10.6624 3.82403 11.3709 3.59468 12.1012C3.54745 12.2527 3.53692 12.4132 3.56394 12.5695C3.59096 12.7258 3.65476 12.8734 3.75009 13.0002L5.5192 15.359C5.50643 15.571 5.50002 15.7846 5.49996 15.9999C5.49996 16.2152 5.50637 16.4289 5.51921 16.641L5.5192 16.6411L3.75071 18.9997C3.65551 19.1263 3.59174 19.2737 3.56467 19.4297C3.5376 19.5857 3.548 19.746 3.595 19.8972C3.82376 20.6277 4.11699 21.3364 4.47124 22.015C4.54492 22.1555 4.65095 22.2764 4.78058 22.3678C4.91022 22.4593 5.05973 22.5185 5.21679 22.5408L8.13565 22.9577C8.27653 23.1167 8.42307 23.2723 8.57524 23.4246C8.72746 23.5768 8.88311 23.7233 9.04217 23.8643L9.04222 23.8643L9.45956 26.7827C9.48173 26.9395 9.54084 27.0888 9.63203 27.2182C9.72322 27.3477 9.84387 27.4537 9.98405 27.5274C10.6623 27.8821 11.3708 28.1759 12.1012 28.4053C12.2526 28.4525 12.4131 28.4631 12.5694 28.436C12.7257 28.409 12.8733 28.3452 13.0001 28.2499L15.3589 26.4808C15.5709 26.4935 15.7846 26.5 15.9998 26.5C16.2151 26.5 16.4288 26.4936 16.6409 26.4808L16.641 26.4808L18.9997 28.2493C19.1262 28.3445 19.2736 28.4082 19.4296 28.4353C19.5857 28.4624 19.7459 28.452 19.8971 28.405C20.6276 28.1762 21.3364 27.883 22.0149 27.5287C22.1554 27.4551 22.2764 27.349 22.3678 27.2194C22.4592 27.0898 22.5185 26.9402 22.5407 26.7832L22.9577 23.8643C23.1166 23.7234 23.2722 23.5769 23.4245 23.4247C23.5767 23.2725 23.7233 23.1169 23.8642 22.9578L23.8643 22.9578L26.7826 22.5404C26.9394 22.5182 27.0887 22.4591 27.2182 22.3679C27.3477 22.2768 27.4536 22.1561 27.5273 22.0159C27.8821 21.3376 28.1759 20.6291 28.4052 19.8988C28.4525 19.7474 28.463 19.5869 28.436 19.4306C28.409 19.2743 28.3451 19.1266 28.2498 18.9999L26.4807 16.6411C26.4935 16.4291 26.4999 16.2154 26.5 16.0001C26.5 15.7849 26.4935 15.5712 26.4807 15.3591L26.4807 15.359L28.2492 13.0003C28.3444 12.8737 28.4082 12.7264 28.4352 12.5703C28.4623 12.4143 28.4519 12.2541 28.4049 12.1028C28.1762 11.3723 27.8829 10.6636 27.5287 9.98502C27.455 9.84455 27.349 9.72362 27.2193 9.6322C27.0897 9.54078 26.9402 9.4815 26.7831 9.45925L23.8643 9.04229C23.7234 8.88335 23.5768 8.72775 23.4247 8.57548C23.2725 8.42326 23.1168 8.2767 22.9577 8.13578L22.9577 8.13571L22.5404 5.21737C22.5182 5.06056 22.4591 4.91127 22.3679 4.7818C22.2767 4.65232 22.156 4.54637 22.0159 4.47268C21.3376 4.11789 20.6291 3.82409 19.8988 3.59474C19.7473 3.54751 19.5868 3.53698 19.4305 3.564C19.2742 3.59102 19.1266 3.65483 18.9998 3.75015L16.641 5.51926C16.429 5.50649 16.2154 5.50008 16.0001 5.50002C15.7848 5.50002 15.5711 5.50643 15.359 5.51927L15.3589 5.51926Z"
-        stroke="black"
+        d="M15.359 5.52 13 3.75a1 1 0 0 0-.897-.155c-.73.229-1.44.522-2.118.876a1 1 0 0 0-.526.746l-.417 2.919a10.716 10.716 0 0 0-.906.906h0l-2.919.418a1 1 0 0 0-.744.524 12.92 12.92 0 0 0-.878 2.117 1 1 0 0 0 .155.9l1.77 2.358a10.706 10.706 0 0 0 0 1.282h0L3.75 19a1 1 0 0 0-.155.897c.229.73.522 1.44.876 2.118a1 1 0 0 0 .746.526l2.919.417a10.7 10.7 0 0 0 .906.906h0l.418 2.919a.999.999 0 0 0 .524.744c.678.355 1.387.649 2.117.878a1 1 0 0 0 .9-.155l2.358-1.77a10.717 10.717 0 0 0 1.282 0h0L19 28.25a1 1 0 0 0 .897.155c.73-.229 1.44-.522 2.118-.876a1 1 0 0 0 .526-.746l.417-2.919a10.75 10.75 0 0 0 .906-.906h0l2.919-.418a1 1 0 0 0 .744-.524c.355-.678.649-1.387.878-2.117a1 1 0 0 0-.155-.9l-1.77-2.358a10.717 10.717 0 0 0 0-1.282h0L28.25 13a.999.999 0 0 0 .155-.897c-.229-.73-.522-1.44-.876-2.118a1 1 0 0 0-.746-.526l-2.919-.417a10.771 10.771 0 0 0-.906-.906h0l-.418-2.919a1 1 0 0 0-.524-.744 12.92 12.92 0 0 0-2.117-.878 1 1 0 0 0-.9.155l-2.358 1.77a10.706 10.706 0 0 0-1.282 0h0z"
+        stroke="#000"
         strokeWidth={2}
         strokeLinecap="round"
         strokeLinejoin="round"
diff --git a/packages/components/react-web/src/Icon/icons/IconGift.jsx b/packages/components/react-web/src/Icon/icons/IconGift.jsx
index 31b3382e..74665974 100644
--- a/packages/components/react-web/src/Icon/icons/IconGift.jsx
+++ b/packages/components/react-web/src/Icon/icons/IconGift.jsx
@@ -13,7 +13,6 @@ function IconGift(props) {
     <svg
       width={props.width}
       height={props.height}
-      viewBox="0 0 32 32"
       xmlns="http://www.w3.org/2000/svg"
       fill={props.fill}
       className="gds-icon"
@@ -23,27 +22,27 @@ function IconGift(props) {
       <path
         fillRule="evenodd"
         clipRule="evenodd"
-        d="M3 11C3 9.89543 3.89543 9 5 9H27C28.1046 9 29 9.89543 29 11V15C29 16.1046 28.1046 17 27 17H5C3.89543 17 3 16.1046 3 15V11ZM27 11H5V15H27L27 11Z"
+        d="M3 11a2 2 0 0 1 2-2h22a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4zm24 0H5v4h22v-4z"
       />
       <path
         fillRule="evenodd"
         clipRule="evenodd"
-        d="M6 15C6.55228 15 7 15.4477 7 16V25H25V16C25 15.4477 25.4477 15 26 15C26.5523 15 27 15.4477 27 16V25C27 25.5304 26.7893 26.0391 26.4142 26.4142C26.0391 26.7893 25.5304 27 25 27H7C6.46957 27 5.96086 26.7893 5.58579 26.4142C5.21071 26.0391 5 25.5304 5 25V16C5 15.4477 5.44772 15 6 15Z"
+        d="M6 15a1 1 0 0 1 1 1v9h18v-9a1 1 0 1 1 2 0v9a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2v-9a1 1 0 0 1 1-1z"
       />
       <path
         fillRule="evenodd"
         clipRule="evenodd"
-        d="M16 9C16.5523 9 17 9.44772 17 10V26C17 26.5523 16.5523 27 16 27C15.4477 27 15 26.5523 15 26V10C15 9.44772 15.4477 9 16 9Z"
+        d="M16 9a1 1 0 0 1 1 1v16a1 1 0 1 1-2 0V10a1 1 0 0 1 1-1z"
       />
       <path
         fillRule="evenodd"
         clipRule="evenodd"
-        d="M12.4644 2.29413C13.5249 2.29383 14.5421 2.71465 15.2924 3.46409C15.8062 3.97786 16.1331 4.67922 16.352 5.33588C16.5766 6.00975 16.7199 6.73669 16.8131 7.38894C16.9068 8.04519 16.9533 8.65072 16.9764 9.09089C16.988 9.31173 16.9939 9.49283 16.9969 9.62014C16.9984 9.68384 16.9991 9.7342 16.9995 9.76947L16.9998 9.81089L16.9999 9.82274L16.9999 9.82637L16.9999 9.82761C16.9999 9.8278 16.9999 9.82845 15.9999 9.82845C15.9999 10.8285 15.9997 10.8285 15.9995 10.8285L15.9978 10.8285L15.9942 10.8284L15.9823 10.8284L15.9409 10.828C15.9056 10.8277 15.8553 10.8269 15.7916 10.8254C15.6643 10.8225 15.4832 10.8166 15.2623 10.805C14.8222 10.7818 14.2166 10.7354 13.5604 10.6416C12.9081 10.5484 12.1812 10.4051 11.5073 10.1805C10.8507 9.96163 10.1497 9.63512 9.63594 9.12135C8.8865 8.37105 8.46527 7.35346 8.46558 6.29299C8.46588 5.23252 8.88728 4.21557 9.63715 3.4657C10.387 2.71583 11.404 2.29443 12.4644 2.29413ZM11.0502 7.70713C11.2435 7.90047 11.6032 8.10429 12.1398 8.28315C12.6592 8.45627 13.258 8.57813 13.8432 8.66173C14.2423 8.71873 14.6235 8.75638 14.9526 8.78118C14.9278 8.45208 14.8902 8.07081 14.8332 7.67178C14.7496 7.08659 14.6277 6.4877 14.4546 5.96833C14.2758 5.4318 14.072 5.07211 13.8786 4.87876C13.8786 4.87874 13.8787 4.87878 13.8786 4.87876M13.8786 4.87876C13.5035 4.50429 12.9951 4.29398 12.465 4.29413C11.9348 4.29428 11.4263 4.50498 11.0514 4.87991C10.6764 5.25485 10.4657 5.76332 10.4656 6.29356C10.4654 6.82361 10.6757 7.33203 11.0502 7.70713M15.9999 9.82845L15.9995 10.8285C16.2647 10.8285 16.5195 10.7231 16.707 10.5356C16.8945 10.348 16.9999 10.0928 16.9999 9.82761L15.9999 9.82845Z"
+        d="M12.464 2.294a4 4 0 0 1 2.828 1.17c.514.514.841 1.215 1.06 1.872.225.674.368 1.4.461 2.053A19.454 19.454 0 0 1 17 9.769V9.828h-1v1H15.94l-.15-.003a19.459 19.459 0 0 1-2.231-.184 11.973 11.973 0 0 1-2.053-.46c-.656-.22-1.357-.546-1.871-1.06a4.001 4.001 0 0 1 2.828-6.827zM11.05 7.707c.193.193.553.397 1.09.576.52.173 1.118.295 1.703.379.4.057.78.094 1.11.12a16.88 16.88 0 0 0-.12-1.11 10.001 10.001 0 0 0-.378-1.704c-.18-.536-.383-.896-.576-1.09m0 0a2 2 0 0 0-2.829 2.83M16 9.827v1a1.001 1.001 0 0 0 1-1h-1z"
       />
       <path
         fillRule="evenodd"
         clipRule="evenodd"
-        d="M20.3755 2.29413C19.3155 2.29383 18.2989 2.71444 17.549 3.4635C17.0355 3.97701 16.7087 4.67801 16.4899 5.33434C16.2654 6.00786 16.1222 6.73444 16.029 7.38635C15.9353 8.04227 15.8889 8.6475 15.8658 9.08744C15.8542 9.30817 15.8483 9.48918 15.8453 9.61643C15.8439 9.6801 15.8431 9.73043 15.8427 9.76568L15.8424 9.80708L15.8423 9.81892L15.8423 9.82255L15.8423 9.82379C15.8423 9.82398 15.8423 9.82464 16.8418 9.82464C16.8418 10.8241 16.842 10.8241 16.8422 10.8241L16.8439 10.8241L16.8475 10.8241L16.8594 10.8241L16.9008 10.8237C16.936 10.8233 16.9863 10.8226 17.05 10.8211C17.1773 10.8181 17.3583 10.8123 17.579 10.8007C18.0189 10.7775 18.6242 10.7311 19.2801 10.6374C19.932 10.5443 20.6586 10.401 21.3321 10.1765C21.9884 9.95774 22.689 9.63139 23.2025 9.11789C23.9516 8.36797 24.3726 7.3509 24.3723 6.29096C24.372 5.23103 23.9508 4.21459 23.2013 3.46511C22.4518 2.71562 21.4354 2.29443 20.3755 2.29413ZM21.789 7.70439C21.5958 7.89763 21.2363 8.10134 20.7 8.28011C20.1809 8.45315 19.5823 8.57494 18.9974 8.6585C18.5986 8.71548 18.2175 8.7531 17.8886 8.77789C17.9133 8.44895 17.951 8.06788 18.0079 7.66905C18.0915 7.08416 18.2133 6.48558 18.3863 5.96647C18.5651 5.43021 18.7688 5.07071 18.962 4.87745C18.962 4.87743 18.962 4.87747 18.962 4.87745M18.962 4.87745C19.3369 4.50317 19.8451 4.29296 20.3749 4.29311C20.9049 4.29327 21.4131 4.50386 21.7878 4.8786C22.1626 5.25335 22.3732 5.76157 22.3733 6.29153C22.3735 6.82131 22.1633 7.32947 21.789 7.70439M16.8418 9.82464L16.8422 10.8241C16.5771 10.8241 16.3225 10.7188 16.1351 10.5314C15.9476 10.3439 15.8423 10.0889 15.8423 9.82379L16.8418 9.82464Z"
+        d="M20.375 2.294c-1.06 0-2.076.42-2.826 1.17-.514.513-.84 1.214-1.06 1.87a11.97 11.97 0 0 0-.46 2.052 19.43 19.43 0 0 0-.186 2.38V9.823c0 .001 0 .002.999.002v1h.017l.042-.001.149-.003a19.475 19.475 0 0 0 2.23-.184 11.96 11.96 0 0 0 2.052-.46c.656-.22 1.357-.546 1.87-1.06a4 4 0 0 0-2.827-6.823zm1.414 5.41c-.193.194-.553.397-1.089.576a9.993 9.993 0 0 1-1.703.379c-.398.056-.78.094-1.108.119.024-.33.062-.71.119-1.109.084-.585.205-1.183.378-1.703.18-.536.383-.895.576-1.089m0 0a2 2 0 0 1 2.827 2.827m-4.947 2.12v1a1 1 0 0 1-1-1h1z"
       />
     </svg>
   );
diff --git a/packages/components/react-web/src/Icon/icons/IconGlobe.jsx b/packages/components/react-web/src/Icon/icons/IconGlobe.jsx
index 0a788d1c..63c85c9e 100644
--- a/packages/components/react-web/src/Icon/icons/IconGlobe.jsx
+++ b/packages/components/react-web/src/Icon/icons/IconGlobe.jsx
@@ -13,7 +13,6 @@ function IconGlobe(props) {
     <svg
       width={props.width}
       height={props.height}
-      viewBox="0 0 32 32"
       xmlns="http://www.w3.org/2000/svg"
       fill={props.fill}
       className="gds-icon"
@@ -23,32 +22,22 @@ function IconGlobe(props) {
       <path
         fillRule="evenodd"
         clipRule="evenodd"
-        d="M9.2309 3.63049C9.61115 4.01073 9.61115 4.62724 9.23091 5.00749C7.1285 7.1099 5.94738 9.96138 5.94738 12.9346C5.94738 15.9079 7.1285 18.7594 9.23091 20.8618C11.3333 22.9642 14.1848 24.1453 17.158 24.1453C20.1313 24.1453 22.9828 22.9642 25.0852 20.8618C25.4654 20.4815 26.0819 20.4815 26.4622 20.8618C26.8424 21.242 26.8424 21.8585 26.4622 22.2388C23.9946 24.7064 20.6478 26.0927 17.158 26.0927C13.6683 26.0927 10.3215 24.7064 7.8539 22.2388C5.38629 19.7712 4 16.4244 4 12.9346C4 9.4449 5.38629 6.0981 7.8539 3.63049C8.23415 3.25024 8.85066 3.25024 9.2309 3.63049Z"
+        d="M9.23 3.63c.381.38.381.997 0 1.377a11.21 11.21 0 0 0 15.855 15.855.974.974 0 1 1 1.377 1.377A13.158 13.158 0 0 1 7.854 3.63a.974.974 0 0 1 1.377 0zM12.435 28.868c0-.538.436-.974.974-.974h7.498a.974.974 0 0 1 0 1.948H13.41a.974.974 0 0 1-.974-.974z"
       />
       <path
         fillRule="evenodd"
         clipRule="evenodd"
-        d="M12.4355 28.8679C12.4355 28.3302 12.8715 27.8942 13.4092 27.8942H20.9073C21.4451 27.8942 21.881 28.3302 21.881 28.8679C21.881 29.4057 21.4451 29.8416 20.9073 29.8416H13.4092C12.8715 29.8416 12.4355 29.4057 12.4355 28.8679Z"
+        d="M17.158 24.145c.538 0 .974.436.974.974v3.749a.974.974 0 1 1-1.947 0v-3.75c0-.537.436-.973.973-.973zM17.158 5.542a7.393 7.393 0 1 0 0 14.787 7.393 7.393 0 0 0 0-14.787zm-9.372 7.393a9.373 9.373 0 1 1 18.745 0 9.373 9.373 0 0 1-18.745 0z"
       />
       <path
         fillRule="evenodd"
         clipRule="evenodd"
-        d="M17.1583 24.1452C17.696 24.1452 18.1319 24.5811 18.1319 25.1189V28.8679C18.1319 29.4057 17.696 29.8416 17.1583 29.8416C16.6205 29.8416 16.1846 29.4057 16.1846 28.8679V25.1189C16.1846 24.5811 16.6205 24.1452 17.1583 24.1452Z"
+        d="M10.294 19.326a.99.99 0 0 1 0-1.4L22.149 6.071a.99.99 0 0 1 1.4 1.4L11.693 19.325a.99.99 0 0 1-1.4 0z"
       />
       <path
         fillRule="evenodd"
         clipRule="evenodd"
-        d="M17.1581 5.54199C13.0749 5.54199 9.76482 8.85207 9.76482 12.9353C9.76482 17.0185 13.0749 20.3285 17.1581 20.3285C21.2413 20.3285 24.5514 17.0185 24.5514 12.9353C24.5514 8.85207 21.2413 5.54199 17.1581 5.54199ZM7.78552 12.9353C7.78552 7.75893 11.9818 3.56268 17.1581 3.56268C22.3344 3.56268 26.5307 7.75893 26.5307 12.9353C26.5307 18.1116 22.3344 22.3078 17.1581 22.3078C11.9818 22.3078 7.78552 18.1116 7.78552 12.9353Z"
-      />
-      <path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M10.2938 19.3257C9.9073 18.9392 9.9073 18.3126 10.2938 17.9261L22.149 6.07085C22.5355 5.68437 23.1621 5.68437 23.5486 6.07085C23.9351 6.45733 23.9351 7.08394 23.5486 7.47043L11.6934 19.3257C11.3069 19.7122 10.6803 19.7122 10.2938 19.3257Z"
-      />
-      <path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M12.0447 10.2295C12.5849 11.6186 13.6864 13.2805 15.2496 14.8437C16.8129 16.407 18.4748 17.5085 19.8639 18.0487C20.5599 18.3194 21.1425 18.4317 21.5851 18.4229C22.0209 18.4143 22.2559 18.2932 22.3858 18.1632C22.5158 18.0332 22.637 17.7982 22.6456 17.3624C22.6543 16.9198 22.542 16.3373 22.2714 15.6413C21.7311 14.2521 20.6296 12.5902 19.0664 11.027C17.5032 9.46377 15.8413 8.36225 14.4521 7.82202C13.7561 7.55135 13.1735 7.43907 12.731 7.44781C12.2952 7.45641 12.0601 7.57756 11.9302 7.70753C11.8002 7.8375 11.6791 8.07251 11.6705 8.50831C11.6617 8.95089 11.774 9.53345 12.0447 10.2295ZM9.69154 8.46924C9.7071 7.68107 9.94035 6.89821 10.5306 6.30795C11.1209 5.7177 11.9037 5.48445 12.6919 5.46889C13.4733 5.45347 14.3208 5.64726 15.1695 5.9773C16.8697 6.63848 18.7554 7.91691 20.466 9.62742C22.1765 11.3379 23.4549 13.2237 24.1161 14.9239C24.4461 15.7726 24.6399 16.6201 24.6245 17.4015C24.6089 18.1897 24.3757 18.9725 23.7854 19.5628C23.1952 20.153 22.4123 20.3863 21.6241 20.4018C20.8427 20.4173 19.9952 20.2235 19.1465 19.8934C17.4464 19.2323 15.5606 17.9538 13.8501 16.2433C12.1396 14.5328 10.8611 12.647 10.1999 10.9468C9.86991 10.0982 9.67612 9.25064 9.69154 8.46924Z"
+        d="M12.045 10.23c.54 1.389 1.641 3.05 3.205 4.614 1.563 1.563 3.225 2.665 4.614 3.205.696.27 1.278.383 1.721.374.436-.009.67-.13.8-.26s.252-.365.26-.8c.01-.443-.103-1.026-.374-1.722-.54-1.389-1.641-3.05-3.205-4.614-1.563-1.563-3.225-2.665-4.614-3.205-.696-.27-1.278-.383-1.721-.374-.436.008-.67.13-.8.26s-.252.365-.26.8c-.01.443.103 1.025.374 1.722zM9.692 8.47c.015-.789.248-1.572.839-2.162.59-.59 1.373-.824 2.16-.84.782-.015 1.63.18 2.478.51 1.7.66 3.586 1.939 5.297 3.65 1.71 1.71 2.989 3.596 3.65 5.296.33.849.524 1.696.509 2.477-.016.789-.25 1.572-.84 2.162-.59.59-1.373.823-2.16.839-.782.015-1.63-.178-2.479-.509-1.7-.66-3.585-1.94-5.296-3.65-1.71-1.71-2.989-3.596-3.65-5.296-.33-.849-.524-1.696-.508-2.478z"
       />
     </svg>
   );
diff --git a/packages/components/react-web/src/Icon/icons/IconHidden.jsx b/packages/components/react-web/src/Icon/icons/IconHidden.jsx
index a557db66..0ae94a4a 100644
--- a/packages/components/react-web/src/Icon/icons/IconHidden.jsx
+++ b/packages/components/react-web/src/Icon/icons/IconHidden.jsx
@@ -13,7 +13,6 @@ function IconHidden(props) {
     <svg
       width={props.width}
       height={props.height}
-      viewBox="0 0 32 32"
       xmlns="http://www.w3.org/2000/svg"
       fill={props.fill}
       className="gds-icon"
@@ -23,27 +22,22 @@ function IconHidden(props) {
       <path
         fillRule="evenodd"
         clipRule="evenodd"
-        d="M5.32733 4.26021C5.73599 3.88871 6.36844 3.91882 6.73995 4.32748L26.7399 26.3275C27.1115 26.7361 27.0813 27.3686 26.6727 27.7401C26.264 28.1116 25.6316 28.0815 25.2601 27.6728L5.26007 5.67282C4.88856 5.26417 4.91868 4.63172 5.32733 4.26021Z"
+        d="M5.327 4.26a1 1 0 0 1 1.413.067l20 22a1 1 0 1 1-1.48 1.346l-20-22a1 1 0 0 1 .067-1.413z"
       />
       <path
         fillRule="evenodd"
         clipRule="evenodd"
-        d="M13.3764 11.6277C13.748 12.0363 13.7179 12.6688 13.3093 13.0403C12.5244 13.7539 12.0552 14.7501 12.0048 15.8098C11.9544 16.8694 12.3269 17.9056 13.0405 18.6906C13.7541 19.4755 14.7502 19.9448 15.8098 19.9953C16.8695 20.0458 17.9057 19.6734 18.6907 18.9599C19.0994 18.5884 19.7319 18.6186 20.1033 19.0273C20.4748 19.436 20.4446 20.0684 20.0359 20.4399C18.8584 21.5101 17.304 22.0688 15.7146 21.9931C14.1252 21.9173 12.631 21.2133 11.5606 20.0359C10.4903 18.8585 9.93141 17.3041 10.007 15.7147C10.0826 14.1253 10.7865 12.631 11.9638 11.5605C12.3725 11.189 13.0049 11.2191 13.3764 11.6277Z"
+        d="M13.376 11.628a1 1 0 0 1-.067 1.412 4 4 0 0 0 5.382 5.92 1 1 0 1 1 1.345 1.48 6 6 0 0 1-8.072-8.88 1 1 0 0 1 1.412.068z"
       />
       <path
         fillRule="evenodd"
         clipRule="evenodd"
-        d="M10.1414 8.12257C10.3909 8.61528 10.1938 9.21697 9.70108 9.46647C7.32544 10.6695 5.62198 12.4086 4.50736 13.8632C3.95172 14.5884 3.54797 15.2357 3.28514 15.6974C3.22103 15.8101 3.16541 15.9115 3.11811 16.0001C3.23576 16.2204 3.40469 16.5196 3.62746 16.8734C4.1285 17.6691 4.8961 18.7317 5.95707 19.7925C8.07323 21.9084 11.3325 23.9992 16 23.9992H16.008L16.008 23.9992C18.1921 24.0166 20.3491 23.5135 22.3001 22.5316C22.7935 22.2833 23.3947 22.482 23.643 22.9753C23.8912 23.4686 23.6926 24.0698 23.1992 24.3181C20.9656 25.4422 18.4965 26.0184 15.9961 25.9992C10.6656 25.998 6.92619 23.5898 4.54293 21.2068C3.3539 20.0179 2.4965 18.8307 1.93504 17.9391C1.65382 17.4925 1.44542 17.1178 1.3056 16.8509C1.23565 16.7173 1.18275 16.6106 1.14638 16.5351C1.12819 16.4973 1.11413 16.4673 1.10412 16.4457L1.09215 16.4195L1.08843 16.4113L1.08713 16.4084L1.08662 16.4073C1.0864 16.4068 1.0862 16.4063 2 16.0001C1.08617 15.594 1.08632 15.5937 1.08647 15.5934L1.08681 15.5926L1.08765 15.5907L1.08994 15.5856L1.09696 15.5702C1.10272 15.5576 1.11065 15.5404 1.12078 15.5189C1.14105 15.4759 1.17012 15.4155 1.20822 15.3394C1.28438 15.1872 1.39675 14.972 1.54697 14.7081C1.84711 14.1808 2.30016 13.4555 2.91982 12.6468C4.15582 11.0337 6.07702 9.05988 8.79753 7.68221C9.29024 7.4327 9.89193 7.62986 10.1414 8.12257ZM2 16.0001L1.08617 15.594C0.971265 15.8526 0.971276 16.1478 1.0862 16.4063L2 16.0001Z"
+        d="M10.141 8.123a1 1 0 0 1-.44 1.343c-2.376 1.204-4.079 2.943-5.194 4.397A16.339 16.339 0 0 0 3.118 16c.118.22.287.52.51.873a16.915 16.915 0 0 0 2.33 2.92c2.115 2.115 5.374 4.206 10.042 4.206h.008a13.753 13.753 0 0 0 6.292-1.467 1 1 0 0 1 .9 1.786A15.754 15.754 0 0 1 15.995 26c-5.33-.001-9.07-2.41-11.453-4.792a18.918 18.918 0 0 1-2.608-3.268 15.957 15.957 0 0 1-.789-1.404 6.774 6.774 0 0 1-.042-.09l-.012-.026-.004-.008v-.003h-.001c0-.001 0-.002.913-.408l-.914-.407.002-.002.002-.005.007-.016a4.865 4.865 0 0 1 .111-.23c.076-.153.189-.368.339-.632.3-.527.753-1.252 1.373-2.061 1.236-1.613 3.157-3.587 5.878-4.965a1 1 0 0 1 1.343.44zM2 16l-.914-.406a1 1 0 0 0 0 .812L2 16zM13.251 6.223c.91-.15 1.829-.225 2.75-.224 5.332 0 9.073 2.41 11.456 4.794a18.917 18.917 0 0 1 2.608 3.268c.281.447.49.822.63 1.088a10.846 10.846 0 0 1 .201.406l.012.026.004.008.002.004L30 16l-.913-.406-.008.016-.035.074a9.034 9.034 0 0 1-.162.316c-.118-.22-.287-.52-.51-.873a16.93 16.93 0 0 0-2.329-2.92C23.927 10.09 20.668 7.999 16 7.999h-.002c-.81-.001-1.62.065-2.42.197a1 1 0 0 1-.327-1.973zM30.001 16l.913.406a1 1 0 0 0 0-.812L30 16zm-1.119 0c-.143.267-.36.65-.659 1.106a16.778 16.778 0 0 1-2.814 3.287 1 1 0 1 0 1.335 1.49 18.776 18.776 0 0 0 3.153-3.682c.338-.518.589-.957.756-1.271a11.053 11.053 0 0 0 .24-.478l.014-.03.004-.01.002-.003v-.003L30 16c-.914.406-.914.407-.913.407l-.006-.013a8.257 8.257 0 0 0-.199-.394z"
       />
       <path
         fillRule="evenodd"
         clipRule="evenodd"
-        d="M13.2514 6.22314C14.1602 6.07263 15.0798 5.99772 16.0009 5.99918C21.3331 5.99943 25.0736 8.40865 27.4572 10.7926C28.6463 11.9818 29.5037 13.1692 30.0651 14.061C30.3463 14.5077 30.5547 14.8825 30.6946 15.1494C30.7645 15.283 30.8174 15.3898 30.8538 15.4653C30.8719 15.5031 30.886 15.5331 30.896 15.5547L30.908 15.5808L30.9117 15.5891L30.9135 15.5931C30.9137 15.5936 30.9139 15.5941 30.0001 16.0002C29.0863 15.594 29.0864 15.5938 29.0865 15.5936L29.0789 15.61C29.0718 15.6253 29.0601 15.6503 29.0436 15.6842C29.0107 15.7521 28.9589 15.8558 28.8876 15.9896C28.8858 15.9931 28.8839 15.9966 28.882 16.0001C28.7643 15.7797 28.5954 15.4804 28.3726 15.1265C27.8715 14.3307 27.1039 13.2678 26.043 12.2067C23.9268 10.0903 20.6675 7.99918 16.0001 7.99918L15.9985 7.99918C15.1877 7.99785 14.3781 8.06377 13.5782 8.19626C13.0334 8.2865 12.5185 7.91796 12.4283 7.3731C12.338 6.82824 12.7066 6.31338 13.2514 6.22314ZM30.0001 16.0002L30.9139 16.4063C31.0288 16.1478 31.0288 15.8526 30.9139 15.5941L30.0001 16.0002ZM28.882 16.0001C28.7392 16.2675 28.5211 16.6506 28.2232 17.1063C27.6181 18.0317 26.6916 19.244 25.4091 20.3927C24.9977 20.7612 24.9629 21.3934 25.3314 21.8048C25.6999 22.2162 26.3321 22.2509 26.7435 21.8825C28.1862 20.5903 29.2217 19.2338 29.8971 18.2008C30.2355 17.6832 30.4856 17.2438 30.6529 16.9297C30.7366 16.7726 30.7997 16.6465 30.8429 16.5574C30.8646 16.5128 30.8812 16.4775 30.893 16.4521L30.9071 16.4215L30.9114 16.4119L30.9129 16.4086L30.9139 16.4063C30.914 16.4061 30.9139 16.4063 30.0001 16.0002C29.0863 16.4063 29.0864 16.4066 29.0866 16.407L29.0806 16.394C29.0749 16.3816 29.0653 16.361 29.0517 16.3329C29.0246 16.2765 28.9818 16.1899 28.9228 16.0774C28.91 16.0528 28.8964 16.0271 28.882 16.0001Z"
-      />
-      <path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M15.9588 10.9C16.0629 10.3577 16.5871 10.0024 17.1294 10.1066C18.4046 10.3514 19.5659 11.0031 20.4393 11.9639C21.3127 12.9247 21.8511 14.1427 21.9736 15.4353C22.0257 15.9852 21.6223 16.4731 21.0725 16.5253C20.5226 16.5774 20.0347 16.1739 19.9826 15.6241C19.9008 14.7621 19.5419 13.9499 18.9594 13.3092C18.377 12.6685 17.6026 12.234 16.7523 12.0707C16.2099 11.9665 15.8547 11.4424 15.9588 10.9Z"
+        d="M15.959 10.9a1 1 0 0 1 1.17-.793 6.002 6.002 0 0 1 4.845 5.328 1 1 0 1 1-1.991.19 4.003 4.003 0 0 0-3.23-3.554 1 1 0 0 1-.794-1.171z"
       />
     </svg>
   );
diff --git a/packages/components/react-web/src/Icon/icons/IconHome.jsx b/packages/components/react-web/src/Icon/icons/IconHome.jsx
index 6189e501..4091f499 100644
--- a/packages/components/react-web/src/Icon/icons/IconHome.jsx
+++ b/packages/components/react-web/src/Icon/icons/IconHome.jsx
@@ -13,7 +13,6 @@ function IconHome(props) {
     <svg
       width={props.width}
       height={props.height}
-      viewBox="0 0 32 32"
       xmlns="http://www.w3.org/2000/svg"
       fill={props.fill}
       className="gds-icon"
@@ -23,17 +22,17 @@ function IconHome(props) {
       <path
         fillRule="evenodd"
         clipRule="evenodd"
-        d="M14.6538 3.8707C15.022 3.53597 15.5017 3.35048 15.9992 3.35046C16.4968 3.35045 16.9765 3.5359 17.3447 3.87061L27.3454 12.9625C27.5516 13.15 27.7163 13.3784 27.829 13.6333C27.9418 13.8881 28 14.1637 28 14.4424V27C28 27.5523 27.5523 28 27 28C26.4477 28 26 27.5523 26 27V14.4424L15.9993 5.35046L6 14.4423V27C6 27.5523 5.55228 28 5 28C4.44772 28 4 27.5523 4 27V14.4423C4 14.1637 4.05822 13.8881 4.17094 13.6333C4.28365 13.3785 4.44837 13.15 4.65453 12.9625L14.6538 3.8707Z"
+        d="M14.654 3.87a2 2 0 0 1 2.69 0l10.001 9.092a2 2 0 0 1 .655 1.48V27a1 1 0 1 1-2 0V14.442L16 5.35 6 14.442V27a1 1 0 1 1-2 0V14.442a2 2 0 0 1 .655-1.48l9.999-9.091z"
       />
       <path
         fillRule="evenodd"
         clipRule="evenodd"
-        d="M1 27C1 26.4477 1.44772 26 2 26H30C30.5523 26 31 26.4477 31 27C31 27.5523 30.5523 28 30 28H2C1.44772 28 1 27.5523 1 27Z"
+        d="M1 27a1 1 0 0 1 1-1h28a1 1 0 1 1 0 2H2a1 1 0 0 1-1-1z"
       />
       <path
         fillRule="evenodd"
         clipRule="evenodd"
-        d="M11.9993 18.999C11.9993 18.4467 12.447 17.999 12.9993 17.999H18.9993C19.5516 17.999 19.9993 18.4467 19.9993 18.999V26.999C19.9993 27.5513 19.5516 27.999 18.9993 27.999C18.447 27.999 17.9993 27.5513 17.9993 26.999V19.999H13.9993V26.999C13.9993 27.5513 13.5516 27.999 12.9993 27.999C12.447 27.999 11.9993 27.5513 11.9993 26.999V18.999Z"
+        d="M12 18.999a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v8a1 1 0 1 1-2 0v-7h-4v7a1 1 0 1 1-2 0v-8z"
       />
     </svg>
   );
diff --git a/packages/components/react-web/src/Icon/icons/IconInfo.jsx b/packages/components/react-web/src/Icon/icons/IconInfo.jsx
index 0e07530e..83d97378 100644
--- a/packages/components/react-web/src/Icon/icons/IconInfo.jsx
+++ b/packages/components/react-web/src/Icon/icons/IconInfo.jsx
@@ -13,7 +13,6 @@ function IconInfo(props) {
     <svg
       width={props.width}
       height={props.height}
-      viewBox="0 0 32 32"
       xmlns="http://www.w3.org/2000/svg"
       fill={props.fill}
       className="gds-icon"
@@ -23,14 +22,14 @@ function IconInfo(props) {
       <path
         fillRule="evenodd"
         clipRule="evenodd"
-        d="M16 5C9.92487 5 5 9.92487 5 16C5 22.0751 9.92487 27 16 27C22.0751 27 27 22.0751 27 16C27 9.92487 22.0751 5 16 5ZM3 16C3 8.8203 8.8203 3 16 3C23.1797 3 29 8.8203 29 16C29 23.1797 23.1797 29 16 29C8.8203 29 3 23.1797 3 16Z"
+        d="M16 5C9.925 5 5 9.925 5 16s4.925 11 11 11 11-4.925 11-11S22.075 5 16 5zM3 16C3 8.82 8.82 3 16 3s13 5.82 13 13-5.82 13-13 13S3 23.18 3 16z"
       />
       <path
         fillRule="evenodd"
         clipRule="evenodd"
-        d="M14 15C14 14.4477 14.4477 14 15 14H16C16.5523 14 17 14.4477 17 15V21C17.5523 21 18 21.4477 18 22C18 22.5523 17.5523 23 17 23H16C15.4477 23 15 22.5523 15 22V16C14.4477 16 14 15.5523 14 15Z"
+        d="M14 15a1 1 0 0 1 1-1h1a1 1 0 0 1 1 1v6a1 1 0 1 1 0 2h-1a1 1 0 0 1-1-1v-6a1 1 0 0 1-1-1z"
       />
-      <path d="M16 12C16.8284 12 17.5 11.3284 17.5 10.5C17.5 9.67157 16.8284 9 16 9C15.1716 9 14.5 9.67157 14.5 10.5C14.5 11.3284 15.1716 12 16 12Z" />
+      <path d="M16 12a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3z" />
     </svg>
   );
 }
diff --git a/packages/components/react-web/src/Icon/icons/IconMap.jsx b/packages/components/react-web/src/Icon/icons/IconMap.jsx
index 35353c97..82340290 100644
--- a/packages/components/react-web/src/Icon/icons/IconMap.jsx
+++ b/packages/components/react-web/src/Icon/icons/IconMap.jsx
@@ -13,7 +13,6 @@ function IconMap(props) {
     <svg
       width={props.width}
       height={props.height}
-      viewBox="0 0 32 32"
       xmlns="http://www.w3.org/2000/svg"
       fill={props.fill}
       className="gds-icon"
@@ -23,17 +22,17 @@ function IconMap(props) {
       <path
         fillRule="evenodd"
         clipRule="evenodd"
-        d="M12.97 4.76C13.0334 5.01725 12.9922 5.28916 12.8553 5.51603C12.7185 5.7429 12.4972 5.90617 12.24 5.97L5 7.78V23.72L11.76 22.03C11.8893 21.9926 12.0248 21.9818 12.1584 21.998C12.292 22.0143 12.4209 22.0573 12.5375 22.1246C12.6541 22.1919 12.7558 22.282 12.8367 22.3896C12.9176 22.4971 12.976 22.6199 13.0083 22.7505C13.0406 22.8812 13.0463 23.017 13.0248 23.1499C13.0034 23.2827 12.9554 23.4099 12.8837 23.5238C12.8119 23.6376 12.7179 23.7358 12.6073 23.8125C12.4967 23.8892 12.3718 23.9428 12.24 23.97L4.24 25.97C4.09275 26.0064 3.93915 26.0088 3.79082 25.9771C3.6425 25.9454 3.50333 25.8803 3.38386 25.7869C3.26439 25.6934 3.16775 25.574 3.10124 25.4377C3.03474 25.3013 3.00012 25.1517 3 25V7C3.00017 6.77667 3.0751 6.55983 3.21284 6.38403C3.35058 6.20823 3.5432 6.0836 3.76 6.03L11.76 4.03C12.0172 3.96656 12.2892 4.0078 12.516 4.14467C12.7429 4.28154 12.9062 4.50285 12.97 4.76Z"
+        d="M12.97 4.76a1 1 0 0 1-.73 1.21L5 7.78v15.94l6.76-1.69a1 1 0 1 1 .48 1.94l-8 2A1 1 0 0 1 3 25V7a1 1 0 0 1 .76-.97l8-2a1 1 0 0 1 1.21.73z"
       />
       <path
         fillRule="evenodd"
         clipRule="evenodd"
-        d="M11.47 4.15C11.6162 4.05972 11.7831 4.00861 11.9548 4.0016C12.1264 3.9946 12.297 4.03193 12.45 4.11L20.45 8.11C20.6149 8.1931 20.7536 8.32025 20.8507 8.47734C20.9478 8.63443 20.9995 8.81534 21 9V27C21.0012 27.1713 20.9584 27.3401 20.8756 27.4901C20.7929 27.6401 20.673 27.7663 20.5274 27.8566C20.3819 27.947 20.2155 27.9984 20.0444 28.006C19.8732 28.0136 19.703 27.9771 19.55 27.9L11.55 23.9C11.3836 23.8161 11.2439 23.6874 11.1467 23.5284C11.0495 23.3694 10.9987 23.1864 11 23V5C10.9997 4.83006 11.0427 4.66283 11.1249 4.51411C11.2071 4.36539 11.3259 4.24007 11.47 4.15ZM13 6.62V22.38L19 25.38V9.62L13 6.62Z"
+        d="M11.47 4.15a1 1 0 0 1 .98-.04l8 4A1 1 0 0 1 21 9v18a1 1 0 0 1-1.45.9l-8-4A1 1 0 0 1 11 23V5a1 1 0 0 1 .47-.85zM13 6.62v15.76l6 3V9.62l-6-3z"
       />
       <path
         fillRule="evenodd"
         clipRule="evenodd"
-        d="M28.62 6.21C28.7392 6.30418 28.8353 6.42426 28.9012 6.56114C28.967 6.69803 29.0008 6.84811 29 7V25C28.9998 25.2233 28.9249 25.4402 28.7872 25.616C28.6494 25.7918 28.4568 25.9164 28.24 25.97L20.24 27.97C20.1107 28.0074 19.9752 28.0182 19.8416 28.002C19.708 27.9857 19.5791 27.9427 19.4625 27.8754C19.3459 27.8081 19.2442 27.718 19.1633 27.6105C19.0824 27.5029 19.024 27.3801 18.9917 27.2495C18.9594 27.1188 18.9537 26.983 18.9751 26.8502C18.9966 26.7173 19.0446 26.5901 19.1163 26.4762C19.1881 26.3624 19.2821 26.2642 19.3927 26.1875C19.5033 26.1108 19.6282 26.0572 19.76 26.03L27 24.22V8.28L20.24 9.97C20.1107 10.0074 19.9752 10.0182 19.8416 10.002C19.708 9.98573 19.5791 9.94267 19.4625 9.87539C19.3459 9.80812 19.2442 9.718 19.1633 9.61045C19.0824 9.5029 19.024 9.38013 18.9917 9.24949C18.9594 9.11884 18.9537 8.98302 18.9751 8.85015C18.9966 8.71729 19.0446 8.59011 19.1163 8.47624C19.1881 8.36238 19.2821 8.26416 19.3927 8.18748C19.5033 8.11081 19.6282 8.05724 19.76 8.03L27.76 6.03C27.9076 5.99255 28.0618 5.9893 28.2108 6.02049C28.3599 6.05169 28.4998 6.1165 28.62 6.21Z"
+        d="M28.62 6.21A1 1 0 0 1 29 7v18a1 1 0 0 1-.76.97l-8 2a1 1 0 1 1-.48-1.94L27 24.22V8.28l-6.76 1.69a1 1 0 1 1-.48-1.94l8-2a1 1 0 0 1 .86.18z"
       />
     </svg>
   );
diff --git a/packages/components/react-web/src/Icon/icons/IconMenu.jsx b/packages/components/react-web/src/Icon/icons/IconMenu.jsx
index 5b0a3029..0e243747 100644
--- a/packages/components/react-web/src/Icon/icons/IconMenu.jsx
+++ b/packages/components/react-web/src/Icon/icons/IconMenu.jsx
@@ -13,7 +13,6 @@ function IconMenu(props) {
     <svg
       width={props.width}
       height={props.height}
-      viewBox="0 0 32 32"
       xmlns="http://www.w3.org/2000/svg"
       fill={props.fill}
       className="gds-icon"
@@ -23,17 +22,7 @@ function IconMenu(props) {
       <path
         fillRule="evenodd"
         clipRule="evenodd"
-        d="M4 16C4 15.4477 4.44772 15 5 15H27C27.5523 15 28 15.4477 28 16C28 16.5523 27.5523 17 27 17H5C4.44772 17 4 16.5523 4 16Z"
-      />
-      <path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M4 8C4 7.44772 4.44772 7 5 7H27C27.5523 7 28 7.44772 28 8C28 8.55228 27.5523 9 27 9H5C4.44772 9 4 8.55228 4 8Z"
-      />
-      <path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M4 24C4 23.4477 4.44772 23 5 23H27C27.5523 23 28 23.4477 28 24C28 24.5523 27.5523 25 27 25H5C4.44772 25 4 24.5523 4 24Z"
+        d="M4 16a1 1 0 0 1 1-1h22a1 1 0 1 1 0 2H5a1 1 0 0 1-1-1zM4 8a1 1 0 0 1 1-1h22a1 1 0 1 1 0 2H5a1 1 0 0 1-1-1zM4 24a1 1 0 0 1 1-1h22a1 1 0 1 1 0 2H5a1 1 0 0 1-1-1z"
       />
     </svg>
   );
diff --git a/packages/components/react-web/src/Icon/icons/IconPhotoStack.jsx b/packages/components/react-web/src/Icon/icons/IconPhotoStack.jsx
index b12702a7..71ae1a42 100644
--- a/packages/components/react-web/src/Icon/icons/IconPhotoStack.jsx
+++ b/packages/components/react-web/src/Icon/icons/IconPhotoStack.jsx
@@ -13,7 +13,6 @@ function IconPhotoStack(props) {
     <svg
       width={props.width}
       height={props.height}
-      viewBox="0 0 32 32"
       xmlns="http://www.w3.org/2000/svg"
       fill={props.fill}
       className="gds-icon"
@@ -23,7 +22,7 @@ function IconPhotoStack(props) {
       <path
         fillRule="evenodd"
         clipRule="evenodd"
-        d="M7.65011 5C6.67809 5 5.89011 5.78798 5.89011 6.76V19.08V22.6C5.89011 23.572 6.67809 24.36 7.65011 24.36H27.0101C27.9821 24.36 28.7701 23.572 28.7701 22.6V6.76C28.7701 5.78798 27.9821 5 27.0101 5H7.65011ZM7.65011 19.4445V22.6H27.0101V21.2045L22.6101 16.8045L20.3346 19.08C20.1712 19.2434 19.9771 19.373 19.7636 19.4615C19.5501 19.5499 19.3212 19.5955 19.0901 19.5955C18.859 19.5955 18.6301 19.5499 18.4166 19.4615C18.203 19.373 18.009 19.2434 17.8456 19.08L12.9301 14.1645L7.65011 19.4445ZM27.0101 18.7155L23.8546 15.56C23.6912 15.3965 23.4971 15.2669 23.2836 15.1785C23.0701 15.09 22.8412 15.0445 22.6101 15.0445C22.379 15.0445 22.1501 15.09 21.9366 15.1785C21.723 15.2669 21.529 15.3965 21.3656 15.56L19.0901 17.8355L14.1746 12.92C14.0112 12.7565 13.8172 12.6269 13.6036 12.5385C13.3901 12.45 13.1612 12.4045 12.9301 12.4045C12.699 12.4045 12.4701 12.45 12.2566 12.5385C12.043 12.6269 11.849 12.7565 11.6856 12.92L7.65011 16.9555V6.76H27.0101V18.7155ZM20.4101 12.92C21.1391 12.92 21.7301 12.329 21.7301 11.6C21.7301 10.871 21.1391 10.28 20.4101 10.28C19.6811 10.28 19.0901 10.871 19.0901 11.6C19.0901 12.329 19.6811 12.92 20.4101 12.92ZM3.25 9.4C3.25 8.42798 4.03798 7.64 5.01 7.64V25.24H26.13C26.13 26.212 25.342 27 24.37 27H5.01C4.03798 27 3.25 26.212 3.25 25.24V9.4Z"
+        d="M7.65 5a1.76 1.76 0 0 0-1.76 1.76V22.6c0 .972.788 1.76 1.76 1.76h19.36a1.76 1.76 0 0 0 1.76-1.76V6.76A1.76 1.76 0 0 0 27.01 5H7.65zm0 14.445V22.6h19.36v-1.396l-4.4-4.4-2.275 2.276a1.761 1.761 0 0 1-2.49 0l-4.915-4.915-5.28 5.28zm19.36-.73-3.155-3.155a1.758 1.758 0 0 0-2.49 0l-2.275 2.275-4.915-4.915a1.757 1.757 0 0 0-2.49 0L7.65 16.956V6.76h19.36v11.955zm-6.6-5.795a1.32 1.32 0 1 0 0-2.64 1.32 1.32 0 0 0 0 2.64zM3.25 9.4c0-.972.788-1.76 1.76-1.76v17.6h21.12A1.76 1.76 0 0 1 24.37 27H5.01a1.76 1.76 0 0 1-1.76-1.76V9.4z"
       />
     </svg>
   );
diff --git a/packages/components/react-web/src/Icon/icons/IconPin.jsx b/packages/components/react-web/src/Icon/icons/IconPin.jsx
index a24da406..c9c3f8b1 100644
--- a/packages/components/react-web/src/Icon/icons/IconPin.jsx
+++ b/packages/components/react-web/src/Icon/icons/IconPin.jsx
@@ -13,7 +13,6 @@ function IconPin(props) {
     <svg
       width={props.width}
       height={props.height}
-      viewBox="0 0 32 32"
       xmlns="http://www.w3.org/2000/svg"
       fill={props.fill}
       className="gds-icon"
@@ -23,12 +22,12 @@ function IconPin(props) {
       <path
         fillRule="evenodd"
         clipRule="evenodd"
-        d="M16 10C14.3431 10 13 11.3431 13 13C13 14.6569 14.3431 16 16 16C17.6569 16 19 14.6569 19 13C19 11.3431 17.6569 10 16 10ZM11 13C11 10.2386 13.2386 8 16 8C18.7614 8 21 10.2386 21 13C21 15.7614 18.7614 18 16 18C13.2386 18 11 15.7614 11 13Z"
+        d="M16 10a3 3 0 1 0 0 6 3 3 0 0 0 0-6zm-5 3a5 5 0 1 1 10 0 5 5 0 0 1-10 0z"
       />
       <path
         fillRule="evenodd"
         clipRule="evenodd"
-        d="M16 4C13.6131 4 11.3239 4.94821 9.63604 6.63604C7.94821 8.32387 7 10.6131 7 13C7 17.1399 9.31185 20.9096 11.7546 23.7188C12.9638 25.1094 14.1755 26.2305 15.0851 27.0037C15.4449 27.3095 15.7562 27.5599 16 27.75C16.2438 27.5599 16.5551 27.3095 16.9149 27.0037C17.8245 26.2305 19.0362 25.1094 20.2454 23.7188C22.6882 20.9096 25 17.1399 25 13C25 10.6131 24.0518 8.32387 22.364 6.63604C20.6761 4.94821 18.3869 4 16 4ZM16 29C15.4265 29.8192 15.4263 29.819 15.4259 29.8188L15.4251 29.8182L15.4228 29.8166L15.4154 29.8114L15.39 29.7933C15.3683 29.7778 15.3375 29.7557 15.2981 29.7269C15.2192 29.6693 15.1059 29.5853 14.9631 29.4762C14.6775 29.2579 14.2732 28.9384 13.7899 28.5276C12.8245 27.707 11.5362 26.5156 10.2454 25.0312C7.68815 22.0904 5 17.8601 5 13C5 10.0826 6.15893 7.28473 8.22183 5.22183C10.2847 3.15893 13.0826 2 16 2C18.9174 2 21.7153 3.15893 23.7782 5.22183C25.8411 7.28473 27 10.0826 27 13C27 17.8601 24.3118 22.0904 21.7546 25.0312C20.4638 26.5156 19.1755 27.707 18.2101 28.5276C17.7268 28.9384 17.3225 29.2579 17.0369 29.4762C16.8941 29.5853 16.7808 29.6693 16.7019 29.7269C16.6625 29.7557 16.6317 29.7778 16.61 29.7933L16.5846 29.8114L16.5772 29.8166L16.5749 29.8182L16.5741 29.8188C16.5737 29.819 16.5735 29.8192 16 29ZM16 29L16.5735 29.8192C16.2291 30.0603 15.7709 30.0603 15.4265 29.8192L16 29Z"
+        d="M16 4a9 9 0 0 0-9 9c0 4.14 2.312 7.91 4.755 10.719A31.529 31.529 0 0 0 16 27.75a31.529 31.529 0 0 0 4.245-4.031C22.688 20.909 25 17.139 25 13a9 9 0 0 0-9-9zm0 25c-.573.82-.574.819-.574.819l-.003-.002-.008-.006-.025-.018a19.38 19.38 0 0 1-.427-.317c-.286-.218-.69-.538-1.173-.948a33.528 33.528 0 0 1-3.545-3.497C7.688 22.091 5 17.861 5 13a11 11 0 1 1 22 0c0 4.86-2.688 9.09-5.245 12.031a33.528 33.528 0 0 1-3.545 3.497 29.334 29.334 0 0 1-1.508 1.199l-.092.066-.025.018-.008.006-.002.001c-.001.001-.002.001-.575-.818zm0 0 .573.82a1 1 0 0 1-1.146 0L16 29z"
       />
     </svg>
   );
diff --git a/packages/components/react-web/src/Icon/icons/IconPlayCircle.jsx b/packages/components/react-web/src/Icon/icons/IconPlayCircle.jsx
index 2da6cd77..1e8bbe36 100644
--- a/packages/components/react-web/src/Icon/icons/IconPlayCircle.jsx
+++ b/packages/components/react-web/src/Icon/icons/IconPlayCircle.jsx
@@ -13,7 +13,6 @@ function IconPlayCircle(props) {
     <svg
       width={props.width}
       height={props.height}
-      viewBox="0 0 32 32"
       xmlns="http://www.w3.org/2000/svg"
       fill={props.fill}
       className="gds-icon"
@@ -23,12 +22,12 @@ function IconPlayCircle(props) {
       <path
         fillRule="evenodd"
         clipRule="evenodd"
-        d="M16 5C9.92487 5 5 9.92487 5 16C5 22.0751 9.92487 27 16 27C22.0751 27 27 22.0751 27 16C27 9.92487 22.0751 5 16 5ZM3 16C3 8.8203 8.8203 3 16 3C23.1797 3 29 8.8203 29 16C29 23.1797 23.1797 29 16 29C8.8203 29 3 23.1797 3 16Z"
+        d="M16 5C9.925 5 5 9.925 5 16s4.925 11 11 11 11-4.925 11-11S22.075 5 16 5zM3 16C3 8.82 8.82 3 16 3s13 5.82 13 13-5.82 13-13 13S3 23.18 3 16z"
       />
       <path
         fillRule="evenodd"
         clipRule="evenodd"
-        d="M13.5281 11.1183C13.8533 10.9443 14.2478 10.9634 14.5547 11.168L20.5547 15.168C20.8329 15.3534 21 15.6656 21 16C21 16.3344 20.8329 16.6466 20.5547 16.8321L14.5547 20.8321C14.2478 21.0366 13.8533 21.0557 13.5281 20.8817C13.203 20.7077 13 20.3688 13 20V12C13 11.6312 13.203 11.2923 13.5281 11.1183ZM15 13.8685V18.1315L18.1972 16L15 13.8685Z"
+        d="M13.528 11.118a1 1 0 0 1 1.027.05l6 4a1 1 0 0 1 0 1.664l-6 4A1 1 0 0 1 13 20v-8a1 1 0 0 1 .528-.882zM15 13.868v4.263L18.197 16 15 13.868z"
       />
     </svg>
   );
diff --git a/packages/components/react-web/src/Icon/icons/IconQuestion.jsx b/packages/components/react-web/src/Icon/icons/IconQuestion.jsx
index 7b3089f6..7bd9dd92 100644
--- a/packages/components/react-web/src/Icon/icons/IconQuestion.jsx
+++ b/packages/components/react-web/src/Icon/icons/IconQuestion.jsx
@@ -13,7 +13,6 @@ function IconQuestion(props) {
     <svg
       width={props.width}
       height={props.height}
-      viewBox="0 0 32 32"
       xmlns="http://www.w3.org/2000/svg"
       fill={props.fill}
       className="gds-icon"
@@ -23,13 +22,13 @@ function IconQuestion(props) {
       <path
         fillRule="evenodd"
         clipRule="evenodd"
-        d="M16 5C9.92487 5 5 9.92487 5 16C5 22.0751 9.92487 27 16 27C22.0751 27 27 22.0751 27 16C27 9.92487 22.0751 5 16 5ZM3 16C3 8.8203 8.8203 3 16 3C23.1797 3 29 8.8203 29 16C29 23.1797 23.1797 29 16 29C8.8203 29 3 23.1797 3 16Z"
+        d="M16 5C9.925 5 5 9.925 5 16s4.925 11 11 11 11-4.925 11-11S22.075 5 16 5zM3 16C3 8.82 8.82 3 16 3s13 5.82 13 13-5.82 13-13 13S3 23.18 3 16z"
       />
-      <path d="M16 24C16.8284 24 17.5 23.3284 17.5 22.5C17.5 21.6716 16.8284 21 16 21C15.1716 21 14.5 21.6716 14.5 22.5C14.5 23.3284 15.1716 24 16 24Z" />
+      <path d="M16 24a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3z" />
       <path
         fillRule="evenodd"
         clipRule="evenodd"
-        d="M14.2779 9.34309C15.1002 9.0025 16.005 8.91338 16.8779 9.08702C17.7508 9.26065 18.5526 9.68924 19.182 10.3186C19.8113 10.9479 20.2399 11.7497 20.4135 12.6226C20.5872 13.4956 20.4981 14.4004 20.1575 15.2226C19.8169 16.0449 19.2401 16.7477 18.5001 17.2422C18.0413 17.5487 17.5325 17.7667 17 17.888V18.0006C17 18.5528 16.5523 19.0006 16 19.0006C15.4477 19.0006 15 18.5528 15 18.0006V17.0006C15 16.7353 15.1054 16.481 15.2929 16.2934C15.4804 16.1059 15.7348 16.0006 16 16.0006C16.4945 16.0006 16.9778 15.8539 17.3889 15.5792C17.8 15.3045 18.1205 14.9141 18.3097 14.4573C18.4989 14.0004 18.5484 13.4978 18.452 13.0128C18.3555 12.5279 18.1174 12.0824 17.7678 11.7328C17.4181 11.3832 16.9727 11.1451 16.4877 11.0486C16.0028 10.9521 15.5001 11.0016 15.0433 11.1909C14.5865 11.3801 14.196 11.7005 13.9213 12.1116C13.6466 12.5227 13.5 13.0061 13.5 13.5006C13.5 14.0528 13.0523 14.5006 12.5 14.5006C11.9477 14.5006 11.5 14.0528 11.5 13.5006C11.5 12.6105 11.7639 11.7405 12.2584 11.0005C12.7529 10.2605 13.4557 9.68369 14.2779 9.34309Z"
+        d="M14.278 9.343A4.5 4.5 0 1 1 17 17.888v.113a1 1 0 0 1-2 0v-1a1 1 0 0 1 1-1 2.5 2.5 0 1 0-2.5-2.5 1 1 0 0 1-2 0 4.5 4.5 0 0 1 2.778-4.158z"
       />
     </svg>
   );
diff --git a/packages/components/react-web/src/Icon/icons/IconSkippy.jsx b/packages/components/react-web/src/Icon/icons/IconSkippy.jsx
index beee8ee2..034848b4 100644
--- a/packages/components/react-web/src/Icon/icons/IconSkippy.jsx
+++ b/packages/components/react-web/src/Icon/icons/IconSkippy.jsx
@@ -13,14 +13,13 @@ function IconSkippy(props) {
     <svg
       width={props.width}
       height={props.height}
-      viewBox="0 0 32 32"
       xmlns="http://www.w3.org/2000/svg"
       fill={props.fill}
       className="gds-icon"
       css={iconStyles}
       {...props}
     >
-      <path d="M8.75637 4.50837C8.51546 4.83703 8.34337 5.20028 8.25733 5.60159C8.13687 5.99944 8.13687 6.41459 8.24012 6.85049C8.32617 7.26564 8.51546 7.64619 8.75637 7.9956C9.0145 8.34156 9.32425 8.60103 9.72348 8.8432C10.1021 9.06807 10.4978 9.20645 10.9487 9.31024C11.4133 9.39673 11.8642 9.39673 12.346 9.32754C12.7934 9.22375 13.2271 9.08537 13.6229 8.8432C13.9843 8.61833 14.3112 8.34156 14.5728 7.9956C14.8309 7.66695 14.9858 7.28639 15.0718 6.90238C15.1751 6.50453 15.1923 6.08939 15.089 5.67078C15.003 5.23834 14.8309 4.85778 14.5728 4.50837C14.3146 4.17971 13.9877 3.90295 13.6057 3.66078C13.2271 3.4359 12.8313 3.28022 12.3804 3.17644C11.9158 3.08995 11.4477 3.08995 10.9831 3.17644C10.5185 3.24563 10.1021 3.41861 9.70627 3.64348C9.32769 3.86489 9.0145 4.16241 8.75637 4.50837ZM8.56708 15.9803L8.06804 16.7241C8.44662 16.3954 9.1556 15.963 10.1537 15.4233C10.8248 15.06 12.463 14.1917 15.0684 12.8597C17.0336 11.8357 18.6546 10.3135 19.9142 8.28275C20.3272 7.62543 20.6886 6.94736 20.9846 6.23815C21.1567 5.823 21.2943 5.45975 21.3804 5.16223C21.4148 5.04114 21.432 4.81627 21.432 4.5395C21.4492 4.22814 21.432 3.91678 21.3976 3.67461C21.3632 3.36325 21.3115 3.15568 21.2255 3.05189C21.1222 2.94811 21.0018 3 20.8813 3.20757C19.9659 4.47377 18.8817 5.66732 17.6049 6.76054C16.242 7.90566 14.7414 8.89163 13.086 9.74268C11.0175 10.7667 9.32769 11.8392 7.99921 12.9497C6.68793 14.0256 5.47991 15.3575 4.36137 16.9351C4.22371 17.1427 4.10325 17.4194 4 17.8C4.17208 17.6789 4.37858 17.6443 4.63671 17.6789L4.24092 18.4746L4.87762 17.9557C5.08412 17.7827 5.27341 17.6616 5.4627 17.6097L5.30783 18.1633C5.72083 17.7481 6.27494 17.3503 6.91164 16.9316L6.68794 17.4852C6.98048 17.1911 7.27302 16.9316 7.56556 16.7241L8.56708 15.9803ZM13.3957 14.2816C12.7074 14.6795 12.0845 15.1119 11.5338 15.5997C10.5151 16.4854 9.67185 17.6097 9.00073 18.9624C8.32961 20.194 7.80992 21.7335 7.39692 23.5913C7.20762 24.4769 7.08717 25.3072 7.05275 26.1029L7.50017 25.4802C7.3625 26.3105 7.27646 27.2308 7.25925 28.2202C7.46575 27.8569 7.60342 27.6148 7.70667 27.4764L7.65504 29.8669L8.63935 27.4764C8.70819 27.684 8.75981 27.9088 8.82865 28.1683C9.43094 26.7637 9.95063 25.6048 10.4153 24.6845C10.8799 23.6985 11.3651 22.8302 11.8298 22.0864C12.2772 21.3426 12.7969 20.6126 13.3475 19.9207C13.8466 19.298 14.4867 18.5507 15.2611 17.7377C15.3988 17.5474 16.211 17.1842 16.2626 17.1669C16.6068 17.0458 17.037 16.9074 17.5911 16.769C17.8492 16.6999 18.4722 16.5615 19.4186 16.3193C20.2446 16.129 20.9192 15.9388 21.4354 15.8177C23.0393 15.3679 24.2645 14.8801 25.1421 14.3612C26.2641 13.6693 26.918 12.8701 27.0729 11.936C25.9853 12.1782 24.9012 12.3339 23.7792 12.4031C23.1769 12.4377 22.2786 12.455 21.0534 12.455C19.9831 12.455 19.1571 12.4723 18.572 12.5415C17.6737 12.6453 16.7961 12.8182 15.9494 13.1296C14.9995 13.4513 14.1563 13.8319 13.3957 14.2816Z" />
+      <path d="M8.756 4.508c-.24.329-.413.692-.499 1.094A2.36 2.36 0 0 0 8.24 6.85c.086.416.275.796.516 1.146.258.346.568.605.967.847.38.225.775.363 1.226.467.464.087.915.087 1.397.018.447-.104.881-.243 1.277-.485.361-.225.688-.501.95-.847.258-.33.413-.71.499-1.094.103-.397.12-.813.017-1.231a2.86 2.86 0 0 0-.516-1.163 3.785 3.785 0 0 0-.967-.847 4.182 4.182 0 0 0-1.226-.485 3.795 3.795 0 0 0-1.397 0c-.465.07-.88.243-1.277.467a3.209 3.209 0 0 0-.95.865zM8.567 15.98l-.499.744c.379-.329 1.088-.761 2.086-1.3.67-.364 2.309-1.232 4.914-2.564 1.966-1.024 3.587-2.546 4.846-4.577.413-.658.775-1.336 1.07-2.045.173-.415.31-.778.396-1.076.035-.12.052-.346.052-.622.017-.312 0-.623-.034-.865-.035-.312-.087-.52-.172-.623-.104-.104-.224-.052-.345.156-.915 1.266-2 2.46-3.276 3.553a24.108 24.108 0 0 1-4.519 2.982c-2.069 1.024-3.758 2.096-5.087 3.207-1.311 1.076-2.52 2.408-3.638 3.985-.137.208-.258.484-.361.865.172-.121.379-.156.637-.121l-.396.796.637-.52c.206-.172.395-.293.585-.345l-.155.553c.413-.415.967-.813 1.604-1.231l-.224.553c.292-.294.585-.553.878-.76l1.001-.745zm4.829-1.698c-.689.398-1.312.83-1.862 1.318-1.019.885-1.862 2.01-2.533 3.362-.671 1.232-1.191 2.771-1.604 4.63-.19.885-.31 1.715-.344 2.51l.447-.622c-.138.83-.224 1.75-.24 2.74.206-.363.343-.605.447-.744l-.052 2.39.984-2.39c.07.208.12.433.19.692.602-1.404 1.122-2.563 1.586-3.483.465-.986.95-1.855 1.415-2.599.447-.743.967-1.473 1.518-2.165.499-.623 1.139-1.37 1.913-2.183.138-.19.95-.554 1.002-.571.344-.121.774-.26 1.328-.398.258-.07.881-.207 1.828-.45.826-.19 1.5-.38 2.016-.501 1.604-.45 2.83-.938 3.707-1.457 1.122-.692 1.776-1.49 1.93-2.425a20.979 20.979 0 0 1-3.293.467c-.602.035-1.5.052-2.726.052-1.07 0-1.896.017-2.481.086-.898.104-1.776.277-2.623.589-.95.321-1.793.702-2.553 1.152z" />
     </svg>
   );
 }
diff --git a/packages/components/react-web/src/Icon/icons/IconSmile.jsx b/packages/components/react-web/src/Icon/icons/IconSmile.jsx
index 220785fa..d4775d7c 100644
--- a/packages/components/react-web/src/Icon/icons/IconSmile.jsx
+++ b/packages/components/react-web/src/Icon/icons/IconSmile.jsx
@@ -13,7 +13,6 @@ function IconSmile(props) {
     <svg
       width={props.width}
       height={props.height}
-      viewBox="0 0 32 32"
       xmlns="http://www.w3.org/2000/svg"
       fill={props.fill}
       className="gds-icon"
@@ -23,15 +22,14 @@ function IconSmile(props) {
       <path
         fillRule="evenodd"
         clipRule="evenodd"
-        d="M16 5C9.92487 5 5 9.92487 5 16C5 22.0751 9.92487 27 16 27C22.0751 27 27 22.0751 27 16C27 9.92487 22.0751 5 16 5ZM3 16C3 8.8203 8.8203 3 16 3C23.1797 3 29 8.8203 29 16C29 23.1797 23.1797 29 16 29C8.8203 29 3 23.1797 3 16Z"
+        d="M16 5C9.925 5 5 9.925 5 16s4.925 11 11 11 11-4.925 11-11S22.075 5 16 5zM3 16C3 8.82 8.82 3 16 3s13 5.82 13 13-5.82 13-13 13S3 23.18 3 16z"
       />
       <path
         fillRule="evenodd"
         clipRule="evenodd"
-        d="M21.6977 18.1338C22.1758 18.4102 22.3393 19.0219 22.0629 19.5C21.448 20.5637 20.564 21.4468 19.4998 22.0608C18.4356 22.6748 17.2286 22.9981 16 22.9981C14.7713 22.9981 13.5643 22.6749 12.5001 22.0609C11.4359 21.4469 10.5519 20.5638 9.93694 19.5001C9.6605 19.022 9.824 18.4103 10.3021 18.1339C10.7802 17.8574 11.3919 18.0209 11.6684 18.4991C12.1077 19.259 12.7393 19.8899 13.4996 20.3285C14.2599 20.7672 15.1222 20.9981 15.9999 20.9981C16.8777 20.9981 17.74 20.7671 18.5003 20.3285C19.2606 19.8898 19.8921 19.2589 20.3315 18.499C20.6079 18.0209 21.2196 17.8574 21.6977 18.1338Z"
+        d="M21.698 18.134a1 1 0 0 1 .365 1.366 7.003 7.003 0 0 1-12.126 0 1 1 0 1 1 1.731-1 5.002 5.002 0 0 0 8.663-.001 1 1 0 0 1 1.367-.365z"
       />
-      <path d="M11.5 15C12.3284 15 13 14.3284 13 13.5C13 12.6716 12.3284 12 11.5 12C10.6716 12 10 12.6716 10 13.5C10 14.3284 10.6716 15 11.5 15Z" />
-      <path d="M20.5 15C21.3284 15 22 14.3284 22 13.5C22 12.6716 21.3284 12 20.5 12C19.6716 12 19 12.6716 19 13.5C19 14.3284 19.6716 15 20.5 15Z" />
+      <path d="M11.5 15a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3zM20.5 15a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3z" />
     </svg>
   );
 }
diff --git a/packages/components/react-web/src/Icon/icons/IconSpinner.jsx b/packages/components/react-web/src/Icon/icons/IconSpinner.jsx
index 08fc4f9a..9d209910 100644
--- a/packages/components/react-web/src/Icon/icons/IconSpinner.jsx
+++ b/packages/components/react-web/src/Icon/icons/IconSpinner.jsx
@@ -13,7 +13,6 @@ function IconSpinner(props) {
     <svg
       width={props.width}
       height={props.height}
-      viewBox="0 0 32 32"
       xmlns="http://www.w3.org/2000/svg"
       fill={props.fill}
       className="gds-icon"
@@ -23,42 +22,7 @@ function IconSpinner(props) {
       <path
         fillRule="evenodd"
         clipRule="evenodd"
-        d="M16 3C16.5523 3 17 3.44772 17 4V8C17 8.55228 16.5523 9 16 9C15.4477 9 15 8.55228 15 8V4C15 3.44772 15.4477 3 16 3Z"
-      />
-      <path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M25.1923 6.8076C25.5828 7.19813 25.5828 7.83129 25.1923 8.22182L22.3638 11.0502C21.9733 11.4408 21.3402 11.4408 20.9496 11.0502C20.5591 10.6597 20.5591 10.0266 20.9496 9.63603L23.7781 6.8076C24.1686 6.41708 24.8017 6.41708 25.1923 6.8076Z"
-      />
-      <path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M23 16C23 15.4477 23.4477 15 24 15H28C28.5523 15 29 15.4477 29 16C29 16.5523 28.5523 17 28 17H24C23.4477 17 23 16.5523 23 16Z"
-      />
-      <path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M20.9496 20.9498C21.3402 20.5592 21.9733 20.5592 22.3638 20.9498L25.1923 23.7782C25.5828 24.1687 25.5828 24.8019 25.1923 25.1924C24.8017 25.5829 24.1686 25.5829 23.7781 25.1924L20.9496 22.364C20.5591 21.9734 20.5591 21.3403 20.9496 20.9498Z"
-      />
-      <path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M16 23C16.5523 23 17 23.4477 17 24V28C17 28.5523 16.5523 29 16 29C15.4477 29 15 28.5523 15 28V24C15 23.4477 15.4477 23 16 23Z"
-      />
-      <path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M11.0502 20.9498C11.4407 21.3403 11.4407 21.9734 11.0502 22.364L8.22176 25.1924C7.83123 25.5829 7.19807 25.5829 6.80754 25.1924C6.41702 24.8019 6.41702 24.1687 6.80754 23.7782L9.63597 20.9498C10.0265 20.5592 10.6597 20.5592 11.0502 20.9498Z"
-      />
-      <path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M3 16C3 15.4477 3.44772 15 4 15H8C8.55228 15 9 15.4477 9 16C9 16.5523 8.55228 17 8 17H4C3.44772 17 3 16.5523 3 16Z"
-      />
-      <path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M6.80754 6.8076C7.19807 6.41708 7.83123 6.41708 8.22176 6.8076L11.0502 9.63603C11.4407 10.0266 11.4407 10.6597 11.0502 11.0502C10.6597 11.4408 10.0265 11.4408 9.63597 11.0502L6.80754 8.22182C6.41702 7.83129 6.41702 7.19813 6.80754 6.8076Z"
+        d="M16 3a1 1 0 0 1 1 1v4a1 1 0 1 1-2 0V4a1 1 0 0 1 1-1zM25.192 6.808a1 1 0 0 1 0 1.414l-2.828 2.828a1 1 0 1 1-1.414-1.414l2.828-2.828a1 1 0 0 1 1.414 0zM23 16a1 1 0 0 1 1-1h4a1 1 0 1 1 0 2h-4a1 1 0 0 1-1-1zM20.95 20.95a1 1 0 0 1 1.414 0l2.828 2.828a1 1 0 0 1-1.414 1.414l-2.828-2.828a1 1 0 0 1 0-1.414zM16 23a1 1 0 0 1 1 1v4a1 1 0 1 1-2 0v-4a1 1 0 0 1 1-1zM11.05 20.95a1 1 0 0 1 0 1.414l-2.828 2.828a1 1 0 0 1-1.414-1.414l2.828-2.828a1 1 0 0 1 1.414 0zM3 16a1 1 0 0 1 1-1h4a1 1 0 1 1 0 2H4a1 1 0 0 1-1-1zM6.808 6.808a1 1 0 0 1 1.414 0l2.828 2.828a1 1 0 0 1-1.414 1.414L6.808 8.222a1 1 0 0 1 0-1.414z"
       />
     </svg>
   );
diff --git a/packages/components/react-web/src/Icon/icons/IconSpinnerGap.jsx b/packages/components/react-web/src/Icon/icons/IconSpinnerGap.jsx
index e09c6e03..e5adfc41 100644
--- a/packages/components/react-web/src/Icon/icons/IconSpinnerGap.jsx
+++ b/packages/components/react-web/src/Icon/icons/IconSpinnerGap.jsx
@@ -13,7 +13,6 @@ function IconSpinnerGap(props) {
     <svg
       width={props.width}
       height={props.height}
-      viewBox="0 0 32 32"
       xmlns="http://www.w3.org/2000/svg"
       fill={props.fill}
       className="gds-icon"
@@ -23,37 +22,7 @@ function IconSpinnerGap(props) {
       <path
         fillRule="evenodd"
         clipRule="evenodd"
-        d="M16 3C16.5523 3 17 3.44772 17 4V8C17 8.55228 16.5523 9 16 9C15.4477 9 15 8.55228 15 8V4C15 3.44772 15.4477 3 16 3Z"
-      />
-      <path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M23 16C23 15.4477 23.4477 15 24 15H28C28.5523 15 29 15.4477 29 16C29 16.5523 28.5523 17 28 17H24C23.4477 17 23 16.5523 23 16Z"
-      />
-      <path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M20.9496 20.9498C21.3402 20.5592 21.9733 20.5592 22.3638 20.9498L25.1923 23.7782C25.5828 24.1687 25.5828 24.8019 25.1923 25.1924C24.8017 25.5829 24.1686 25.5829 23.7781 25.1924L20.9496 22.364C20.5591 21.9734 20.5591 21.3403 20.9496 20.9498Z"
-      />
-      <path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M16 23C16.5523 23 17 23.4477 17 24V28C17 28.5523 16.5523 29 16 29C15.4477 29 15 28.5523 15 28V24C15 23.4477 15.4477 23 16 23Z"
-      />
-      <path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M11.0502 20.9498C11.4407 21.3403 11.4407 21.9734 11.0502 22.364L8.22176 25.1924C7.83123 25.5829 7.19807 25.5829 6.80754 25.1924C6.41702 24.8019 6.41702 24.1687 6.80754 23.7782L9.63597 20.9498C10.0265 20.5592 10.6597 20.5592 11.0502 20.9498Z"
-      />
-      <path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M3 16C3 15.4477 3.44772 15 4 15H8C8.55228 15 9 15.4477 9 16C9 16.5523 8.55228 17 8 17H4C3.44772 17 3 16.5523 3 16Z"
-      />
-      <path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M6.80754 6.8076C7.19807 6.41708 7.83123 6.41708 8.22176 6.8076L11.0502 9.63603C11.4407 10.0266 11.4407 10.6597 11.0502 11.0502C10.6597 11.4408 10.0265 11.4408 9.63597 11.0502L6.80754 8.22182C6.41702 7.83129 6.41702 7.19813 6.80754 6.8076Z"
+        d="M16 3a1 1 0 0 1 1 1v4a1 1 0 1 1-2 0V4a1 1 0 0 1 1-1zM23 16a1 1 0 0 1 1-1h4a1 1 0 1 1 0 2h-4a1 1 0 0 1-1-1zM20.95 20.95a1 1 0 0 1 1.414 0l2.828 2.828a1 1 0 0 1-1.414 1.414l-2.828-2.828a1 1 0 0 1 0-1.414zM16 23a1 1 0 0 1 1 1v4a1 1 0 1 1-2 0v-4a1 1 0 0 1 1-1zM11.05 20.95a1 1 0 0 1 0 1.414l-2.828 2.828a1 1 0 0 1-1.414-1.414l2.828-2.828a1 1 0 0 1 1.414 0zM3 16a1 1 0 0 1 1-1h4a1 1 0 1 1 0 2H4a1 1 0 0 1-1-1zM6.808 6.808a1 1 0 0 1 1.414 0l2.828 2.828a1 1 0 0 1-1.414 1.414L6.808 8.222a1 1 0 0 1 0-1.414z"
       />
     </svg>
   );
diff --git a/packages/components/react-web/src/Icon/icons/IconThumbsUp.jsx b/packages/components/react-web/src/Icon/icons/IconThumbsUp.jsx
index 4f6f3369..18043a89 100644
--- a/packages/components/react-web/src/Icon/icons/IconThumbsUp.jsx
+++ b/packages/components/react-web/src/Icon/icons/IconThumbsUp.jsx
@@ -13,7 +13,6 @@ function IconThumbsUp(props) {
     <svg
       width={props.width}
       height={props.height}
-      viewBox="0 0 32 32"
       xmlns="http://www.w3.org/2000/svg"
       fill={props.fill}
       className="gds-icon"
@@ -23,12 +22,12 @@ function IconThumbsUp(props) {
       <path
         fillRule="evenodd"
         clipRule="evenodd"
-        d="M2.58505 12.5858C2.96013 12.2107 3.46883 12 3.99927 12H9.99927C10.5516 12 10.9993 12.4477 10.9993 13V26C10.9993 26.5523 10.5516 27 9.99927 27H3.99927C3.46884 27 2.96013 26.7893 2.58505 26.4142C2.20998 26.0391 1.99927 25.5304 1.99927 25V14C1.99927 13.4696 2.20998 12.9609 2.58505 12.5858ZM3.99927 14V25H8.99927V14L3.99927 14Z"
+        d="M2.585 12.586A2 2 0 0 1 3.999 12h6a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1H4a2 2 0 0 1-2-2V14a2 2 0 0 1 .586-1.414zM3.999 14v11h5V14H4z"
       />
       <path
         fillRule="evenodd"
         clipRule="evenodd"
-        d="M14.1048 2.55279C14.2742 2.214 14.6205 2 14.9992 2C15.6559 2 16.306 2.12933 16.9127 2.3806C17.5193 2.63188 18.0705 3.00017 18.5348 3.46447C18.9991 3.92876 19.3674 4.47995 19.6186 5.08658C19.8699 5.69321 19.9992 6.34339 19.9992 7V9H26.7337C27.1591 9 27.5796 9.09046 27.9673 9.26539C28.3551 9.44031 28.7012 9.69569 28.9827 10.0146C29.2642 10.3335 29.4747 10.7086 29.6002 11.1151C29.7257 11.5215 29.7633 11.95 29.7105 12.3721L28.2105 24.3721C28.1198 25.0977 27.7673 25.7651 27.2191 26.249C26.6709 26.733 25.9649 27 25.2337 27H9.99924C9.44696 27 8.99924 26.5523 8.99924 26C8.99924 25.4477 9.44696 25 9.99924 25H25.2337C25.4774 25 25.7128 24.911 25.8955 24.7497C26.0782 24.5884 26.1957 24.3659 26.226 24.124L27.726 12.124C27.7435 11.9833 27.731 11.8405 27.6892 11.705C27.6474 11.5695 27.5772 11.4445 27.4834 11.3382C27.3895 11.2319 27.2741 11.1468 27.1449 11.0885C27.0156 11.0302 26.8755 11 26.7337 11H18.9992C18.447 11 17.9992 10.5523 17.9992 10V7C17.9992 6.60603 17.9216 6.21593 17.7709 5.85195C17.6201 5.48797 17.3991 5.15726 17.1206 4.87868C16.842 4.6001 16.5113 4.37913 16.1473 4.22836C15.9664 4.15345 15.7791 4.0966 15.5881 4.05836L10.8937 13.4472C10.6467 13.9412 10.046 14.1414 9.55203 13.8944C9.05805 13.6474 8.85783 13.0468 9.10482 12.5528L14.1048 2.55279Z"
+        d="M14.105 2.553A1 1 0 0 1 14.999 2a5 5 0 0 1 5 5v2h6.735a3 3 0 0 1 2.976 3.372l-1.5 12A3 3 0 0 1 25.235 27H9.999a1 1 0 1 1 0-2h15.235a1 1 0 0 0 .992-.876l1.5-12A1.002 1.002 0 0 0 26.734 11h-7.735a1 1 0 0 1-1-1V7a3.001 3.001 0 0 0-2.41-2.942l-4.695 9.39a1 1 0 0 1-1.79-.895l5-10z"
       />
     </svg>
   );
diff --git a/packages/components/react-web/src/Icon/icons/IconTrash.jsx b/packages/components/react-web/src/Icon/icons/IconTrash.jsx
index eea11bff..d43ea084 100644
--- a/packages/components/react-web/src/Icon/icons/IconTrash.jsx
+++ b/packages/components/react-web/src/Icon/icons/IconTrash.jsx
@@ -13,7 +13,6 @@ function IconTrash(props) {
     <svg
       width={props.width}
       height={props.height}
-      viewBox="0 0 32 32"
       xmlns="http://www.w3.org/2000/svg"
       fill={props.fill}
       className="gds-icon"
@@ -23,27 +22,17 @@ function IconTrash(props) {
       <path
         fillRule="evenodd"
         clipRule="evenodd"
-        d="M4.99951 6.00001L26.9995 6C27.5518 6 27.9995 6.44771 27.9995 7C27.9995 7.55228 27.5518 8 26.9995 8L4.99951 8.00001C4.44723 8.00001 3.99951 7.55229 3.99951 7.00001C3.99951 6.44772 4.44723 6.00001 4.99951 6.00001Z"
+        d="M5 6h22a1 1 0 1 1 0 2H5a1 1 0 0 1 0-2zM13 12a1 1 0 0 1 1 1v8a1 1 0 1 1-2 0v-8a1 1 0 0 1 1-1zM19 12a1 1 0 0 1 1 1v8a1 1 0 1 1-2 0v-8a1 1 0 0 1 1-1z"
       />
       <path
         fillRule="evenodd"
         clipRule="evenodd"
-        d="M13 12C13.5523 12 14 12.4477 14 13V21C14 21.5523 13.5523 22 13 22C12.4477 22 12 21.5523 12 21V13C12 12.4477 12.4477 12 13 12Z"
+        d="M7 6a1 1 0 0 1 1 1v19h16V7a1 1 0 1 1 2 0v19a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2V7a1 1 0 0 1 1-1z"
       />
       <path
         fillRule="evenodd"
         clipRule="evenodd"
-        d="M19 12C19.5523 12 20 12.4477 20 13V21C20 21.5523 19.5523 22 19 22C18.4477 22 18 21.5523 18 21V13C18 12.4477 18.4477 12 19 12Z"
-      />
-      <path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M7 6C7.55228 6 8 6.44772 8 7V26H24V7C24 6.44772 24.4477 6 25 6C25.5523 6 26 6.44772 26 7V26C26 26.5304 25.7893 27.0391 25.4142 27.4142C25.0391 27.7893 24.5304 28 24 28H8C7.46957 28 6.96086 27.7893 6.58579 27.4142C6.21071 27.0391 6 26.5304 6 26V7C6 6.44772 6.44772 6 7 6Z"
-      />
-      <path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M10.8787 2.87868C11.4413 2.31607 12.2044 2 13 2H19C19.7956 2 20.5587 2.31607 21.1213 2.87868C21.6839 3.44129 22 4.20435 22 5V7C22 7.55228 21.5523 8 21 8C20.4477 8 20 7.55228 20 7V5C20 4.73478 19.8946 4.48043 19.7071 4.29289C19.5196 4.10536 19.2652 4 19 4H13C12.7348 4 12.4804 4.10536 12.2929 4.29289C12.1054 4.48043 12 4.73478 12 5V7C12 7.55228 11.5523 8 11 8C10.4477 8 10 7.55228 10 7V5C10 4.20435 10.3161 3.44129 10.8787 2.87868Z"
+        d="M10.879 2.879A3 3 0 0 1 13 2h6a3 3 0 0 1 3 3v2a1 1 0 1 1-2 0V5a1 1 0 0 0-1-1h-6a1 1 0 0 0-1 1v2a1 1 0 1 1-2 0V5a3 3 0 0 1 .879-2.121z"
       />
     </svg>
   );
diff --git a/packages/components/react-web/src/Icon/icons/IconUpload.jsx b/packages/components/react-web/src/Icon/icons/IconUpload.jsx
index 385c0805..dcbf940c 100644
--- a/packages/components/react-web/src/Icon/icons/IconUpload.jsx
+++ b/packages/components/react-web/src/Icon/icons/IconUpload.jsx
@@ -13,7 +13,6 @@ function IconUpload(props) {
     <svg
       width={props.width}
       height={props.height}
-      viewBox="0 0 32 32"
       xmlns="http://www.w3.org/2000/svg"
       fill={props.fill}
       className="gds-icon"
@@ -23,22 +22,22 @@ function IconUpload(props) {
       <path
         fillRule="evenodd"
         clipRule="evenodd"
-        d="M10.4924 13.1849C9.66795 12.9742 8.80818 12.9413 7.97009 13.0883C7.13199 13.2353 6.33476 13.5589 5.6313 14.0376C4.92784 14.5163 4.33424 15.1392 3.88991 15.8648C3.44557 16.5905 3.16066 17.4024 3.05409 18.2465C2.94751 19.0907 3.02171 19.9479 3.27176 20.7613C3.52181 21.5746 3.94199 22.3254 4.50441 22.9639C5.06683 23.6024 5.75862 24.114 6.53388 24.4647C7.30913 24.8154 8.15011 24.9972 9.001 24.998H12C12.5523 24.998 13 25.4458 13 25.998C13 26.5503 12.5523 26.998 12 26.998H9.00003C7.86551 26.9969 6.74323 26.7545 5.70956 26.2869C4.67589 25.8193 3.75349 25.1372 3.0036 24.2859C2.25371 23.4345 1.69347 22.4334 1.36007 21.349C1.02667 20.2646 0.927736 19.1216 1.06983 17.996C1.21193 16.8705 1.59181 15.788 2.18426 14.8204C2.77671 13.8529 3.56817 13.0224 4.50612 12.3842C5.44407 11.7459 6.50705 11.3144 7.6245 11.1184C8.74195 10.9223 9.88833 10.9662 10.9875 11.2471C11.5226 11.3839 11.8455 11.9285 11.7088 12.4636C11.5721 12.9987 11.0274 13.3216 10.4924 13.1849Z"
+        d="M10.492 13.185a6 6 0 1 0-1.491 11.813H12a1 1 0 0 1 0 2H9a8.004 8.004 0 0 1-7.64-5.649 8 8 0 0 1 9.627-10.102 1 1 0 0 1-.495 1.938z"
       />
       <path
         fillRule="evenodd"
         clipRule="evenodd"
-        d="M22.8463 7.46094C21.4934 7.00997 20.0528 6.88691 18.6431 7.1019C17.2334 7.3169 15.8949 7.86379 14.7381 8.69752C13.5812 9.53126 12.6389 10.628 11.989 11.8973C11.3391 13.1666 11.0001 14.5721 11 15.9981C10.9999 16.5504 10.5522 16.9981 9.9999 16.998C9.44762 16.998 8.99995 16.5502 9 15.9979C9.00017 14.255 9.41449 12.5371 10.2088 10.9858C11.0032 9.43439 12.1548 8.09398 13.5687 7.07497C14.9827 6.05596 16.6186 5.38753 18.3416 5.12476C20.0645 4.86199 21.8253 5.0124 23.4788 5.56359C25.1322 6.11479 26.631 7.05099 27.8517 8.29505C29.0723 9.53911 29.9799 11.0554 30.4996 12.719C31.0193 14.3827 31.1363 16.146 30.8408 17.8636C30.5454 19.5813 29.846 21.2042 28.8003 22.5986C28.469 23.0404 27.8422 23.13 27.4003 22.7987C26.9585 22.4673 26.8689 21.8405 27.2003 21.3987C28.0558 20.2578 28.628 18.93 28.8698 17.5246C29.1115 16.1192 29.0158 14.6765 28.5906 13.3154C28.1654 11.9543 27.4228 10.7136 26.4241 9.69577C25.4254 8.6779 24.1991 7.91192 22.8463 7.46094Z"
+        d="M22.846 7.46A9 9 0 0 0 11 15.999a1 1 0 1 1-2 0 11 11 0 1 1 19.8 6.6 1 1 0 0 1-1.6-1.2 9.002 9.002 0 0 0-4.354-13.937z"
       />
       <path
         fillRule="evenodd"
         clipRule="evenodd"
-        d="M18.9999 14.998C19.2652 14.998 19.5195 15.1033 19.7071 15.2909L23.9497 19.5336C24.3402 19.9242 24.3402 20.5573 23.9497 20.9479C23.5591 21.3384 22.926 21.3384 22.5355 20.9478L18.9999 17.4122L15.4644 20.9478C15.0739 21.3384 14.4408 21.3384 14.0502 20.9479C13.6597 20.5573 13.6597 19.9242 14.0502 19.5336L18.2928 15.2909C18.4804 15.1033 18.7347 14.998 18.9999 14.998Z"
+        d="M19 14.998a1 1 0 0 1 .707.293l4.243 4.243a1 1 0 0 1-1.415 1.414L19 17.412l-3.536 3.536a1 1 0 1 1-1.414-1.414l4.243-4.243a1 1 0 0 1 .707-.293z"
       />
       <path
         fillRule="evenodd"
         clipRule="evenodd"
-        d="M19 14.998C19.5523 14.998 20 15.4458 20 15.998V25.998C20 26.5503 19.5523 26.998 19 26.998C18.4477 26.998 18 26.5503 18 25.998V15.998C18 15.4458 18.4477 14.998 19 14.998Z"
+        d="M19 14.998a1 1 0 0 1 1 1v10a1 1 0 1 1-2 0v-10a1 1 0 0 1 1-1z"
       />
     </svg>
   );
diff --git a/packages/components/react-web/src/Icon/icons/IconUser.jsx b/packages/components/react-web/src/Icon/icons/IconUser.jsx
index 7330b33f..281c4d5c 100644
--- a/packages/components/react-web/src/Icon/icons/IconUser.jsx
+++ b/packages/components/react-web/src/Icon/icons/IconUser.jsx
@@ -13,7 +13,6 @@ function IconUser(props) {
     <svg
       width={props.width}
       height={props.height}
-      viewBox="0 0 32 32"
       xmlns="http://www.w3.org/2000/svg"
       fill={props.fill}
       className="gds-icon"
@@ -23,12 +22,12 @@ function IconUser(props) {
       <path
         fillRule="evenodd"
         clipRule="evenodd"
-        d="M16 5C12.134 5 9 8.13401 9 12C9 15.866 12.134 19 16 19C19.866 19 23 15.866 23 12C23 8.13401 19.866 5 16 5ZM7 12C7 7.02944 11.0294 3 16 3C20.9706 3 25 7.02944 25 12C25 16.9706 20.9706 21 16 21C11.0294 21 7 16.9706 7 12Z"
+        d="M16 5a7 7 0 1 0 0 14 7 7 0 0 0 0-14zm-9 7a9 9 0 1 1 18 0 9 9 0 0 1-18 0z"
       />
       <path
         fillRule="evenodd"
         clipRule="evenodd"
-        d="M16.0001 21C13.7179 21 11.4759 21.6005 9.4993 22.7413C7.52271 23.8821 5.88112 25.523 4.73946 27.4991C4.46318 27.9773 3.85154 28.141 3.37333 27.8647C2.89512 27.5884 2.73142 26.9768 3.0077 26.4986C4.32494 24.2186 6.21898 22.3254 8.49956 21.0091C10.7801 19.6929 13.3669 19 16.0001 19C18.6333 19 21.2201 19.693 23.5006 21.0093C25.7812 22.3256 27.6752 24.2188 28.9924 26.4988C29.2686 26.9771 29.1049 27.5887 28.6267 27.865C28.1485 28.1412 27.5368 27.9775 27.2606 27.4993C26.119 25.5232 24.4774 23.8823 22.5008 22.7415C20.5243 21.6006 18.2823 21 16.0001 21Z"
+        d="M16 21a13.005 13.005 0 0 0-11.26 6.5 1 1 0 0 1-1.732-1.001 15.005 15.005 0 0 1 25.984 0 1 1 0 0 1-1.731 1A13.004 13.004 0 0 0 16 21z"
       />
     </svg>
   );
diff --git a/packages/components/react-web/src/Icon/icons/IconVisible.jsx b/packages/components/react-web/src/Icon/icons/IconVisible.jsx
index 9858603f..a9e43caf 100644
--- a/packages/components/react-web/src/Icon/icons/IconVisible.jsx
+++ b/packages/components/react-web/src/Icon/icons/IconVisible.jsx
@@ -13,7 +13,6 @@ function IconVisible(props) {
     <svg
       width={props.width}
       height={props.height}
-      viewBox="0 0 32 32"
       xmlns="http://www.w3.org/2000/svg"
       fill={props.fill}
       className="gds-icon"
@@ -23,12 +22,12 @@ function IconVisible(props) {
       <path
         fillRule="evenodd"
         clipRule="evenodd"
-        d="M4.54285 10.7924C6.92667 8.40837 10.6674 5.99902 16 5.99902C21.3326 5.99902 25.0733 8.40837 27.4571 10.7924C28.6462 11.9816 29.5036 13.169 30.065 14.0608C30.3462 14.5075 30.5546 14.8823 30.6944 15.1493C30.7644 15.2828 30.8173 15.3896 30.8537 15.4651C30.8718 15.5029 30.8859 15.5329 30.8959 15.5545L30.9079 15.5807L30.9116 15.5889L30.9134 15.593C30.9136 15.5934 30.9138 15.5939 30 16C30.9138 16.4062 30.9136 16.4066 30.9134 16.4071L30.9129 16.4082L30.9116 16.4111L30.9079 16.4194L30.8959 16.4455C30.8859 16.4672 30.8718 16.4971 30.8536 16.5349C30.8173 16.6104 30.7644 16.7172 30.6944 16.8507C30.5546 17.1176 30.3462 17.4924 30.065 17.939C29.5035 18.8306 28.6461 20.0178 27.4571 21.2067C25.0732 23.5902 21.3325 25.999 16 25.999C10.6675 25.999 6.92677 23.5902 4.54293 21.2067C3.3539 20.0178 2.4965 18.8306 1.93504 17.939C1.65382 17.4924 1.44542 17.1176 1.3056 16.8507C1.23565 16.7172 1.18275 16.6104 1.14638 16.5349C1.12819 16.4971 1.11413 16.4672 1.10412 16.4455L1.09215 16.4194L1.08843 16.4111L1.08713 16.4082L1.08662 16.4071C1.0864 16.4066 1.0862 16.4062 2 16C1.08617 15.5939 1.08637 15.5934 1.08659 15.593L1.0871 15.5918L1.08839 15.5889L1.09211 15.5807L1.10409 15.5545C1.11409 15.5329 1.12816 15.5029 1.14634 15.4651C1.18271 15.3896 1.23561 15.2828 1.30555 15.1493C1.44537 14.8823 1.65377 14.5075 1.93499 14.0608C2.49644 13.169 3.35383 11.9816 4.54285 10.7924ZM2 16L1.08617 15.5939C0.971265 15.8525 0.971276 16.1476 1.0862 16.4062L2 16ZM3.11811 15.9999C3.23576 15.7796 3.40472 15.4803 3.62751 15.1264C4.12856 14.3305 4.89617 13.2677 5.95715 12.2066C8.07333 10.0902 11.3326 7.99902 16 7.99902C20.6674 7.99902 23.9267 10.0902 26.0429 12.2066C27.1038 13.2677 27.8714 14.3305 28.3725 15.1264C28.5953 15.4803 28.7642 15.7796 28.8819 15.9999C28.7642 16.2203 28.5953 16.5195 28.3725 16.8732C27.8715 17.6689 27.1039 18.7315 26.0429 19.7924C23.9268 21.9083 20.6675 23.999 16 23.999C11.3325 23.999 8.07323 21.9083 5.95707 19.7924C4.8961 18.7315 4.1285 17.6689 3.62746 16.8732C3.40469 16.5195 3.23576 16.2203 3.11811 15.9999ZM30 16L30.9138 16.4062C31.0287 16.1476 31.0287 15.8525 30.9138 15.5939L30 16Z"
+        d="M4.543 10.792C6.927 8.408 10.667 6 16 6c5.333 0 9.073 2.41 11.457 4.793a18.917 18.917 0 0 1 2.608 3.269 15.947 15.947 0 0 1 .789 1.404l.042.09.012.026.004.008.001.004L30 16c.914.406.914.407.913.407v.001l-.001.003-.004.008-.012.026a10.255 10.255 0 0 1-.201.405c-.14.268-.349.642-.63 1.089a18.922 18.922 0 0 1-2.608 3.268C25.073 23.59 21.332 25.999 16 25.999c-5.332 0-9.073-2.409-11.457-4.792a18.918 18.918 0 0 1-2.608-3.268 15.955 15.955 0 0 1-.789-1.404 6.213 6.213 0 0 1-.042-.09l-.012-.026-.004-.008v-.003h-.001c0-.001 0-.002.913-.408-.914-.406-.914-.407-.913-.407v-.001l.001-.003.004-.008.012-.026a10.568 10.568 0 0 1 .201-.405c.14-.268.349-.643.63-1.09a18.923 18.923 0 0 1 2.608-3.268zM2 16l-.914-.406a1 1 0 0 0 0 .812L2 16zm1.118 0c.118-.22.287-.52.51-.874a16.92 16.92 0 0 1 2.33-2.92C8.072 10.09 11.332 8 16 8s7.927 2.091 10.043 4.208a16.926 16.926 0 0 1 2.33 2.92c.222.353.391.653.509.873-.118.22-.287.52-.51.873a16.915 16.915 0 0 1-2.33 2.92c-2.115 2.115-5.375 4.206-10.042 4.206-4.668 0-7.927-2.09-10.043-4.207a16.919 16.919 0 0 1-2.33-2.919A14.19 14.19 0 0 1 3.118 16zM30 16l.914.406a1 1 0 0 0 0-.812L30 16z"
       />
       <path
         fillRule="evenodd"
         clipRule="evenodd"
-        d="M16 12.0001C13.7909 12.0001 12 13.7909 12 16.0001C12 18.2092 13.7909 20.0001 16 20.0001C18.2091 20.0001 20 18.2092 20 16.0001C20 13.7909 18.2091 12.0001 16 12.0001ZM10 16.0001C10 12.6864 12.6863 10.0001 16 10.0001C19.3137 10.0001 22 12.6864 22 16.0001C22 19.3138 19.3137 22.0001 16 22.0001C12.6863 22.0001 10 19.3138 10 16.0001Z"
+        d="M16 12a4 4 0 1 0 0 8 4 4 0 0 0 0-8zm-6 4a6 6 0 1 1 12 0 6 6 0 0 1-12 0z"
       />
     </svg>
   );
diff --git a/packages/components/react-web/src/Icon/icons/IconZoom.jsx b/packages/components/react-web/src/Icon/icons/IconZoom.jsx
index 6946db87..0f29b173 100644
--- a/packages/components/react-web/src/Icon/icons/IconZoom.jsx
+++ b/packages/components/react-web/src/Icon/icons/IconZoom.jsx
@@ -13,7 +13,6 @@ function IconZoom(props) {
     <svg
       width={props.width}
       height={props.height}
-      viewBox="0 0 32 32"
       xmlns="http://www.w3.org/2000/svg"
       fill={props.fill}
       className="gds-icon"
@@ -23,22 +22,22 @@ function IconZoom(props) {
       <path
         fillRule="evenodd"
         clipRule="evenodd"
-        d="M9.5 14.5C9.5 13.9477 9.94772 13.5 10.5 13.5H18.5C19.0523 13.5 19.5 13.9477 19.5 14.5C19.5 15.0523 19.0523 15.5 18.5 15.5H10.5C9.94772 15.5 9.5 15.0523 9.5 14.5Z"
+        d="M9.5 14.5a1 1 0 0 1 1-1h8a1 1 0 1 1 0 2h-8a1 1 0 0 1-1-1z"
       />
       <path
         fillRule="evenodd"
         clipRule="evenodd"
-        d="M14.5 9.5C15.0523 9.5 15.5 9.94772 15.5 10.5V18.5C15.5 19.0523 15.0523 19.5 14.5 19.5C13.9477 19.5 13.5 19.0523 13.5 18.5V10.5C13.5 9.94772 13.9477 9.5 14.5 9.5Z"
+        d="M14.5 9.5a1 1 0 0 1 1 1v8a1 1 0 1 1-2 0v-8a1 1 0 0 1 1-1z"
       />
       <path
         fillRule="evenodd"
         clipRule="evenodd"
-        d="M14.5 4.99951C9.25329 4.99951 5 9.25281 5 14.4995C5 19.7462 9.25329 23.9995 14.5 23.9995C19.7467 23.9995 24 19.7462 24 14.4995C24 9.25281 19.7467 4.99951 14.5 4.99951ZM3 14.4995C3 8.14824 8.14873 2.99951 14.5 2.99951C20.8513 2.99951 26 8.14824 26 14.4995C26 20.8508 20.8513 25.9995 14.5 25.9995C8.14873 25.9995 3 20.8508 3 14.4995Z"
+        d="M14.5 5a9.5 9.5 0 1 0 0 19 9.5 9.5 0 0 0 0-19zM3 14.5C3 8.148 8.149 3 14.5 3S26 8.148 26 14.5C26 20.85 20.851 26 14.5 26S3 20.85 3 14.5z"
       />
       <path
         fillRule="evenodd"
         clipRule="evenodd"
-        d="M21.217 21.2175C21.6075 20.8269 22.2407 20.8269 22.6312 21.2175L28.7063 27.2925C29.0968 27.6831 29.0968 28.3162 28.7063 28.7067C28.3157 29.0973 27.6826 29.0973 27.292 28.7067L21.217 22.6317C20.8264 22.2411 20.8264 21.608 21.217 21.2175Z"
+        d="M21.217 21.218a1 1 0 0 1 1.414 0l6.075 6.075a1 1 0 0 1-1.414 1.414l-6.075-6.075a1 1 0 0 1 0-1.415z"
       />
     </svg>
   );
diff --git a/packages/components/react-web/src/Icon/icons/IconZoomIn.jsx b/packages/components/react-web/src/Icon/icons/IconZoomIn.jsx
index 2eb1175e..12493d20 100644
--- a/packages/components/react-web/src/Icon/icons/IconZoomIn.jsx
+++ b/packages/components/react-web/src/Icon/icons/IconZoomIn.jsx
@@ -13,7 +13,6 @@ function IconZoomIn(props) {
     <svg
       width={props.width}
       height={props.height}
-      viewBox="0 0 32 32"
       xmlns="http://www.w3.org/2000/svg"
       fill={props.fill}
       className="gds-icon"
@@ -23,22 +22,22 @@ function IconZoomIn(props) {
       <path
         fillRule="evenodd"
         clipRule="evenodd"
-        d="M9.5 14.5C9.5 13.9477 9.94772 13.5 10.5 13.5H18.5C19.0523 13.5 19.5 13.9477 19.5 14.5C19.5 15.0523 19.0523 15.5 18.5 15.5H10.5C9.94772 15.5 9.5 15.0523 9.5 14.5Z"
+        d="M9.5 14.5a1 1 0 0 1 1-1h8a1 1 0 1 1 0 2h-8a1 1 0 0 1-1-1z"
       />
       <path
         fillRule="evenodd"
         clipRule="evenodd"
-        d="M14.5 9.5C15.0523 9.5 15.5 9.94772 15.5 10.5V18.5C15.5 19.0523 15.0523 19.5 14.5 19.5C13.9477 19.5 13.5 19.0523 13.5 18.5V10.5C13.5 9.94772 13.9477 9.5 14.5 9.5Z"
+        d="M14.5 9.5a1 1 0 0 1 1 1v8a1 1 0 1 1-2 0v-8a1 1 0 0 1 1-1z"
       />
       <path
         fillRule="evenodd"
         clipRule="evenodd"
-        d="M14.5 4.99951C9.25329 4.99951 5 9.25281 5 14.4995C5 19.7462 9.25329 23.9995 14.5 23.9995C19.7467 23.9995 24 19.7462 24 14.4995C24 9.25281 19.7467 4.99951 14.5 4.99951ZM3 14.4995C3 8.14824 8.14873 2.99951 14.5 2.99951C20.8513 2.99951 26 8.14824 26 14.4995C26 20.8508 20.8513 25.9995 14.5 25.9995C8.14873 25.9995 3 20.8508 3 14.4995Z"
+        d="M14.5 5a9.5 9.5 0 1 0 0 19 9.5 9.5 0 0 0 0-19zM3 14.5C3 8.148 8.149 3 14.5 3S26 8.148 26 14.5C26 20.85 20.851 26 14.5 26S3 20.85 3 14.5z"
       />
       <path
         fillRule="evenodd"
         clipRule="evenodd"
-        d="M21.217 21.2175C21.6075 20.8269 22.2407 20.8269 22.6312 21.2175L28.7063 27.2925C29.0968 27.6831 29.0968 28.3162 28.7063 28.7067C28.3157 29.0973 27.6826 29.0973 27.292 28.7067L21.217 22.6317C20.8264 22.2411 20.8264 21.608 21.217 21.2175Z"
+        d="M21.217 21.218a1 1 0 0 1 1.414 0l6.075 6.075a1 1 0 0 1-1.414 1.414l-6.075-6.075a1 1 0 0 1 0-1.415z"
       />
     </svg>
   );
diff --git a/packages/components/react-web/src/Icon/icons/IconZoomOut.jsx b/packages/components/react-web/src/Icon/icons/IconZoomOut.jsx
index 74794847..2e17c74c 100644
--- a/packages/components/react-web/src/Icon/icons/IconZoomOut.jsx
+++ b/packages/components/react-web/src/Icon/icons/IconZoomOut.jsx
@@ -13,7 +13,6 @@ function IconZoomOut(props) {
     <svg
       width={props.width}
       height={props.height}
-      viewBox="0 0 32 32"
       xmlns="http://www.w3.org/2000/svg"
       fill={props.fill}
       className="gds-icon"
@@ -23,17 +22,17 @@ function IconZoomOut(props) {
       <path
         fillRule="evenodd"
         clipRule="evenodd"
-        d="M9.5 14.5C9.5 13.9477 9.94772 13.5 10.5 13.5H18.5C19.0523 13.5 19.5 13.9477 19.5 14.5C19.5 15.0523 19.0523 15.5 18.5 15.5H10.5C9.94772 15.5 9.5 15.0523 9.5 14.5Z"
+        d="M9.5 14.5a1 1 0 0 1 1-1h8a1 1 0 1 1 0 2h-8a1 1 0 0 1-1-1z"
       />
       <path
         fillRule="evenodd"
         clipRule="evenodd"
-        d="M14.5 4.99963C9.25329 4.99963 5 9.25293 5 14.4996C5 19.7463 9.25329 23.9996 14.5 23.9996C19.7467 23.9996 24 19.7463 24 14.4996C24 9.25293 19.7467 4.99963 14.5 4.99963ZM3 14.4996C3 8.14836 8.14873 2.99963 14.5 2.99963C20.8513 2.99963 26 8.14836 26 14.4996C26 20.8509 20.8513 25.9996 14.5 25.9996C8.14873 25.9996 3 20.8509 3 14.4996Z"
+        d="M14.5 5a9.5 9.5 0 1 0 0 19 9.5 9.5 0 0 0 0-19zM3 14.5C3 8.148 8.149 3 14.5 3S26 8.148 26 14.5C26 20.85 20.851 26 14.5 26S3 20.85 3 14.5z"
       />
       <path
         fillRule="evenodd"
         clipRule="evenodd"
-        d="M21.217 21.2176C21.6075 20.8271 22.2407 20.8271 22.6312 21.2176L28.7063 27.2926C29.0968 27.6832 29.0968 28.3163 28.7063 28.7069C28.3157 29.0974 27.6826 29.0974 27.292 28.7069L21.217 22.6318C20.8264 22.2413 20.8264 21.6081 21.217 21.2176Z"
+        d="M21.217 21.218a1 1 0 0 1 1.414 0l6.075 6.075a1 1 0 0 1-1.414 1.414l-6.075-6.075a1 1 0 0 1 0-1.414z"
       />
     </svg>
   );
diff --git a/packages/elements/src/icons/svg/Skippy.svg b/packages/elements/src/icons/svg/Skippy.svg
index 140af918..0e73a394 100644
--- a/packages/elements/src/icons/svg/Skippy.svg
+++ b/packages/elements/src/icons/svg/Skippy.svg
@@ -1,3 +1,5 @@
 <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<title>Skippy</title>
+<desc>The Compassion logo.</desc>
 <path d="M8.75637 4.50837C8.51546 4.83703 8.34337 5.20028 8.25733 5.60159C8.13687 5.99944 8.13687 6.41459 8.24012 6.85049C8.32617 7.26564 8.51546 7.64619 8.75637 7.9956C9.0145 8.34156 9.32425 8.60103 9.72348 8.8432C10.1021 9.06807 10.4978 9.20645 10.9487 9.31024C11.4133 9.39673 11.8642 9.39673 12.346 9.32754C12.7934 9.22375 13.2271 9.08537 13.6229 8.8432C13.9843 8.61833 14.3112 8.34156 14.5728 7.9956C14.8309 7.66695 14.9858 7.28639 15.0718 6.90238C15.1751 6.50453 15.1923 6.08939 15.089 5.67078C15.003 5.23834 14.8309 4.85778 14.5728 4.50837C14.3146 4.17971 13.9877 3.90295 13.6057 3.66078C13.2271 3.4359 12.8313 3.28022 12.3804 3.17644C11.9158 3.08995 11.4477 3.08995 10.9831 3.17644C10.5185 3.24563 10.1021 3.41861 9.70627 3.64348C9.32769 3.86489 9.0145 4.16241 8.75637 4.50837ZM8.56708 15.9803L8.06804 16.7241C8.44662 16.3954 9.1556 15.963 10.1537 15.4233C10.8248 15.06 12.463 14.1917 15.0684 12.8597C17.0336 11.8357 18.6546 10.3135 19.9142 8.28275C20.3272 7.62543 20.6886 6.94736 20.9846 6.23815C21.1567 5.823 21.2943 5.45975 21.3804 5.16223C21.4148 5.04114 21.432 4.81627 21.432 4.5395C21.4492 4.22814 21.432 3.91678 21.3976 3.67461C21.3632 3.36325 21.3115 3.15568 21.2255 3.05189C21.1222 2.94811 21.0018 3 20.8813 3.20757C19.9659 4.47377 18.8817 5.66732 17.6049 6.76054C16.242 7.90566 14.7414 8.89163 13.086 9.74268C11.0175 10.7667 9.32769 11.8392 7.99921 12.9497C6.68793 14.0256 5.47991 15.3575 4.36137 16.9351C4.22371 17.1427 4.10325 17.4194 4 17.8C4.17208 17.6789 4.37858 17.6443 4.63671 17.6789L4.24092 18.4746L4.87762 17.9557C5.08412 17.7827 5.27341 17.6616 5.4627 17.6097L5.30783 18.1633C5.72083 17.7481 6.27494 17.3503 6.91164 16.9316L6.68794 17.4852C6.98048 17.1911 7.27302 16.9316 7.56556 16.7241L8.56708 15.9803ZM13.3957 14.2816C12.7074 14.6795 12.0845 15.1119 11.5338 15.5997C10.5151 16.4854 9.67185 17.6097 9.00073 18.9624C8.32961 20.194 7.80992 21.7335 7.39692 23.5913C7.20762 24.4769 7.08717 25.3072 7.05275 26.1029L7.50017 25.4802C7.3625 26.3105 7.27646 27.2308 7.25925 28.2202C7.46575 27.8569 7.60342 27.6148 7.70667 27.4764L7.65504 29.8669L8.63935 27.4764C8.70819 27.684 8.75981 27.9088 8.82865 28.1683C9.43094 26.7637 9.95063 25.6048 10.4153 24.6845C10.8799 23.6985 11.3651 22.8302 11.8298 22.0864C12.2772 21.3426 12.7969 20.6126 13.3475 19.9207C13.8466 19.298 14.4867 18.5507 15.2611 17.7377C15.3988 17.5474 16.211 17.1842 16.2626 17.1669C16.6068 17.0458 17.037 16.9074 17.5911 16.769C17.8492 16.6999 18.4722 16.5615 19.4186 16.3193C20.2446 16.129 20.9192 15.9388 21.4354 15.8177C23.0393 15.3679 24.2645 14.8801 25.1421 14.3612C26.2641 13.6693 26.918 12.8701 27.0729 11.936C25.9853 12.1782 24.9012 12.3339 23.7792 12.4031C23.1769 12.4377 22.2786 12.455 21.0534 12.455C19.9831 12.455 19.1571 12.4723 18.572 12.5415C17.6737 12.6453 16.7961 12.8182 15.9494 13.1296C14.9995 13.4513 14.1563 13.8319 13.3957 14.2816Z" fill="black"/>
 </svg>
diff --git a/yarn.lock b/yarn.lock
index 1b53e486..476cd244 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -3544,6 +3544,11 @@
     "@svgr/plugin-svgo" "^4.3.1"
     loader-utils "^1.2.3"
 
+"@trysound/sax@0.1.1":
+  version "0.1.1"
+  resolved "https://registry.yarnpkg.com/@trysound/sax/-/sax-0.1.1.tgz#3348564048e7a2d7398c935d466c0414ebb6a669"
+  integrity sha512-Z6DoceYb/1xSg5+e+ZlPZ9v0N16ZvZ+wYMraFue4HYrE4ttONKtsvruIRf6t9TBR0YvSOfi1hUU0fJfBLCDYow==
+
 "@types/anymatch@*":
   version "1.3.1"
   resolved "https://registry.yarnpkg.com/@types/anymatch/-/anymatch-1.3.1.tgz#336badc1beecb9dacc38bea2cf32adf627a8421a"
@@ -6347,6 +6352,11 @@ commander@^5.0.0, commander@^5.1.0:
   resolved "https://registry.yarnpkg.com/commander/-/commander-5.1.0.tgz#46abbd1652f8e059bddaef99bbdcb2ad9cf179ae"
   integrity sha512-P0CysNDQ7rtVw4QIQtm+MRxV66vKFSvlsQvGYXZWR3qFU0jlMKHZZZgw8e+8DSah4UDKMqnknRDQz+xuQXQ/Zg==
 
+commander@^7.1.0:
+  version "7.2.0"
+  resolved "https://registry.yarnpkg.com/commander/-/commander-7.2.0.tgz#a36cb57d0b501ce108e4d20559a150a391d97ab7"
+  integrity sha512-QrWXB+ZQSVPmIWIhtEO9H+gwHaMGYiF5ChvoJ+K9ZGHG/sVsa6yiesAD1GC/x46sET00Xlwo1u49RVVVzvcSkw==
+
 commitizen@^4.0.3, commitizen@^4.2.2:
   version "4.2.2"
   resolved "https://registry.yarnpkg.com/commitizen/-/commitizen-4.2.2.tgz#1a93dd07208521ea1ebbf832593542dac714cc79"
@@ -6974,6 +6984,17 @@ css-select@^2.0.0:
     domutils "^1.7.0"
     nth-check "^1.0.2"
 
+css-select@^3.1.2:
+  version "3.1.2"
+  resolved "https://registry.yarnpkg.com/css-select/-/css-select-3.1.2.tgz#d52cbdc6fee379fba97fb0d3925abbd18af2d9d8"
+  integrity sha512-qmss1EihSuBNWNNhHjxzxSfJoFBM/lERB/Q4EnsJQQC62R2evJDW481091oAdOr9uh46/0n4nrg0It5cAnj1RA==
+  dependencies:
+    boolbase "^1.0.0"
+    css-what "^4.0.0"
+    domhandler "^4.0.0"
+    domutils "^2.4.3"
+    nth-check "^2.0.0"
+
 css-selector-tokenizer@^0.7.0:
   version "0.7.3"
   resolved "https://registry.yarnpkg.com/css-selector-tokenizer/-/css-selector-tokenizer-0.7.3.tgz#735f26186e67c749aaf275783405cf0661fae8f1"
@@ -7008,6 +7029,11 @@ css-what@^3.2.1:
   resolved "https://registry.yarnpkg.com/css-what/-/css-what-3.4.2.tgz#ea7026fcb01777edbde52124e21f327e7ae950e4"
   integrity sha512-ACUm3L0/jiZTqfzRM3Hi9Q8eZqd6IK37mMWPLz9PJxkLWllYeRf+EHUSHYEtFop2Eqytaq1FizFVh7XfBnXCDQ==
 
+css-what@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/css-what/-/css-what-4.0.0.tgz#35e73761cab2eeb3d3661126b23d7aa0e8432233"
+  integrity sha512-teijzG7kwYfNVsUh2H/YN62xW3KK9YhXEgSlbxMlcyjPNvdKJqFx5lrwlJgoFP1ZHlB89iGDlo/JyshKeRhv5A==
+
 css@^2.0.0:
   version "2.2.4"
   resolved "https://registry.yarnpkg.com/css/-/css-2.2.4.tgz#c646755c73971f2bba6a601e2cf2fd71b1298929"
@@ -7101,7 +7127,7 @@ cssnano@^4.1.10:
     is-resolvable "^1.0.0"
     postcss "^7.0.0"
 
-csso@^4.0.2:
+csso@^4.0.2, csso@^4.2.0:
   version "4.2.0"
   resolved "https://registry.yarnpkg.com/csso/-/csso-4.2.0.tgz#ea3a561346e8dc9f546d6febedd50187cf389529"
   integrity sha512-wvlcdIbf6pwKEk7vHj8/Bkc0B4ylXZruLvOgs9doS5eOsOpuodOV2zJChSpkp+pRpYQLQMeF04nr3Z68Sta9jA==
@@ -7529,6 +7555,15 @@ dom-serializer@0:
     domelementtype "^2.0.1"
     entities "^2.0.0"
 
+dom-serializer@^1.0.1:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/dom-serializer/-/dom-serializer-1.2.0.tgz#3433d9136aeb3c627981daa385fc7f32d27c48f1"
+  integrity sha512-n6kZFH/KlCrqs/1GHMOd5i2fd/beQHuehKdWvNNffbGHTr/almdhuVvTVFb3V7fglz+nC50fFusu3lY33h12pA==
+  dependencies:
+    domelementtype "^2.0.1"
+    domhandler "^4.0.0"
+    entities "^2.0.0"
+
 dom-walk@^0.1.0:
   version "0.1.2"
   resolved "https://registry.yarnpkg.com/dom-walk/-/dom-walk-0.1.2.tgz#0c548bef048f4d1f2a97249002236060daa3fd84"
@@ -7544,7 +7579,7 @@ domelementtype@1, domelementtype@^1.3.1:
   resolved "https://registry.yarnpkg.com/domelementtype/-/domelementtype-1.3.1.tgz#d048c44b37b0d10a7f2a3d5fee3f4333d790481f"
   integrity sha512-BSKB+TSpMpFI/HOxCNr1O8aMOTZ8hT3pM3GQ0w/mWRmkhEDSFJkkyzz4XQsBV44BChwGkrDfMyjVD0eA2aFV3w==
 
-domelementtype@^2.0.1:
+domelementtype@^2.0.1, domelementtype@^2.1.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/domelementtype/-/domelementtype-2.1.0.tgz#a851c080a6d1c3d94344aed151d99f669edf585e"
   integrity sha512-LsTgx/L5VpD+Q8lmsXSHW2WpA+eBlZ9HPf3erD1IoPF00/3JKHZ3BknUVA2QGDNu69ZNmyFmCWBSO45XjYKC5w==
@@ -7563,6 +7598,13 @@ domhandler@^2.3.0:
   dependencies:
     domelementtype "1"
 
+domhandler@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/domhandler/-/domhandler-4.0.0.tgz#01ea7821de996d85f69029e81fa873c21833098e"
+  integrity sha512-KPTbnGQ1JeEMQyO1iYXoagsI6so/C96HZiFyByU3T6iAzpXn8EGEvct6unm1ZGoed8ByO2oirxgwxBmqKF9haA==
+  dependencies:
+    domelementtype "^2.1.0"
+
 domutils@1.5.1:
   version "1.5.1"
   resolved "https://registry.yarnpkg.com/domutils/-/domutils-1.5.1.tgz#dcd8488a26f563d61079e48c9f7b7e32373682cf"
@@ -7579,6 +7621,15 @@ domutils@^1.5.1, domutils@^1.7.0:
     dom-serializer "0"
     domelementtype "1"
 
+domutils@^2.4.3:
+  version "2.5.0"
+  resolved "https://registry.yarnpkg.com/domutils/-/domutils-2.5.0.tgz#42f49cffdabb92ad243278b331fd761c1c2d3039"
+  integrity sha512-Ho16rzNMOFk2fPwChGh3D2D9OEHAfG19HgmRR2l+WLSsIstNsAYBzePH412bL0y5T44ejABIVfTHQ8nqi/tBCg==
+  dependencies:
+    dom-serializer "^1.0.1"
+    domelementtype "^2.0.1"
+    domhandler "^4.0.0"
+
 dot-case@^3.0.4:
   version "3.0.4"
   resolved "https://registry.yarnpkg.com/dot-case/-/dot-case-3.0.4.tgz#9b2b670d00a431667a8a75ba29cd1b98809ce751"
@@ -13154,6 +13205,13 @@ nth-check@^1.0.2, nth-check@~1.0.1:
   dependencies:
     boolbase "~1.0.0"
 
+nth-check@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/nth-check/-/nth-check-2.0.0.tgz#1bb4f6dac70072fc313e8c9cd1417b5074c0a125"
+  integrity sha512-i4sc/Kj8htBrAiH1viZ0TgU8Y5XqCaV/FziYK6TBczxmeKm3AEFWqqF3195yKudrarqy7Zu80Ra5dobFjn9X/Q==
+  dependencies:
+    boolbase "^1.0.0"
+
 num2fraction@^1.2.2:
   version "1.2.2"
   resolved "https://registry.yarnpkg.com/num2fraction/-/num2fraction-1.2.2.tgz#6f682b6a027a4e9ddfa4564cd2589d1d4e669ede"
@@ -17432,6 +17490,19 @@ svgo@^1.0.0, svgo@^1.2.2:
     unquote "~1.1.1"
     util.promisify "~1.0.0"
 
+svgo@^2.2.2:
+  version "2.2.2"
+  resolved "https://registry.yarnpkg.com/svgo/-/svgo-2.2.2.tgz#51d67c7149661282d22a3c8683f4795cdb40f687"
+  integrity sha512-kJugY2d0yrsONnG4YavppVkKmKULMw2iFRbB9+usyWqzTaqoBuUaqdMnQ2G1n5P1dmOA2tZvc5zmMM6sPOVBSQ==
+  dependencies:
+    "@trysound/sax" "0.1.1"
+    chalk "^4.1.0"
+    commander "^7.1.0"
+    css-select "^3.1.2"
+    css-tree "^1.1.2"
+    csso "^4.2.0"
+    stable "^0.1.8"
+
 symbol-tree@^3.2.2:
   version "3.2.4"
   resolved "https://registry.yarnpkg.com/symbol-tree/-/symbol-tree-3.2.4.tgz#430637d248ba77e078883951fb9aa0eed7c63fa2"