add: custom icon font

packages/backend/assets/fonts/sharkey-icons/style.css

+@charset "UTF-8";
+
+@font-face {
+  font-family: "custom-sharkey-icons";
+  src: url("./custom-sharkey-icons.woff") format("woff"),
+    url("./custom-sharkey-icons.ttf") format("truetype"),
+    url("./custom-sharkey-icons.svg#custom-sharkey-icons") format("svg");
+  font-weight: normal;
+  font-style: normal;
+  font-display: block;
+}
+
+.sk-icons {
+  font-family: "custom-sharkey-icons" !important;
+  font-style: normal;
+  font-weight: normal;
+  font-variant: normal;
+  text-transform: none;
+  line-height: 1;
+  speak: none;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.sk-icons.sk-shark:before {
+  content: "\61";
+}

packages/backend/src/server/web/views/base.pug

@@ -41,6 +41,7 @@ html
 		link(rel='prefetch' href=notFoundImageUrl)
 		//- https://github.com/misskey-dev/misskey/issues/9842
 		link(rel='stylesheet' href='/assets/phosphor-icons/bold/style.css')
+		link(rel='stylesheet' href='/static-assets/fonts/sharkey-icons/style.css')
 		link(rel='modulepreload' href=`/vite/${clientEntry.file}`)
 		script(src='/client-assets/libopenmpt.js')
 

packages/frontend/src/components/MkVisitorDashboard.vue

@@ -103,7 +103,7 @@ function showMenu(ev) {
 		},
 	}, {
 		text: i18n.ts.aboutMisskey,
-		icon: 'ph-info ph-bold ph-lg',
+		icon: 'sk-icons sk-shark ph-bold',
 		action: () => {
 			os.pageWindow('/about-sharkey');
 		},

packages/frontend/src/ui/_common_/common.ts

@@ -112,6 +112,7 @@ export function openInstanceMenu(ev: MouseEvent) {
 	} : undefined, {
 		type: 'link',
 		text: i18n.ts.aboutMisskey,
+		icon: 'sk-icons sk-shark ph-bold',
 		to: '/about-sharkey',
 	}], ev.currentTarget ?? ev.target, {
 		align: 'left',