diff --git a/src/assets/newCommunity.png b/src/assets/newCommunity.png
new file mode 100644
index 0000000000000000000000000000000000000000..73bfba9f8000cecabb461394d7fe2f6b90c02b56
Binary files /dev/null and b/src/assets/newCommunity.png differ
diff --git a/src/views/CommunityViews/CommunityView.vue b/src/views/CommunityViews/CommunityView.vue
index d608f4bb50feb03376484b7f79de4685868b7977..a2279054ac63749bd62f790783e9adefb23edaa7 100644
--- a/src/views/CommunityViews/CommunityView.vue
+++ b/src/views/CommunityViews/CommunityView.vue
@@ -1,14 +1,24 @@
 <template>
   <div>
-    <div id="myGroups">
-      <div>Mine grupper:</div>
+    <img
+        class="cursor-pointer h-8 mr-4 mt-4 float-right"
+        v-if="isLoggedIn"
+        src="@/assets/newCommunity.png"
+        alt="Legg til gruppe"
+        @click="$router.push('/createNewGroup')"
+    />
+  </div>
+  <div>
+    <div id="myGroups" v-if="isLoggedIn">
+      <div class="m-4" >Mine grupper:</div>
       <group-list :groupList="myGroups" />
     </div>
     <div id="localGroups">
-      <div>Offentlige grupper:</div>
+      <div class="m-4">Offentlige grupper:</div>
       <group-list :groupList="localGroups" />
     </div>
   </div>
+
 </template>
 
 <script>
@@ -19,6 +29,7 @@ export default {
   name: "HomeView",
   data() {
     return {
+      isLoggedIn: false,
       myGroups: [],
       localGroups: [],
     };
@@ -37,6 +48,9 @@ export default {
   async created() {
     await this.getMyGroups();
     await this.getPotentialGroups();
-  },
+    if(this.$store.state.user.token !== null){
+      this.isLoggedIn = true
+    }
+    },
 };
 </script>