diff --git a/packages/components/src/common/svgs/IconChevronDown2Small.svg b/packages/components/src/common/svgs/IconChevronDown2Small.svg
new file mode 100644
index 000000000..f36f0b269
--- /dev/null
+++ b/packages/components/src/common/svgs/IconChevronDown2Small.svg
@@ -0,0 +1,8 @@
+<svg width="14" height="14" viewBox="0 0 14 14" xmlns="http://www.w3.org/2000/svg">
+    <path
+        d="M7.32996 13.5892C7.13392 13.7868 6.81427 13.7862 6.61889 13.588L1.10852 7.99689C0.914678 7.80021 0.916981 7.48363 1.11366 7.2898L1.75467 6.65805C1.95134 6.46421 2.26792 6.46651 2.46175 6.66319L6.62337 10.8858C6.81875 11.084 7.1384 11.0846 7.33444 10.887L11.5283 6.65978C11.7228 6.46375 12.0394 6.46249 12.2354 6.65698L12.8743 7.29086C13.0704 7.48535 13.0716 7.80192 12.8771 7.99796L7.32996 13.5892Z"
+    />
+    <path
+        d="M7.32996 7.35481C7.13392 7.5524 6.81427 7.55187 6.61889 7.35363L1.10851 1.76251C0.914678 1.56583 0.91698 1.24926 1.11366 1.05542L1.75467 0.423673C1.95134 0.229836 2.26792 0.232139 2.46175 0.428816L6.62337 4.65142C6.81875 4.84966 7.1384 4.85019 7.33444 4.6526L11.5283 0.425406C11.7228 0.229372 12.0394 0.22812 12.2354 0.422608L12.8743 1.05648C13.0704 1.25097 13.0716 1.56755 12.8771 1.76358L7.32996 7.35481Z"
+    />
+</svg>
\ No newline at end of file
diff --git a/packages/components/src/common/svgs/IconChevronUp2Small.svg b/packages/components/src/common/svgs/IconChevronUp2Small.svg
new file mode 100644
index 000000000..1552b1021
--- /dev/null
+++ b/packages/components/src/common/svgs/IconChevronUp2Small.svg
@@ -0,0 +1,8 @@
+<svg width="14" height="14" viewBox="0 0 14 14" xmlns="http://www.w3.org/2000/svg">
+    <path
+        d="M7.34412 6.65197C7.14808 6.45438 6.82843 6.45491 6.63305 6.65315L1.12268 12.2443C0.928838 12.4409 0.931141 12.7575 1.12782 12.9514L1.76883 13.5831C1.9655 13.7769 2.28208 13.7746 2.47591 13.578L6.63753 9.35536C6.83291 9.15712 7.15256 9.15659 7.3486 9.35418L11.5425 13.5814C11.737 13.7774 12.0535 13.7787 12.2496 13.5842L12.8885 12.9503C13.0845 12.7558 13.0858 12.4392 12.8913 12.2432L7.34412 6.65197Z"
+    />
+    <path
+        d="M6.63305 0.418772C6.82843 0.220531 7.14808 0.220002 7.34411 0.417594L12.8913 6.00882C13.0858 6.20485 13.0845 6.52143 12.8885 6.71592L12.2496 7.3498C12.0535 7.54429 11.737 7.54303 11.5425 7.347L7.3486 3.11981C7.15256 2.92222 6.83291 2.92275 6.63753 3.12099L2.47591 7.34359C2.28208 7.54027 1.9655 7.54257 1.76883 7.34873L1.12782 6.71698C0.931141 6.52315 0.928838 6.20657 1.12267 6.00989L6.63305 0.418772Z"
+    />
+</svg>
\ No newline at end of file
diff --git a/packages/components/src/common/svgs/IconEnvelopeSmall.svg b/packages/components/src/common/svgs/IconEnvelopeSmall.svg
new file mode 100644
index 000000000..e6f2368a7
--- /dev/null
+++ b/packages/components/src/common/svgs/IconEnvelopeSmall.svg
@@ -0,0 +1,8 @@
+<svg width="14" height="14" viewBox="0 0 14 14" xmlns="http://www.w3.org/2000/svg">
+    <path
+        d="M0 3.04675V11.55C0 11.9366 0.313401 12.25 0.7 12.25H13.3C13.6866 12.25 14 11.9366 14 11.55V3.04675L8.5245 8.82644C7.6962 9.70076 6.3038 9.70076 5.4755 8.82645L0 3.04675Z"
+    />
+    <path
+        d="M7.50817 7.8636L13.3 1.75H0.7L6.49183 7.8636C6.76793 8.15504 7.23207 8.15504 7.50817 7.8636Z"
+    />
+</svg>
\ No newline at end of file
diff --git a/packages/components/src/core/Icon/map.ts b/packages/components/src/core/Icon/map.ts
index 88453352f..07022d98b 100644
--- a/packages/components/src/core/Icon/map.ts
+++ b/packages/components/src/core/Icon/map.ts
@@ -10,6 +10,7 @@ import { ReactComponent as IconCheckCircleSmall } from "../../common/svgs/IconCh
 import { ReactComponent as IconCheckSmall } from "../../common/svgs/IconCheckSmall.svg";
 import { ReactComponent as IconChevronDownLarge } from "../../common/svgs/IconChevronDownLarge.svg";
 import { ReactComponent as IconChevronDownSmall } from "../../common/svgs/IconChevronDownSmall.svg";
+import { ReactComponent as IconChevronDown2Small } from "../../common/svgs/IconChevronDown2Small.svg";
 import { ReactComponent as IconChevronLeft2Small } from "../../common/svgs/IconChevronLeft2Small.svg";
 import { ReactComponent as IconChevronLeftLarge } from "../../common/svgs/IconChevronLeftLarge.svg";
 import { ReactComponent as IconChevronLeftSmall } from "../../common/svgs/IconChevronLeftSmall.svg";
@@ -18,6 +19,7 @@ import { ReactComponent as IconChevronRightLarge } from "../../common/svgs/IconC
 import { ReactComponent as IconChevronRightSmall } from "../../common/svgs/IconChevronRightSmall.svg";
 import { ReactComponent as IconChevronUpLarge } from "../../common/svgs/IconChevronUpLarge.svg";
 import { ReactComponent as IconChevronUpSmall } from "../../common/svgs/IconChevronUpSmall.svg";
+import { ReactComponent as IconChevronUp2Small } from "../../common/svgs/IconChevronUp2Small.svg";
 import { ReactComponent as IconCirclesOverlapLarge } from "../../common/svgs/IconCirclesOverlapLarge.svg";
 import { ReactComponent as IconCirclesOverlapSmall } from "../../common/svgs/IconCirclesOverlapSmall.svg";
 import { ReactComponent as IconCodeLarge } from "../../common/svgs/IconCodeLarge.svg";
@@ -33,6 +35,7 @@ import { ReactComponent as IconDownloadLarge } from "../../common/svgs/IconDownl
 import { ReactComponent as IconDownloadSmall } from "../../common/svgs/IconDownloadSmall.svg";
 import { ReactComponent as IconEditLarge } from "../../common/svgs/IconEditLarge.svg";
 import { ReactComponent as IconEditSmall } from "../../common/svgs/IconEditSmall.svg";
+import { ReactComponent as IconEnvelopeSmall } from "../../common/svgs/IconEnvelopeSmall.svg";
 import { ReactComponent as IconExclamationMarkCircleLarge } from "../../common/svgs/IconExclamationMarkCircleLarge.svg";
 import { ReactComponent as IconExclamationMarkCircleSmall } from "../../common/svgs/IconExclamationMarkCircleSmall.svg";
 import { ReactComponent as IconExclamationMarkSpeechBubbleLarge } from "../../common/svgs/IconExclamationmarkSpeechBubbleLarge.svg";
@@ -135,11 +138,13 @@ export interface IconNameToSizes {
   check: "xs" | "s";
   checkCircle: "xs" | "s" | "l" | "xl";
   chevronDown: "xs" | "s" | "l" | "xl";
+  chevronDown2: "xs" | "s";
   chevronLeft2: "xs" | "s";
   chevronLeft: "xs" | "s" | "l" | "xl";
   chevronRight2: "xs" | "s";
   chevronRight: "xs" | "s" | "l" | "xl";
   chevronUp: "xs" | "s" | "l" | "xl";
+  chevronUp2: "xs" | "s";
   circlesOverlap: "xs" | "s" | "l" | "xl";
   code: "l" | "xl";
   compass: "l" | "xl";
@@ -150,6 +155,7 @@ export interface IconNameToSizes {
   dotsHorizontal: "xs" | "s" | "l" | "xl";
   download: "xs" | "s" | "l" | "xl";
   edit: "xs" | "s" | "l" | "xl";
+  envelope: "xs" | "s";
   exclamationMarkCircle: "xs" | "s" | "l" | "xl";
   exclamationMarkSpeechBubble: "l" | "xl";
   eyeClosed: "xs" | "s";
@@ -270,6 +276,10 @@ export const iconMap: Props = {
     largeIcon: IconChevronDownLarge,
     smallIcon: IconChevronDownSmall,
   },
+  chevronDown2: {
+    largeIcon: null,
+    smallIcon: IconChevronDown2Small,
+  },
   chevronLeft: {
     largeIcon: IconChevronLeftLarge,
     smallIcon: IconChevronLeftSmall,
@@ -290,6 +300,10 @@ export const iconMap: Props = {
     largeIcon: IconChevronUpLarge,
     smallIcon: IconChevronUpSmall,
   },
+  chevronUp2: {
+    largeIcon: null,
+    smallIcon: IconChevronUp2Small,
+  },
   circlesOverlap: {
     largeIcon: IconCirclesOverlapLarge,
     smallIcon: IconCirclesOverlapSmall,
@@ -330,6 +344,10 @@ export const iconMap: Props = {
     largeIcon: IconEditLarge,
     smallIcon: IconEditSmall,
   },
+  envelope: {
+    largeIcon: null,
+    smallIcon: IconEnvelopeSmall,
+  },
   exclamationMarkCircle: {
     largeIcon: IconExclamationMarkCircleLarge,
     smallIcon: IconExclamationMarkCircleSmall,