Fix lobby icon

Signed-off-by: Joas Schilling <coding@schilljs.com>

css/icons.scss

@@ -1,5 +1,4 @@
 @include icon-black-white('no-password', 'spreed', 1);
-@include icon-black-white('lobby', 'spreed', 1);
 @include icon-black-white('folder-multiple-image', 'spreed', 1);
 
 // Mention bubbles in the chat input and messages

img/lobby.svg

@@ -1 +0,0 @@
-<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M2 17h20v2H2zm11.84-9.21c.1-.24.16-.51.16-.79 0-1.1-.9-2-2-2s-2 .9-2 2c0 .28.06.55.16.79C6.25 8.6 3.27 11.93 3 16h18c-.27-4.07-3.25-7.4-7.16-8.21z"/></svg>

src/components/LobbyScreen.vue

@@ -21,7 +21,9 @@
 <template>
 	<div class="lobby">
 		<div class="lobby emptycontent">
-			<div class="icon icon-lobby" />
+			<Lobby decorative
+				:size="64"
+				title="" />
 			<h2>{{ currentConversationName }}</h2>
 
 			<p class="lobby__timer">
@@ -51,6 +53,7 @@
 import moment from '@nextcloud/moment'
 import RichText from '@juliushaertl/vue-richtext'
 import SetGuestUsername from './SetGuestUsername.vue'
+import Lobby from './missingMaterialDesignIcons/Lobby.vue'
 
 export default {
 
@@ -59,6 +62,7 @@ export default {
 	components: {
 		SetGuestUsername,
 		RichText,
+		Lobby,
 	},
 
 	computed: {

src/components/missingMaterialDesignIcons/Lobby.vue

@@ -0,0 +1,41 @@
+<template functional>
+	<span :aria-hidden="props.decorative"
+		:aria-label="props.title"
+		:class="[data.class, data.staticClass]"
+		class="material-design-icon present-to-all-icon"
+		role="img"
+		v-bind="data.attrs"
+		v-on="listeners">
+		<svg :fill="props.fillColor"
+			class="material-design-icon__svg"
+			:width="props.size"
+			:height="props.size"
+			viewBox="0 0 24 24">
+			<path d="M2 17h20v2H2zm11.84-9.21c.1-.24.16-.51.16-.79 0-1.1-.9-2-2-2s-2 .9-2 2c0 .28.06.55.16.79C6.25 8.6 3.27 11.93 3 16h18c-.27-4.07-3.25-7.4-7.16-8.21z" />
+		</svg>
+	</span>
+</template>
+
+<script>
+export default {
+	name: 'Lobby',
+	props: {
+		title: {
+			type: String,
+			default: 'Lobby icon',
+		},
+		decorative: {
+			type: Boolean,
+			default: false,
+		},
+		fillColor: {
+			type: String,
+			default: 'currentColor',
+		},
+		size: {
+			type: Number,
+			default: 24,
+		},
+	},
+}
+</script>