diff --git a/src/icons/CloudUpload/CloudUploadIcon.tsx b/src/icons/CloudUpload/CloudUploadIcon.tsx
new file mode 100644
index 00000000..0513a6ac
--- /dev/null
+++ b/src/icons/CloudUpload/CloudUploadIcon.tsx
@@ -0,0 +1,32 @@
+import { DEFAULT_HEIGHT, DEFAULT_WIDTH, DEFAULT_FILL_NONE } from '../../constants/constants';
+import { IconProps } from '../types';
+
+export const CloudUploadIcon = ({
+  width = DEFAULT_WIDTH,
+  height = DEFAULT_HEIGHT,
+  fill = DEFAULT_FILL_NONE,
+  title,
+  ...props
+}: IconProps): JSX.Element => {
+  return (
+    <svg
+      width={width}
+      height={height}
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 24 24"
+      data-testid="cloudupload-icon-svg"
+      role={title ? "img" : undefined}
+      aria-hidden={title ? undefined : "true"}
+      {...props}
+    >
+      {title && <title>{title}</title>}
+      <path d="M0 0h24v24H0z" fill="none" />
+      <path
+        d="M19.35 10.04C18.67 6.59 15.64 4 12 4 9.11 4 6.6 5.64 5.35 8.04 2.34 8.36 0 10.91 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96M14 13v4h-4v-4H7l5-5 5 5z"
+        fill={fill}
+      />
+    </svg>
+  );
+};
+
+export default CloudUploadIcon;
diff --git a/src/icons/CloudUpload/index.ts b/src/icons/CloudUpload/index.ts
new file mode 100644
index 00000000..40af37d2
--- /dev/null
+++ b/src/icons/CloudUpload/index.ts
@@ -0,0 +1 @@
+export { default as CloudUploadIcon } from './CloudUploadIcon';
diff --git a/src/icons/index.ts b/src/icons/index.ts
index efcc764e..934544e7 100644
--- a/src/icons/index.ts
+++ b/src/icons/index.ts
@@ -34,6 +34,7 @@ export * from './Circle';
 export * from './Clone';
 export * from './Close';
 export * from './Cloud';
+export * from './CloudUpload';
 export * from './Code';
 export * from './CollapseAll';
 export * from './Column';