diff --git a/packages/nc-gui-v2/components/general/NocoIcon.vue b/packages/nc-gui-v2/components/general/NocoIcon.vue
new file mode 100644
index 0000000000..229f521f9f
--- /dev/null
+++ b/packages/nc-gui-v2/components/general/NocoIcon.vue
@@ -0,0 +1,14 @@
+<script lang="ts" setup>
+interface Props {
+  width?: number
+  height?: number
+}
+
+const { width = 90, height = 90 } = defineProps<Props>()
+</script>
+
+<template>
+  <div :style="{ left: `calc(50% - ${width / 2}px)`, top: `-${height * 0.6}px` }" class="absolute rounded-lg bg-primary">
+    <img :width="width" :height="height" alt="NocoDB" src="~/assets/img/icons/512x512-trans.png" />
+  </div>
+</template>