diff --git a/eslint.config.mjs b/eslint.config.mjs
index ae7abda..8e59ddc 100644
--- a/eslint.config.mjs
+++ b/eslint.config.mjs
@@ -10,6 +10,7 @@ export default [
       globals: {
         ...globals.browser,
         Peer: "readonly",
+        lucide: "readonly",
       },
     },
   },
diff --git a/index.html b/index.html
index 79d1d93..35fa65a 100644
--- a/index.html
+++ b/index.html
@@ -7,11 +7,11 @@
   <link rel="stylesheet" href="style.css" />
   <link rel="stylesheet" href="material-colors.css" />
   <script src="https://cdn.jsdelivr.net/npm/peerjs@1.5.4/dist/peerjs.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/npm/lucide@0"></script>
   <script type="importmap">
       {
         "imports": {
           "vue": "https://cdn.jsdelivr.net/npm/vue@3/dist/vue.esm-browser.js",
-          "lucide": "https://cdn.jsdelivr.net/npm/lucide@0/dist/esm/lucide.js"
         }
       }
     </script>
diff --git a/main.js b/main.js
index 0f2b95c..aaef865 100644
--- a/main.js
+++ b/main.js
@@ -1,10 +1,8 @@
-import { createIcons, icons } from "lucide";
 import { createApp } from "vue";
 
 const utils = {
   updateIcons() {
-    createIcons({
-      icons,
+    lucide.createIcons({
       nameAttr: "icon",
       attrs: {
         width: "1.1em",