diff --git a/frontend/src/views/dashboard/common/EmptyBackgroundSvgMain.vue b/frontend/src/views/dashboard/common/EmptyBackgroundSvgMain.vue
new file mode 100644
index 0000000..53b293c
--- /dev/null
+++ b/frontend/src/views/dashboard/common/EmptyBackgroundSvgMain.vue
@@ -0,0 +1,43 @@
+<script lang="ts" setup>
+import nothingSelectDashboard from '@/assets/svg/tool-bar.svg'
+defineProps({
+  imageSize: {
+    type: Number,
+    default: 125,
+  },
+  description: {
+    type: String,
+    default: '',
+  },
+})
+</script>
+
+<template>
+  <div class="ed-empty empty-info">
+    <div class="ed-empty__image" style="width: 125px">
+      <el-icon size="125" class="icon-primary">
+        <nothingSelectDashboard></nothingSelectDashboard>
+      </el-icon>
+    </div>
+    <div class="ed-empty__description">
+      <p>{{ description }}</p>
+    </div>
+  </div>
+</template>
+
+<style lang="less" scoped>
+.empty-info {
+  height: 90%;
+  padding-top: 0;
+}
+:deep(.ed-empty__description) {
+  margin-top: 8px;
+
+  color: var(--N600, #646a73);
+  text-align: center;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: 22px;
+}
+</style>