diff --git a/assets/icons/file_icons/file_types.json b/assets/icons/file_icons/file_types.json
index a55d505de471148b57e1402c7a7d66ce32b05c4a..ac722183fa89a479f3be7f4350197b6e6da8b5ce 100644
--- a/assets/icons/file_icons/file_types.json
+++ b/assets/icons/file_icons/file_types.json
@@ -98,6 +98,7 @@
         "tsv": "storage",
         "tsx": "code",
         "txt": "document",
+        "vue": "vue",
         "wav": "audio",
         "webm": "video",
         "xls": "document",
@@ -191,6 +192,9 @@
         },
         "video": {
             "icon": "icons/file_icons/video.svg"
+        },
+        "vue": {
+            "icon": "icons/file_icons/vue.svg"
         }
     }
 }
diff --git a/assets/icons/file_icons/vue.svg b/assets/icons/file_icons/vue.svg
new file mode 100644
index 0000000000000000000000000000000000000000..0709cdfe6702aa9ce9923fd33833d8cb10dabdc6
--- /dev/null
+++ b/assets/icons/file_icons/vue.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14">
+  <path d="M7 8.135 3.578 2.212l-.18-.312H1l6 10.392L13 1.9h-2.4L7 8.135Z"/>
+  <path d="M7 3.675 5.972 1.9H1l.18.312h4.615L7 4.3l1.205-2.088h4.615L13 1.9H8.028L7 3.675Z"/>
+</svg>