diff --git a/src/components/ui/VnIcon.vue b/src/components/ui/VnIcon.vue
new file mode 100644
index 000000000..374fd444b
--- /dev/null
+++ b/src/components/ui/VnIcon.vue
@@ -0,0 +1,13 @@
+<script setup>
+import { useI18n } from 'vue-i18n';
+
+const $props = defineProps({
+    name: { type: String, require: true, default: null },
+    color: { type: String, require: true, default: null },
+});
+const { t } = useI18n();
+</script>
+<template>
+    <QIcon :name="$props.name" :color="$props.color" />
+</template>
+<style lang="scss" scoped></style>