faviconを追加する

htmlの記述

<link rel="manifest" href="/favicon/manifest.webmanifest">
<link rel="icon" href="/favicon/favicon.ico" sizes="any">
<link rel="icon" href="/favicon/icon.svg" type="image/svg+xml">
<link rel="apple-touch-icon" href="/favicon/apple-touch-icon.png">

manifest.webmanifestの中身

{
  "name": "note.sorakakeru.info",
  "icons": [
    { "src": "/favicon/icon-192.png", "type": "image/png", "sizes": "192x192" },
    { "src": "/favicon/icon-512.png", "type": "image/png", "sizes": "512x512" }
  ]
}

SVGをicoファイルに変換するサイト
cloudconvert

画像の作成などは以下の記事参考
2023年版、HTMLによるファビコン設定方法、さまざまなブラウザやデバイスに対応させる最小限のセットは6種類のファイルが必要 | コリス