diff --git a/packages/nc-gui/components/project/spreadsheet/components/FieldsMenu.vue b/packages/nc-gui/components/project/spreadsheet/components/FieldsMenu.vue
index 0249957e3d..e3cc5880cd 100644
--- a/packages/nc-gui/components/project/spreadsheet/components/FieldsMenu.vue
+++ b/packages/nc-gui/components/project/spreadsheet/components/FieldsMenu.vue
@@ -123,6 +123,9 @@
               @change="saveOrUpdate(field, i)"
             >
               <template #label>
+                <v-icon color="grey darken-4" small class="mr-1">
+                  {{ field.icon }}
+                </v-icon>
                 <span class="caption">{{ field.title }}</span>
               </template>
             </v-checkbox>
@@ -172,6 +175,7 @@
 <script>
 import draggable from 'vuedraggable'
 import { getSystemColumnsIds } from 'nocodb-sdk'
+import { getUIDTIcon } from '~/components/project/spreadsheet/helpers/uiTypes'
 
 export default {
   name: 'FieldsMenu',
@@ -346,7 +350,8 @@ export default {
             title: c.title,
             fk_column_id: c.id,
             ...(fieldById[c.id] ? fieldById[c.id] : {}),
-            order: (fieldById[c.id] && fieldById[c.id].order) || order++
+            order: (fieldById[c.id] && fieldById[c.id].order) || order++,
+            icon: getUIDTIcon(c.uidt)
           }))
           .sort((a, b) => a.order - b.order)
       } else if (this.isPublic) {