diff --git a/FullstackProsjekt/src/frontend/src/components/icons/analytics.png b/FullstackProsjekt/src/frontend/src/components/icons/analytics.png
new file mode 100644
index 0000000000000000000000000000000000000000..9b99d65f1c8f59a3ab063398ce769a0c30e89eee
Binary files /dev/null and b/FullstackProsjekt/src/frontend/src/components/icons/analytics.png differ
diff --git a/FullstackProsjekt/src/frontend/src/components/icons/clock.png b/FullstackProsjekt/src/frontend/src/components/icons/clock.png
new file mode 100644
index 0000000000000000000000000000000000000000..3726d6924237ade143e49cf7b98112c52b3a11ab
Binary files /dev/null and b/FullstackProsjekt/src/frontend/src/components/icons/clock.png differ
diff --git a/FullstackProsjekt/src/frontend/src/components/icons/dashboard.png b/FullstackProsjekt/src/frontend/src/components/icons/dashboard.png
new file mode 100644
index 0000000000000000000000000000000000000000..6ce3fd0d231712806f93a68acdb95e2b8359bbee
Binary files /dev/null and b/FullstackProsjekt/src/frontend/src/components/icons/dashboard.png differ
diff --git a/FullstackProsjekt/src/frontend/src/components/icons/eye.png b/FullstackProsjekt/src/frontend/src/components/icons/eye.png
new file mode 100644
index 0000000000000000000000000000000000000000..afa5d381338d9b10d4a6c6e3cc8e229f5c2ae159
Binary files /dev/null and b/FullstackProsjekt/src/frontend/src/components/icons/eye.png differ
diff --git a/FullstackProsjekt/src/frontend/src/components/icons/feedback.png b/FullstackProsjekt/src/frontend/src/components/icons/feedback.png
new file mode 100644
index 0000000000000000000000000000000000000000..32e3bf46baaccece92ec2c30b09335b0817c0ea9
Binary files /dev/null and b/FullstackProsjekt/src/frontend/src/components/icons/feedback.png differ
diff --git a/FullstackProsjekt/src/frontend/src/components/icons/home.png b/FullstackProsjekt/src/frontend/src/components/icons/home.png
new file mode 100644
index 0000000000000000000000000000000000000000..a8ddbd0fd7d3ff66de387e049eba4a40d0aec3c3
Binary files /dev/null and b/FullstackProsjekt/src/frontend/src/components/icons/home.png differ
diff --git a/FullstackProsjekt/src/frontend/src/components/icons/info-button.png b/FullstackProsjekt/src/frontend/src/components/icons/info-button.png
new file mode 100644
index 0000000000000000000000000000000000000000..777599267a569f0abcce41d5166712044da4e5d8
Binary files /dev/null and b/FullstackProsjekt/src/frontend/src/components/icons/info-button.png differ
diff --git a/FullstackProsjekt/src/frontend/src/components/icons/plus.png b/FullstackProsjekt/src/frontend/src/components/icons/plus.png
new file mode 100644
index 0000000000000000000000000000000000000000..8854e5d431975ae42efc0392766057959f157eb6
Binary files /dev/null and b/FullstackProsjekt/src/frontend/src/components/icons/plus.png differ
diff --git a/FullstackProsjekt/src/frontend/src/components/icons/sidebar-arrow.png b/FullstackProsjekt/src/frontend/src/components/icons/sidebar-arrow.png
new file mode 100644
index 0000000000000000000000000000000000000000..b3a75ee4893c82ab3bad18c521c02e73e61775d1
Binary files /dev/null and b/FullstackProsjekt/src/frontend/src/components/icons/sidebar-arrow.png differ
diff --git a/FullstackProsjekt/src/frontend/src/components/icons/user.png b/FullstackProsjekt/src/frontend/src/components/icons/user.png
new file mode 100644
index 0000000000000000000000000000000000000000..2fc27b91470c89c962e92f808f82a411b16319b8
Binary files /dev/null and b/FullstackProsjekt/src/frontend/src/components/icons/user.png differ
diff --git a/FullstackProsjekt/src/frontend/src/components/sidebar/Sidebar.vue b/FullstackProsjekt/src/frontend/src/components/sidebar/Sidebar.vue
index e1dbe9fa0617ed7e8c0be86dc58c4ade4e14c7c5..4952a22e17b573eb1e330347b49342afa03e485b 100644
--- a/FullstackProsjekt/src/frontend/src/components/sidebar/Sidebar.vue
+++ b/FullstackProsjekt/src/frontend/src/components/sidebar/Sidebar.vue
@@ -30,7 +30,7 @@ export default {
 		<SidebarLink to="/login" icon="fas fa-image">Login</SidebarLink>
 
 		<span class="collapse-icon" :class="{'rotate-180': collapsed}" @click="toggleSideBar">
-			<button class="iconButton"> <img id="icon" src="../icons/menu-burger.png"/> </button>
+			<button class="iconButton"> <img id="icon" src="../icons/sidebar-arrow.png"/> </button>
 		</span>
 	</div>
 </template>
diff --git a/FullstackProsjekt/src/frontend/src/main.js b/FullstackProsjekt/src/frontend/src/main.js
index 383fd1b9840d3da2a98a1e1b3b74538be12a41d6..342d0a314f3fa2238239ff84e997c28196dd936c 100644
--- a/FullstackProsjekt/src/frontend/src/main.js
+++ b/FullstackProsjekt/src/frontend/src/main.js
@@ -7,26 +7,9 @@ import "../src/assets/axios.js";
 import App from './App.vue'
 import router from './router'
 
-import '@fortawesome/fontawesome-svg-core'
-import '@fortawesome/vue-fontawesome'
-import '@fortawesome/free-solid-svg-icons'
-
-
-/* import the fontawesome core */
-//import { library } from '@fortawesome/fontawesome-svg-core'
-
-/* import font awesome icon component */
-//import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'
-
-//import {faUser} from '@fortawesome/free-solid-svg-icons'
-
-/* add icons to the library */
-//library.add(faUser)
-
 
 const app = createApp(App)
 
-//app.component('font-awesome-icon', FontAwesomeIcon)
 app.use(createPinia())
 app.use(router)