diff --git a/src/components/Icon/Icon.stories.mdx b/src/components/Icon/Icon.stories.mdx
index ab8c244b9..7cf26142f 100644
--- a/src/components/Icon/Icon.stories.mdx
+++ b/src/components/Icon/Icon.stories.mdx
@@ -29,7 +29,7 @@ All the icons available for use.
 <Preview>
   <Story name="Icons Gallery">
     <Stack>
-      {Object.keys(iconSelector).map((iconName) => (
+      {Object.keys(iconSelector).sort((a, b) => a.localeCompare(b)).map((iconName) => (
         <PresentComponent name={iconName} width={150}>
           <Icon name={iconName} color={'lightGray700'} />
         </PresentComponent>
diff --git a/src/components/Icon/__snapshots__/Icon.stories.storyshot b/src/components/Icon/__snapshots__/Icon.stories.storyshot
index b77208510..49520bc98 100644
--- a/src/components/Icon/__snapshots__/Icon.stories.storyshot
+++ b/src/components/Icon/__snapshots__/Icon.stories.storyshot
@@ -3258,6 +3258,43 @@ exports[`Storyshots Design System/Icon Icons Gallery 1`] = `
         </p>
       </div>
     </div>
+    <div
+      style={
+        Object {
+          "margin": 5,
+        }
+      }
+    >
+      <div
+        style={
+          Object {
+            "alignItems": "center",
+            "display": "flex",
+            "flexDirection": "column",
+            "justifyContent": "center",
+            "padding": "1rem",
+            "width": 150,
+          }
+        }
+      >
+        <span
+          className="css-1gnbc76-Icon"
+        >
+          <SvgrURL
+            className="css-hk02jy-Icon"
+          />
+        </span>
+        <p
+          style={
+            Object {
+              "paddingTop": "8px",
+            }
+          }
+        >
+          refresh
+        </p>
+      </div>
+    </div>
     <div
       style={
         Object {
diff --git a/src/components/Icon/assets/iconSelector.ts b/src/components/Icon/assets/iconSelector.ts
index 0cfd18833..39ca1c62e 100644
--- a/src/components/Icon/assets/iconSelector.ts
+++ b/src/components/Icon/assets/iconSelector.ts
@@ -41,6 +41,7 @@ import DotsVerticalIcon from './dots-vertical.svg';
 import DownloadIcon from './download.svg';
 import ErrorIcon from './error.svg';
 import ExpensesIcon from './expenses.svg';
+import RefreshIcon from './refresh.svg';
 /**
  * In the current design system the collection of "FatArrowIcon"
  * has been renamed into "ArrowIcon" collection. For backwards
@@ -195,6 +196,7 @@ const iconSelector: { [key in AcceptedIconNames]: string } = {
   userAvatar: UserAvatarIcon, // "user" copy (smaller)
   writer: WriterIcon,
   youtube: YoutubeIcon,
+  refresh: RefreshIcon,
 };
 
 export default iconSelector;
diff --git a/src/components/Icon/assets/refresh.svg b/src/components/Icon/assets/refresh.svg
new file mode 100644
index 000000000..45e222dc0
--- /dev/null
+++ b/src/components/Icon/assets/refresh.svg
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg viewBox="0 0 16 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <g id="Sheet" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Glodbal-icons-set" transform="translate(-260.000000, -155.000000)" fill="none">
+            <g id="🎨-Icon-color" transform="translate(256.000000, 152.000000)">
+                <path d="M18.9273484,9.8347 C19.5723484,12.1337 19.1103484,14.5397 17.6593484,16.4357 C16.4403484,18.0297 14.6723484,19.0537 12.6823484,19.3187 C12.3453484,19.3637 12.0083484,19.3857 11.6743484,19.3857 C10.6623484,19.3857 9.67934837,19.1597 8.75634837,18.7657 L8.75634837,18.7657 L9.09834837,19.9067 L7.18234837,20.4807 L5.85734837,16.0537 L10.2823484,14.7287 L10.8573484,16.6447 L9.70334837,16.9897 C10.5593484,17.3227 11.4813484,17.4607 12.4173484,17.3367 C13.8783484,17.1427 15.1763484,16.3907 16.0723484,15.2207 C17.1353484,13.8287 17.4753484,12.0627 17.0013484,10.3747 L17.0013484,10.3747 Z M16.0292484,3 L17.3542484,7.426 L12.9282484,8.752 L12.3542484,6.836 L13.5072484,6.49 C12.6522484,6.157 11.7292484,6.019 10.7932484,6.143 C9.33224837,6.338 8.03524837,7.09 7.13924837,8.26 C6.07624837,9.651 5.73724837,11.417 6.20924837,13.106 L6.20924837,13.106 L4.28424837,13.645 C3.64024837,11.344 4.10224837,8.939 5.55124837,7.045 C6.77124837,5.45 8.53824837,4.426 10.5292484,4.161 C11.8822484,3.979 13.2252484,4.173 14.4482484,4.694 L14.4482484,4.694 L14.1132484,3.573 L16.0292484,3 Z"></path>
+            </g>
+        </g>
+    </g>
+</svg>
diff --git a/src/components/Icon/types.ts b/src/components/Icon/types.ts
index 03cba6d11..9fb7612c2 100644
--- a/src/components/Icon/types.ts
+++ b/src/components/Icon/types.ts
@@ -91,4 +91,5 @@ export type AcceptedIconNames =
   | 'user'
   | 'userAvatar'
   | 'writer'
-  | 'youtube';
+  | 'youtube'
+  | 'refresh';