diff --git a/front/package-lock.json b/front/package-lock.json
index 14fecb6..c0865e1 100644
--- a/front/package-lock.json
+++ b/front/package-lock.json
@@ -9,6 +9,7 @@
       "version": "0.0.0",
       "dependencies": {
         "@fireworks-js/vue": "^2.10.7",
+        "@iconify/vue": "^4.1.2",
         "@monogrid/gainmap-js": "^3.0.5",
         "@tresjs/cientos": "^3.9.0",
         "@tresjs/core": "^4.0.2",
@@ -447,8 +448,7 @@
     "node_modules/@iconify/types": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/@iconify/types/-/types-2.0.0.tgz",
-      "integrity": "sha512-+wluvCrRhXrhyOmRDJ3q8mux9JkKy5SJ/v8ol2tu4FVjyYvtEzkc/3pK15ET6RKg4b4w4BmTk1+gsCUhf21Ykg==",
-      "dev": true
+      "integrity": "sha512-+wluvCrRhXrhyOmRDJ3q8mux9JkKy5SJ/v8ol2tu4FVjyYvtEzkc/3pK15ET6RKg4b4w4BmTk1+gsCUhf21Ykg=="
     },
     "node_modules/@iconify/utils": {
       "version": "2.1.23",
@@ -478,6 +478,21 @@
         "url": "https://github.com/sponsors/antfu"
       }
     },
+    "node_modules/@iconify/vue": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/@iconify/vue/-/vue-4.1.2.tgz",
+      "integrity": "sha512-CQnYqLiQD5LOAaXhBrmj1mdL2/NCJvwcC4jtW2Z8ukhThiFkLDkutarTOV2trfc9EXqUqRs0KqXOL9pZ/IyysA==",
+      "license": "MIT",
+      "dependencies": {
+        "@iconify/types": "^2.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/cyberalien"
+      },
+      "peerDependencies": {
+        "vue": ">=3"
+      }
+    },
     "node_modules/@jridgewell/sourcemap-codec": {
       "version": "1.4.15",
       "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.15.tgz",
diff --git a/front/package.json b/front/package.json
index db2e288..8afe8ba 100644
--- a/front/package.json
+++ b/front/package.json
@@ -11,6 +11,7 @@
   },
   "dependencies": {
     "@fireworks-js/vue": "^2.10.7",
+    "@iconify/vue": "^4.1.2",
     "@monogrid/gainmap-js": "^3.0.5",
     "@tresjs/cientos": "^3.9.0",
     "@tresjs/core": "^4.0.2",