diff --git a/src/components/button/ViewButton.vue b/src/components/button/ViewButton.vue
new file mode 100644
index 00000000..070a268f
--- /dev/null
+++ b/src/components/button/ViewButton.vue
@@ -0,0 +1,27 @@
+<script lang="ts" setup>
+import MainButton from './MainButton.vue';
+
+defineEmits<{
+  (e: 'click', v: MouseEvent): void;
+}>();
+defineProps<{
+  iconOnly?: boolean;
+  solid?: boolean;
+  outlined?: boolean;
+  disabled?: boolean;
+  dark?: boolean;
+  size?: string;
+}>();
+</script>
+
+<template>
+  <MainButton
+    @click="(e) => $emit('click', e)"
+    v-bind="{ ...$props, ...$attrs }"
+    icon="mdi-eye-outline"
+    color="var(--gray-8-hsl)"
+    :title="iconOnly ? $t('general.viewDetail') : undefined"
+  >
+    {{ $t('general.viewDetail') }}
+  </MainButton>
+</template>