add: custom icon font

packages/backend/assets/fonts/sharkey-icons/custom-sharkey-icons.svg

@@ -0,0 +1,11 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg xmlns="http://www.w3.org/2000/svg">
+<metadata>Generated by Fontastic.me</metadata>
+<defs>
+<font id="custom-sharkey-icons" horiz-adv-x="512">
+<font-face font-family="custom-sharkey-icons" units-per-em="512" ascent="480" descent="-32"/>
+<missing-glyph horiz-adv-x="512" />
+
+<glyph glyph-name="shark" unicode="&#97;" d="M469 171l0-43-42 0c-30 0-60 9-86 21-53-27-117-27-170 0-26-12-56-21-86-21l-42 0 0 43 42 0c30 0 60 10 86 27 51-36 119-36 170 0 26-17 56-27 86-27z m-356 47c11 3 23 9 34 16l24 16c14 49 16 107-9 174 93-16 177-97 209-193 16-10 32-16 48-17-30 140-155 255-291 255-7 0-14-4-18-10-4-6-4-14-1-21 46-92 32-167 4-220m228-105c-51-36-119-36-170 0-26-17-56-28-86-28l-42 0 0-42 42 0c30 0 60 8 86 21 53-28 117-28 170 0 26-13 56-21 86-21l42 0 0 42-42 0c-30 0-60 11-86 28z"/>
+</font></defs></svg>

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

@@ -0,0 +1,27 @@
+@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',