work in progress icons

packages/frontend/src/pages/my-clips/index.vue

@@ -8,7 +8,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 	<template #header><MkPageHeader v-model:tab="tab" :actions="headerActions" :tabs="headerTabs"/></template>
 	<MkSpacer :contentMax="700">
 		<div v-if="tab === 'my'" class="_gaps">
-			<MkButton primary rounded class="add" @click="create"><i class="ti ti-plus"></i> {{ i18n.ts.add }}</MkButton>
+			<MkButton primary rounded class="add" @click="create"><i class="ph-plus ph-bold ph-lg"></i> {{ i18n.ts.add }}</MkButton>
 
 			<MkPagination v-slot="{items}" ref="pagingComponent" :pagination="pagination" class="_gaps">
 				<MkA v-for="item in items" :key="item.id" :to="`/clips/${item.id}`">
@@ -90,18 +90,18 @@ const headerActions = $computed(() => []);
 const headerTabs = $computed(() => [{
 	key: 'my',
 	title: i18n.ts.myClips,
-	icon: 'ti ti-paperclip',
+	icon: 'ph-paperclip ph-bold ph-lg',
 }, {
 	key: 'favorites',
 	title: i18n.ts.favorites,
-	icon: 'ti ti-heart',
+	icon: 'ph-heart ph-bold ph-lg',
 }]);
 
 definePageMetadata({
 	title: i18n.ts.clip,
-	icon: 'ti ti-paperclip',
+	icon: 'ph-paperclip ph-bold ph-lg',
 	action: {
-		icon: 'ti ti-plus',
+		icon: 'ph-plus ph-bold ph-lg',
 		handler: create,
 	},
 });