diff --git a/src/components/NavBar.vue b/src/components/NavBar.vue
index b9f84a6..13b893f 100644
--- a/src/components/NavBar.vue
+++ b/src/components/NavBar.vue
@@ -57,9 +57,13 @@
         v-for="item in menuItems"
         :key="item.title"
         :title="item.title"
-        :prepend-icon="item.icon"
         @click="navigate(item.route)"
-      ></v-list-item>
+      >
+        <template #prepend>
+          <v-icon v-if="typeof item.icon === 'string'">{{ item.icon }}</v-icon>
+          <img v-else :src="item.icon" width="20" height="20" />
+        </template>
+      </v-list-item>
       <v-list-item prepend-icon="mdi-cog" title="Administracion" @click="toggleAdminMenu()" v-if="isAuthenticated && isAdmin"></v-list-item>
       <v-list-item v-if="isAuthenticated && isAdmin && showAdminMenu">
         <v-list>
@@ -67,9 +71,13 @@
             v-for="item in menuAdminItems"
             :key="item.title"
             :title="item.title"
-            :prepend-icon="item.icon"
             @click="navigateAdmin(item.route)"
-          ></v-list-item>
+          >
+            <template #prepend>
+              <v-icon v-if="typeof item.icon === 'string'">{{ item.icon }}</v-icon>
+              <img v-else :src="item.icon" width="20" height="20" />
+            </template>
+          </v-list-item>
         </v-list>
       </v-list-item>
     </v-list>