diff --git a/packages/nc-gui/helpers/viewIcons.js b/packages/nc-gui/helpers/viewIcons.js
new file mode 100644
index 0000000000..663dd9ab1a
--- /dev/null
+++ b/packages/nc-gui/helpers/viewIcons.js
@@ -0,0 +1,11 @@
+import { ViewTypes } from 'nocodb-sdk'
+
+export default {
+  [ViewTypes.GRID]: { icon: 'mdi-grid-large', color: 'blue' },
+  // [ViewTypes.GRID]: { icon: "mdi-grid-large", color: "blue" },
+  [ViewTypes.FORM]: { icon: 'mdi-form-select', color: 'pink' },
+  calendar: { icon: 'mdi-calendar', color: 'purple' },
+  [ViewTypes.GALLERY]: { icon: 'mdi-camera-image', color: 'orange' },
+  [ViewTypes.KANBAN]: { icon: 'mdi-tablet-dashboard', color: 'green' },
+  view: { icon: 'mdi-eye-circle-outline', color: 'blue' }
+}