diff --git a/packages/client/src/helpers/filesUtils.js b/packages/client/src/helpers/filesUtils.js
index 7b0eaadd44..5f61f448e5 100644
--- a/packages/client/src/helpers/filesUtils.js
+++ b/packages/client/src/helpers/filesUtils.js
@@ -205,3 +205,29 @@ export const connectedCloudsTypeTitleTranslation = (key, t) => {
       return key;
   }
 };
+
+export const connectedCloudsTypeIcon = (key) => {
+  switch (key) {
+    case "GoogleDrive":
+      return "/static/images/cloud.services.google.drive.react.svg";
+    case "Box":
+      return "/static/images/cloud.services.box.react.svg";
+    case "DropboxV2":
+      return "/static/images/cloud.services.dropbox.react.svg";
+    case "OneDrive":
+      return "/static/images/cloud.services.onedrive.react.svg";
+    case "SharePoint":
+      return "/static/images/cloud.services.onedrive.react.svg";
+    case "kDrive":
+      return "/static/images/cloud.services.kdrive.react.svg";
+    case "Yandex":
+      return "/static/images/cloud.services.yandex.react.svg";
+    case "NextCloud":
+      return "/static/images/cloud.services.nextcloud.react.svg";
+    case "OwnCloud":
+      return "/static/images/catalog.folder.react.svg";
+    case "WebDav":
+      return "/static/images/cloud.services.webdav.react.svg";
+    default:
+  }
+};