work in progress icons

packages/frontend/src/pages/pages.vue

@@ -16,7 +16,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 		</div>
 
 		<div v-else-if="tab === 'my'" class="_gaps">
-			<MkButton class="new" @click="create()"><i class="ti ti-plus"></i></MkButton>
+			<MkButton class="new" @click="create()"><i class="ph-plus ph-bold ph-lg"></i></MkButton>
 			<MkPagination v-slot="{items}" :pagination="myPagesPagination">
 				<div class="_gaps">
 					<MkPagePreview v-for="page in items" :key="page.id" :page="page"/>
@@ -66,7 +66,7 @@ function create() {
 }
 
 const headerActions = $computed(() => [{
-	icon: 'ti ti-plus',
+	icon: 'ph-plus ph-bold ph-lg',
 	text: i18n.ts.create,
 	handler: create,
 }]);
@@ -74,15 +74,15 @@ const headerActions = $computed(() => [{
 const headerTabs = $computed(() => [{
 	key: 'featured',
 	title: i18n.ts._pages.featured,
-	icon: 'ti ti-flare',
+	icon: 'ph-fire ph-bold pg-lg',
 }, {
 	key: 'my',
 	title: i18n.ts._pages.my,
-	icon: 'ti ti-edit',
+	icon: 'ph-pencil-line ph-bold pg-lg',
 }, {
 	key: 'liked',
 	title: i18n.ts._pages.liked,
-	icon: 'ti ti-heart',
+	icon: 'ph-heart ph-bold ph-lg',
 }]);
 
 definePageMetadata(computed(() => ({