convert system icons to outlines

app/src/modules/users/components/navigation/navigation.vue

@@ -1,7 +1,7 @@
 <template>
 	<v-list nav>
 		<v-list-item to="/users" exact :active="currentRole === null">
-			<v-list-item-icon><v-icon name="people" /></v-list-item-icon>
+			<v-list-item-icon><v-icon name="folder_shared" outline /></v-list-item-icon>
 			<v-list-item-content>{{ $t('all_users') }}</v-list-item-content>
 		</v-list-item>
 
@@ -20,7 +20,7 @@
 			exact
 			:active="currentRole === id"
 		>
-			<v-list-item-icon><v-icon :name="icon" /></v-list-item-icon>
+			<v-list-item-icon><v-icon :name="icon" outline /></v-list-item-icon>
 			<v-list-item-content>{{ name }}</v-list-item-content>
 		</v-list-item>
 	</v-list>

app/src/modules/users/index.ts

@@ -6,7 +6,7 @@ import UsersDetail from './routes/detail/';
 export default defineModule(({ i18n }) => ({
 	id: 'users',
 	name: i18n.tc('user_directory'),
-	icon: 'people',
+	icon: 'people_alt',
 	routes: [
 		{
 			name: 'users-browse-all',

app/src/modules/users/routes/browse/browse.vue

@@ -6,7 +6,7 @@
 
 		<template #title-outer:prepend>
 			<v-button class="header-icon" rounded disabled icon secondary>
-				<v-icon name="people" />
+				<v-icon name="people_alt" outline />
 			</v-button>
 		</template>
 
@@ -20,7 +20,7 @@
 			<v-dialog v-model="confirmDelete" v-if="selection.length > 0">
 				<template #activator="{ on }">
 					<v-button rounded icon class="action-delete" @click="on">
-						<v-icon name="delete" />
+						<v-icon name="delete" outline />
 					</v-button>
 				</template>
 
@@ -46,7 +46,7 @@
 				:to="batchLink"
 				v-tooltip.bottom="$t('edit')"
 			>
-				<v-icon name="edit" />
+				<v-icon name="edit" outline />
 			</v-button>
 
 			<v-button rounded icon :to="addNewLink" v-tooltip.bottom="$t('create_user')">
@@ -81,7 +81,7 @@
 			</template>
 
 			<template #no-items>
-				<v-info :title="$tc('user_count', 0)" icon="people" center>
+				<v-info :title="$tc('user_count', 0)" icon="people_alt" center>
 					{{ $t('no_users_copy') }}
 
 					<template #append>

app/src/modules/users/routes/detail/detail.vue

@@ -21,7 +21,7 @@
 						@click="on"
 						v-tooltip.bottom="$t('delete')"
 					>
-						<v-icon name="delete" />
+						<v-icon name="delete" outline />
 					</v-button>
 				</template>
 
@@ -69,7 +69,7 @@
 				<div class="avatar">
 					<v-skeleton-loader v-if="loading || previewLoading" />
 					<img v-else-if="avatarSrc" :src="avatarSrc" :alt="item.first_name" />
-					<v-icon v-else name="person" x-large />
+					<v-icon v-else name="account_circle" outline x-large />
 				</div>
 				<div class="user-box-content">
 					<template v-if="loading">